class-website/static/css/index.css

94897 lines
2.2 MiB

@import url(https://fonts.googleapis.com/css?kit=o--8Et3j0xElSo4Jk-6CSBq3nM6ViH37RJK-mRgDaTrP4jIogMRlYghWrcGuwM8a2Ro_p7GZa5w4TUkIb1jW_xi6sGhdVb3ySsP8a0BH8ME);
a {
text-decoration: none
}
a:link {
color: #15c
}
a:visited {
color: #61c
}
a:active {
color: #d14836
}
a:hover {
text-decoration: underline
}
.quantumIconsIcon {
font-family: 'Material Icons Extended';
font-weight: normal;
font-style: normal;
font-size: 24px;
line-height: 1;
letter-spacing: normal;
text-rendering: optimizeLegibility;
text-transform: none;
display: inline-block;
word-wrap: normal;
direction: ltr;
font-feature-settings: 'liga' 1;
-webkit-font-smoothing: antialiased
}
html[dir="rtl"] .quantumIconsRtlIcon {
-moz-transform: scaleX(-1);
-o-transform: scaleX(-1);
-webkit-transform: scaleX(-1);
transform: scaleX(-1);
filter: FlipH;
-ms-filter: "FlipH"
}
.ac-renderer {
font: normal 13px Arial, sans-serif;
position: absolute;
background: #fff;
border: 1px solid #666;
-moz-box-shadow: 2px 2px 2px rgba(102, 102, 102, .4);
-webkit-box-shadow: 2px 2px 2px rgba(102, 102, 102, .4);
width: 300px
}
.ac-row {
cursor: pointer;
padding: .4em
}
.ac-highlighted {
font-weight: bold
}
.ac-active {
background-color: #b2b4bf
}
.goog-inline-block {
position: relative;
display: -moz-inline-box;
display: inline-block
}
* html .goog-inline-block {
display: inline
}
*:first-child+html .goog-inline-block {
display: inline
}
.jfk-button {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
cursor: default;
font-size: 11px;
font-weight: bold;
text-align: center;
white-space: nowrap;
margin-right: 16px;
height: 27px;
line-height: 27px;
min-width: 54px;
outline: 0px;
padding: 0 8px
}
.jfk-button-hover {
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}
.jfk-button-selected {
-webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1)
}
.jfk-button .jfk-button-img {
margin-top: -3px;
vertical-align: middle
}
.jfk-button-label {
margin-left: 5px
}
.jfk-button-narrow {
min-width: 34px;
padding: 0
}
.jfk-button-collapse-left,
.jfk-button-collapse-right {
z-index: 1
}
.jfk-button-collapse-left.jfk-button-disabled {
z-index: 0
}
.jfk-button-checked.jfk-button-collapse-left,
.jfk-button-checked.jfk-button-collapse-right {
z-index: 2
}
.jfk-button-collapse-left:focus,
.jfk-button-collapse-right:focus,
.jfk-button-hover.jfk-button-collapse-left,
.jfk-button-hover.jfk-button-collapse-right {
z-index: 3
}
.jfk-button-collapse-left {
margin-left: -1px;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.jfk-button-collapse-right {
margin-right: 0px;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.jfk-button.jfk-button-disabled:active {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.jfk-button-action {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-color: #4d90fe;
background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
background-image: -ms-linear-gradient(top, #4d90fe, #4787ed);
background-image: -o-linear-gradient(top, #4d90fe, #4787ed);
background-image: linear-gradient(top, #4d90fe, #4787ed);
border: 1px solid #3079ed;
color: #fff
}
.jfk-button-action.jfk-button-hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-color: #357ae8;
background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8);
background-image: -moz-linear-gradient(top, #4d90fe, #357ae8);
background-image: -ms-linear-gradient(top, #4d90fe, #357ae8);
background-image: -o-linear-gradient(top, #4d90fe, #357ae8);
background-image: linear-gradient(top, #4d90fe, #357ae8);
border: 1px solid #2f5bb7;
border-bottom-color: #2f5bb7
}
.jfk-button-action:focus {
-webkit-box-shadow: inset 0 0 0 1px #fff;
-moz-box-shadow: inset 0 0 0 1px #fff;
box-shadow: inset 0 0 0 1px #fff;
border: 1px solid #fff;
border: rgba(0, 0, 0, 0) solid 1px;
outline: 1px solid #4d90fe;
outline: rgba(0, 0, 0, 0) 0
}
.jfk-button-action.jfk-button-clear-outline {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
outline: none
}
.jfk-button-action:active {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
background: #357ae8;
border: 1px solid #2f5bb7;
border-top: 1px solid #2f5bb7
}
.jfk-button-action.jfk-button-disabled {
background: #4d90fe;
filter: alpha(opacity=50);
opacity: 0.5
}
.jfk-button-contrast {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-color: #f5f5f5;
background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
color: #333;
border: 1px solid #dcdcdc;
border: 1px solid rgba(0, 0, 0, 0.1)
}
.jfk-button-contrast.jfk-button-hover,
.jfk-button-contrast.jfk-button-clear-outline.jfk-button-hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-color: #f8f8f8;
background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
border: 1px solid #c6c6c6;
color: #111
}
.jfk-button-contrast:active,
.jfk-button-contrast.jfk-button-hover:active {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
background: #f8f8f8
}
.jfk-button-contrast.jfk-button-selected,
.jfk-button-contrast.jfk-button-clear-outline.jfk-button-selected {
background-color: #eee;
background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
border: 1px solid #ccc;
color: #333
}
.jfk-button-contrast.jfk-button-checked,
.jfk-button-contrast.jfk-button-clear-outline.jfk-button-checked {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
background-color: #eee;
background-image: -webkit-linear-gradient(top, #eee, #e0e0e0);
background-image: -moz-linear-gradient(top, #eee, #e0e0e0);
background-image: -ms-linear-gradient(top, #eee, #e0e0e0);
background-image: -o-linear-gradient(top, #eee, #e0e0e0);
background-image: linear-gradient(top, #eee, #e0e0e0);
border: 1px solid #ccc;
color: #333
}
.jfk-button-contrast:focus {
border: 1px solid #4d90fe;
outline: none
}
.jfk-button-contrast.jfk-button-clear-outline {
border: 1px solid #dcdcdc;
outline: none
}
.jfk-button-contrast.jfk-button-disabled {
background: #fff;
border: 1px solid #f3f3f3;
border: 1px solid rgba(0, 0, 0, 0.05);
color: #b8b8b8
}
.jfk-button-contrast .jfk-button-img {
opacity: .70
}
.jfk-button-contrast.jfk-button-checked .jfk-button-img,
.jfk-button-contrast.jfk-button-selected .jfk-button-img,
.jfk-button-contrast.jfk-button-hover .jfk-button-img {
opacity: 0.9
}
.jfk-button-contrast.jfk-button-disabled .jfk-button-img {
filter: alpha(opacity=33);
opacity: 0.333
}
.jfk-button-default {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-color: #3d9400;
background-image: -webkit-linear-gradient(top, #3d9400, #398a00);
background-image: -moz-linear-gradient(top, #3d9400, #398a00);
background-image: -ms-linear-gradient(top, #3d9400, #398a00);
background-image: -o-linear-gradient(top, #3d9400, #398a00);
background-image: linear-gradient(top, #3d9400, #398a00);
border: 1px solid #29691d;
color: #fff;
text-shadow: 0px 1px rgba(0, 0, 0, 0.1)
}
.jfk-button-default.jfk-button-hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-color: #368200;
background-image: -webkit-linear-gradient(top, #3d9400, #368200);
background-image: -moz-linear-gradient(top, #3d9400, #368200);
background-image: -ms-linear-gradient(top, #3d9400, #368200);
background-image: -o-linear-gradient(top, #3d9400, #368200);
background-image: linear-gradient(top, #3d9400, #368200);
border: 1px solid #2d6200;
border-bottom: 1px solid #2d6200;
text-shadow: 0px 1px rgba(0, 0, 0, 0.3)
}
.jfk-button-default:focus {
-webkit-box-shadow: inset 0 0 0 1px #fff;
-moz-box-shadow: inset 0 0 0 1px #fff;
box-shadow: inset 0 0 0 1px #fff;
border: 1px solid #fff;
border: rgba(0, 0, 0, 0) solid 1px;
outline: 1px solid #3d9400;
outline: rgba(0, 0, 0, 0) 0
}
.jfk-button-default.jfk-button-clear-outline {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
outline: none
}
.jfk-button-default:active {
-webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.3);
background: #368200;
border: 1px solid #2d6200;
border-top: 1px solid #2d6200
}
.jfk-button-default.jfk-button-disabled {
background: #3d9400;
filter: alpha(opacity=50);
opacity: 0.5
}
.jfk-button-flat {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
border: 1px solid transparent;
font-size: 13px;
font-weight: normal;
height: 21px;
line-height: 21px;
margin-right: 1px;
min-width: 0;
padding: 0
}
.jfk-button-flat.jfk-button-hover,
.jfk-button-flat.jfk-button-selected,
.jfk-button-flat:focus,
.jfk-button-flat:active {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none
}
.jfk-button-flat .jfk-button-img {
height: 21px;
opacity: .70;
width: 21px
}
.jfk-button-flat .jfk-button-label {
display: inline-block;
margin: 0;
padding: 0 1px
}
.jfk-button-flat.jfk-button-selected .jfk-button-img,
.jfk-button-flat.jfk-button-hover .jfk-button-img {
opacity: 0.9
}
.jfk-button-flat.jfk-button-disabled .jfk-button-img {
filter: alpha(opacity=33);
opacity: 0.333
}
.jfk-button-flat:focus {
border: 1px solid #4d90fe
}
.jfk-button-flat.jfk-button-clear-outline {
border: 1px solid transparent
}
.jfk-button-mini {
background-color: #f5f5f5;
background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
border: 1px solid #dcdcdc;
border: 1px solid rgba(0, 0, 0, 0.1);
color: #333;
height: 17px;
line-height: 17px;
min-width: 22px;
text-shadow: 0px 1px rgba(0, 0, 0, 0.1)
}
.jfk-button-mini.jfk-button-hover,
.jfk-button-mini.jfk-button-clear-outline.jfk-button-hover {
background-color: #f8f8f8;
background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
border: 1px solid #c6c6c6;
text-shadow: 0px 1px rgba(0, 0, 0, 0.3)
}
.jfk-button-mini:active {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}
.jfk-button-mini.jfk-button-checked,
.jfk-button-mini.jfk-button-clear-outline.jfk-button-checked {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
background-color: #e0e0e0;
background-image: -webkit-linear-gradient(top, #eee, #e0e0e0);
background-image: -moz-linear-gradient(top, #eee, #e0e0e0);
background-image: -ms-linear-gradient(top, #eee, #e0e0e0);
background-image: -o-linear-gradient(top, #eee, #e0e0e0);
background-image: linear-gradient(top, #eee, #e0e0e0);
border: 1px solid #ccc;
color: #333
}
.jfk-button-mini:focus {
border: 1px solid #4d90fe
}
.jfk-button-mini.jfk-button-clear-outline {
border: 1px solid #dcdcdc
}
.jfk-button-mini.jfk-button-disabled {
background: #fff;
border: 1px solid #f3f3f3;
border: 1px solid rgba(0, 0, 0, 0.05);
color: #b8b8b8
}
.jfk-button-primary {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-color: #d14836;
background-image: -webkit-linear-gradient(top, #dd4b39, #d14836);
background-image: -moz-linear-gradient(top, #dd4b39, #d14836);
background-image: -ms-linear-gradient(top, #dd4b39, #d14836);
background-image: -o-linear-gradient(top, #dd4b39, #d14836);
background-image: linear-gradient(top, #dd4b39, #d14836);
border: 1px solid transparent;
color: #fff;
text-shadow: 0px 1px rgba(0, 0, 0, 0.1);
text-transform: uppercase
}
.jfk-button-primary.jfk-button-hover {
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
background-color: #c53727;
background-image: -webkit-linear-gradient(top, #dd4b39, #c53727);
background-image: -moz-linear-gradient(top, #dd4b39, #c53727);
background-image: -ms-linear-gradient(top, #dd4b39, #c53727);
background-image: -o-linear-gradient(top, #dd4b39, #c53727);
background-image: linear-gradient(top, #dd4b39, #c53727);
border: 1px solid #b0281a;
border-bottom-color: #af301f
}
.jfk-button-primary:focus {
-webkit-box-shadow: inset 0 0 0 1px #fff;
-moz-box-shadow: inset 0 0 0 1px #fff;
box-shadow: inset 0 0 0 1px #fff;
border: 1px solid #fff;
border: rgba(0, 0, 0, 0) solid 1px;
outline: 1px solid #d14836;
outline: rgba(0, 0, 0, 0) 0
}
.jfk-button-primary.jfk-button-clear-outline {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
outline: none
}
.jfk-button-primary:active {
-webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.3);
background-color: #b0281a;
background-image: -webkit-linear-gradient(top, #dd4b39, #b0281a);
background-image: -moz-linear-gradient(top, #dd4b39, #b0281a);
background-image: -ms-linear-gradient(top, #dd4b39, #b0281a);
background-image: -o-linear-gradient(top, #dd4b39, #b0281a);
background-image: linear-gradient(top, #dd4b39, #b0281a);
border: 1px solid #992a1b;
border-top: 1px solid #992a1b
}
.jfk-button-primary.jfk-button-disabled {
background: #d14836;
filter: alpha(opacity=50);
opacity: 0.5
}
.jfk-slideToggle {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: inset 0px 1px 2px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0px 1px 2px 0 rgba(0, 0, 0, .1);
box-shadow: inset 0px 1px 2px 0 rgba(0, 0, 0, .1);
background-color: #f5f5f5;
background-image: -webkit-linear-gradient(top, #eee, #e0e0e0);
background-image: -moz-linear-gradient(top, #eee, #e0e0e0);
background-image: -ms-linear-gradient(top, #eee, #e0e0e0);
background-image: -o-linear-gradient(top, #eee, #e0e0e0);
background-image: linear-gradient(top, #eee, #e0e0e0);
border: 1px solid #ccc;
color: #666;
font-weight: bold;
height: 27px;
line-height: 27px;
margin-right: 16px;
outline: none;
overflow: hidden;
padding: 0;
position: relative;
width: 94px
}
.jfk-slideToggle-on,
.jfk-slideToggle-off,
.jfk-slideToggle-thumb {
display: inline-block;
text-align: center;
text-transform: uppercase;
width: 47px
}
.jfk-slideToggle-on {
-webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, .1);
background-color: #398bf2;
background-image: -webkit-linear-gradient(top, #3b93ff, #3689ee);
background-image: -moz-linear-gradient(top, #3b93ff, #3689ee);
background-image: -ms-linear-gradient(top, #3b93ff, #3689ee);
background-image: -o-linear-gradient(top, #3b93ff, #3689ee);
background-image: linear-gradient(top, #3b93ff, #3689ee);
color: #fff;
height: 27px
}
.jfk-slideToggle-off {
-webkit-border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0
}
.jfk-slideToggle-thumb {
-webkit-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, .1);
-moz-box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, .1);
box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, .1);
background-color: #f5f5f5;
background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
-webkit-transition: all .130s ease-out;
-moz-transition: all .130s ease-out;
-o-transition: all .130s ease-out;
transition: all .130s ease-out;
border: 1px solid #ccc;
display: block;
height: 27px;
left: -1px;
position: absolute;
top: -1px
}
.jfk-slideToggle-thumb::after {
content: '';
background-image: -webkit-linear-gradient(left, #ccc 50%, transparent 50%), -webkit-linear-gradient(left, #ccc 50%, transparent 50%), -webkit-linear-gradient(left, #ccc 50%, transparent 50%), -webkit-linear-gradient(left, #ccc 50%, transparent 50%), -webkit-linear-gradient(left, #ccc 50%, transparent 50%);
background-image: -moz-linear-gradient(left, #ccc 50%, transparent 50%), -moz-linear-gradient(left, #ccc 50%, transparent 50%), -moz-linear-gradient(left, #ccc 50%, transparent 50%), -moz-linear-gradient(left, #ccc 50%, transparent 50%), -moz-linear-gradient(left, #ccc 50%, transparent 50%);
background-image: -ms-linear-gradient(left, #ccc 50%, transparent 50%), -ms-linear-gradient(left, #ccc 50%, transparent 50%), -ms-linear-gradient(left, #ccc 50%, transparent 50%), -ms-linear-gradient(left, #ccc 50%, transparent 50%), -ms-linear-gradient(left, #ccc 50%, transparent 50%);
background-image: -o-linear-gradient(left, #ccc 50%, transparent 50%), -o-linear-gradient(left, #ccc 50%, transparent 50%), -o-linear-gradient(left, #ccc 50%, transparent 50%), -o-linear-gradient(left, #ccc 50%, transparent 50%), -o-linear-gradient(left, #ccc 50%, transparent 50%);
background-image: linear-gradient(left, #ccc 50%, transparent 50%), linear-gradient(left, #ccc 50%, transparent 50%), linear-gradient(left, #ccc 50%, transparent 50%), linear-gradient(left, #ccc 50%, transparent 50%), linear-gradient(left, #ccc 50%, transparent 50%);
background-position: 0 0, 0 2px, 0 4px, 0 6px, 0 8px;
background-repeat: repeat-x;
background-size: 2px 1px;
display: block;
height: 9px;
left: 15px;
position: absolute;
top: 9px;
width: 17px
}
.jfk-slideToggle.jfk-slideToggle-checked .jfk-slideToggle-thumb {
left: 47px
}
.jfk-slideToggle:focus {
border: 1px solid #4d90fe
}
.jfk-slideToggle.jfk-slideToggle-clearOutline {
border: 1px solid #ccc
}
.jfk-button-standard {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-color: #f5f5f5;
background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
color: #333;
border: 1px solid #dcdcdc;
border: 1px solid rgba(0, 0, 0, 0.1)
}
.jfk-button-standard.jfk-button-hover,
.jfk-button-standard.jfk-button-clear-outline.jfk-button-hover {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background-color: #f8f8f8;
background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
border: 1px solid #c6c6c6;
color: #111
}
.jfk-button-standard:active,
.jfk-button-standard.jfk-button-hover:active {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
background: #f8f8f8;
color: #111
}
.jfk-button-standard.jfk-button-selected,
.jfk-button-standard.jfk-button-clear-outline.jfk-button-selected {
background-color: #eee;
background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
border: 1px solid #ccc;
color: #333
}
.jfk-button-standard.jfk-button-checked,
.jfk-button-standard.jfk-button-clear-outline.jfk-button-checked {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
background-color: #eee;
background-image: -webkit-linear-gradient(top, #eee, #e0e0e0);
background-image: -moz-linear-gradient(top, #eee, #e0e0e0);
background-image: -ms-linear-gradient(top, #eee, #e0e0e0);
background-image: -o-linear-gradient(top, #eee, #e0e0e0);
background-image: linear-gradient(top, #eee, #e0e0e0);
border: 1px solid #ccc;
color: #333
}
.jfk-button-standard:focus {
border: 1px solid #4d90fe;
outline: none
}
.jfk-button-standard.jfk-button-clear-outline {
border: 1px solid #dcdcdc;
border: 1px solid rgba(0, 0, 0, 0.1);
outline: none
}
.jfk-button-standard.jfk-button-disabled {
background: #fff;
border: 1px solid #f3f3f3;
border: 1px solid rgba(0, 0, 0, 0.05);
color: #b8b8b8
}
.jfk-button-standard .jfk-button-img {
opacity: .70
}
.jfk-button-standard.jfk-button-checked .jfk-button-img,
.jfk-button-standard.jfk-button-selected .jfk-button-img,
.jfk-button-standard.jfk-button-hover .jfk-button-img {
opacity: 0.9
}
.jfk-button-standard.jfk-button-disabled .jfk-button-img {
filter: alpha(opacity=33);
opacity: 0.333
}
.goog-modalpopup,
.modal-dialog {
-webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
background: #fff;
background-clip: padding-box;
border: 1px solid #acacac;
border: 1px solid rgba(0, 0, 0, .333);
outline: 0;
position: absolute
}
.goog-modalpopup-bg,
.modal-dialog-bg {
background: #fff;
left: 0;
position: absolute;
top: 0
}
div.goog-modalpopup-bg,
div.modal-dialog-bg {
filter: alpha(opacity=75);
-moz-opacity: .75;
opacity: .75
}
.modal-dialog {
color: #000;
padding: 30px 42px
}
.modal-dialog-title {
background-color: #fff;
color: #000;
cursor: default;
font-size: 16px;
font-weight: normal;
line-height: 24px;
margin: 0 0 16px
}
.modal-dialog-title-close {
height: 11px;
opacity: 0.7;
padding: 17px;
position: absolute;
right: 0px;
top: 0px;
width: 11px
}
.modal-dialog-title-close:after {
content: '';
background: url(//ssl.gstatic.com/ui/v1/dialog/close-x.png);
position: absolute;
height: 11px;
width: 11px;
right: 17px
}
.modal-dialog-title-close:hover {
opacity: 1
}
.modal-dialog-content {
background-color: #fff;
line-height: 1.4em;
word-wrap: break-word
}
.modal-dialog-buttons {
margin-top: 16px
}
.modal-dialog-buttons button {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #f5f5f5;
background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
border: 1px solid #dcdcdc;
border: 1px solid rgba(0, 0, 0, 0.1);
color: #333;
cursor: default;
font-family: inherit;
font-size: 11px;
font-weight: bold;
height: 29px;
line-height: 27px;
margin: 0 16px 0 0;
min-width: 72px;
outline: 0;
padding: 0 8px
}
.modal-dialog-buttons button:hover,
.modal-dialog-buttons button:active {
-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
background-color: #f8f8f8;
background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
border: 1px solid #c6c6c6;
color: #111
}
.modal-dialog-buttons button:active {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1)
}
.modal-dialog-buttons button:focus {
border: 1px solid #4d90fe
}
.modal-dialog-buttons button[disabled] {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: #fff;
background-image: none;
border: 1px solid #f3f3f3;
border: 1px solid rgba(0, 0, 0, 0.05);
color: #b8b8b8
}
.modal-dialog-buttons .goog-buttonset-action {
background-color: #4d90fe;
background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
background-image: -ms-linear-gradient(top, #4d90fe, #4787ed);
background-image: -o-linear-gradient(top, #4d90fe, #4787ed);
background-image: linear-gradient(top, #4d90fe, #4787ed);
border: 1px solid #3079ed;
color: #fff
}
.modal-dialog-buttons .goog-buttonset-action:hover,
.modal-dialog-buttons .goog-buttonset-action:active {
background-color: #357ae8;
background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8);
background-image: -moz-linear-gradient(top, #4d90fe, #357ae8);
background-image: -ms-linear-gradient(top, #4d90fe, #357ae8);
background-image: -o-linear-gradient(top, #4d90fe, #357ae8);
background-image: linear-gradient(top, #4d90fe, #357ae8);
border: 1px solid #2f5bb7;
color: #fff
}
.modal-dialog-buttons .goog-buttonset-action:active {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3)
}
.modal-dialog-buttons .goog-buttonset-action:focus {
-webkit-box-shadow: inset 0 0 0 1px #fff;
-moz-box-shadow: inset 0 0 0 1px #fff;
box-shadow: inset 0 0 0 1px #fff;
border: 1px solid #fff;
border: rgba(0, 0, 0, 0) solid 1px;
outline: 1px solid #4d90fe;
outline: rgba(0, 0, 0, 0) 0
}
.modal-dialog-buttons .goog-buttonset-action[disabled] {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: #4d90fe;
color: #fff;
filter: alpha(opacity=50);
opacity: 0.5
}
.jfk-alert,
.jfk-confirm,
.jfk-prompt {
width: 512px
}
.jfk-textinput {
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
border: 1px solid #d9d9d9;
border-top: 1px solid #c0c0c0;
font-size: 13px;
height: 25px;
padding: 1px 8px
}
.jfk-textinput:focus {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
border: 1px solid #4d90fe;
outline: none
}
.jfk-textinput::-ms-clear {
display: none
}
.apps-action-shortcut-icon {
direction: ltr;
text-align: left;
overflow: hidden;
position: relative;
vertical-align: middle
}
.apps-action-shortcut-img:before {
content: url(//ssl.gstatic.com/docs/common/shortcut_sprite1.png)
}
.apps-action-shortcut-img {
height: 95px;
position: absolute;
width: 21px
}
.apps-action-shortcut-back {
left: 0;
top: -63px
}
.apps-action-shortcut-back-white {
left: 0;
top: -21px
}
.apps-action-shortcut-close-x {
left: 0;
top: -84px
}
.apps-action-shortcut-search {
left: 0;
top: -42px
}
.apps-action-shortcut-search-white {
left: 0;
top: 0
}
.apps-ui-material-slide-toggle-container {
-ms-flex-align: center;
-webkit-align-items: center;
-webkit-box-align: center;
-moz-box-align: center;
align-items: center;
background: none;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
height: 21px;
outline: 0;
position: relative;
width: 35px
}
.apps-ui-material-slide-toggle-thumb {
-webkit-transition-duration: 0.28s;
-moz-transition-duration: 0.28s;
-o-transition-duration: 0.28s;
transition-duration: 0.28s;
-webkit-transition-property: all;
-moz-transition-property: all;
-o-transition-property: all;
transition-property: all;
-webkit-transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
-moz-transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
-o-transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
left: 0;
right: inherit;
top: 0;
will-change: background-color
}
.apps-ui-material-slide-toggle-container-checked .apps-ui-material-slide-toggle-thumb {
left: inherit;
right: 0
}
.apps-ui-material-slide-toggle-container-disabled {
cursor: not-allowed
}
.apps-ui-material-slide-toggle-track {
background-color: #000;
border-radius: 7px;
height: 14px;
opacity: 0.26;
width: 35px
}
.apps-ui-material-slide-toggle-container-checked .apps-ui-material-slide-toggle-track {
opacity: 0.5
}
.apps-ui-material-slide-toggle-thumb {
background-color: #f1f1f1;
border-radius: 100%;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.12), 0 2px 4px rgba(0, 0, 0, 0.24);
height: 20px;
width: 20px;
position: absolute
}
.apps-ui-material-slide-toggle-track,
.apps-ui-material-slide-toggle-thumb {
border: 1px solid transparent
}
.apps-ui-material-slide-toggle-container-focused {
outline: 1px solid transparent
}
.apps-ui-material-slide-toggle-container-focused .apps-ui-material-slide-toggle-thumb {
box-shadow: 0 0 4px rgba(0, 0, 0, 0.14), 0 4px 8px rgba(0, 0, 0, 0.28)
}
.apps-ui-material-slide-toggle-container-hover .apps-ui-material-slide-toggle-thumb {
box-shadow: 0 0 6px rgba(0, 0, 0, 0.16), 0 6px 12px rgba(0, 0, 0, 0.32)
}
.apps-shortcutshelppopup {
top: 0;
z-index: 1002;
color: #212121;
font-family: roboto, arial, sans-serif;
font-size: 13px;
position: fixed;
text-align: center;
background: #fafafa none repeat scroll 0;
overflow: hidden;
box-shadow: rgba(255, 255, 255, .9) 0px 1px 0px inset, rgba(0, 0, 0, .03) 0px -1px 0px inset, rgba(0, 0, 0, .15) 0 15px 10px, rgba(0, 0, 0, .3) 0 8px 36px;
border: 1px solid transparent
}
.apps-shortcutshelppopup input {
font-family: roboto, arial, sans-serif
}
@media print {
.apps-shortcutshelppopup {
display: none
}
}
.apps-shortcutshelppopup-bg {
display: none;
left: 0;
top: 0;
position: absolute
}
.apps-shortcutshelppopup-container {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 16px 32px;
width: 800px;
height: 600px
}
.apps-shortcutshelppopup-header,
.apps-shortcutshelppopup-content {
border-collapse: collapse;
width: 100%
}
.apps-shortcutshelppopup-header {
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
border-bottom: 1px solid #e5e5e5;
text-align: left
}
.apps-shortcutshelppopup-content {
font-size: 13px;
outline-offset: -1px
}
.apps-shortcutshelppopup-header-element {
display: inline-block;
vertical-align: middle;
height: 48px
}
.apps-shortcutshelppopup-title-container {
white-space: nowrap;
text-align: left
}
.apps-shortcutshelppopup-dialog-title {
font-size: 16px;
color: #212121;
display: inline-block;
vertical-align: middle
}
.apps-shortcutshelppopup-input {
font-size: 13px;
margin-left: 16px;
margin-right: 0px;
padding: 0px 5px;
vertical-align: middle;
border-right: none;
width: 250px;
height: 27px;
box-sizing: border-box
}
.apps-shortcutshelppopup-input-button-img {
height: 21px;
width: 21px;
display: inline-block
}
.apps-shortcutshelppopup-input-button {
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
margin-left: 0px;
vertical-align: middle;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
line-height: 25px
}
.apps-shortcutshelppopup-tearoff-link {
font-size: 13px;
cursor: pointer;
text-decoration: underline;
color: #4581ff;
vertical-align: middle;
display: block;
padding: 16px 0 13px 0;
font-weight: bold
}
.apps-shortcutshelppopup-close {
position: absolute;
top: 0;
right: 0;
padding-right: 30px;
padding-top: 30px
}
.apps-shortcutshelppopup-close svg {
fill: #5f6368
}
.apps-shortcutshelppopup-close-nav-widget-enabled {
padding-right: 18px;
padding-top: 20px
}
.apps-shortcutshelppopup-dialog .modal-dialog-title-close {
cursor: pointer;
position: static;
padding: 0px;
margin: 0;
margin-left: 32px;
vertical-align: middle
}
.apps-shortcutshelppopup-dialog .modal-dialog-title-close:after {
background: none;
display: none
}
.apps-shortcutshelppopup-search-banner {
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
text-align: left;
height: 48px;
padding-top: 12px;
box-sizing: border-box
}
.apps-shortcutshelppopup-search-banner.apps-shortcutshelppopup-empty-search {
position: relative;
left: 0px;
right: 0px;
text-align: center;
top: 113px;
height: 48px
}
.apps-shortcutshelppopup-reset-search-button {
cursor: pointer;
text-decoration: underline;
position: relative;
width: 21px;
min-width: 21px;
display: inline-block;
margin-right: 8px
}
.apps-shortcutshelppopup-reset-search-button-icon {
height: 21px;
width: 21px
}
.apps-shortcutshelppopup-search-label {
margin: 0;
position: relative;
font-size: 15px;
display: inline-block;
vertical-align: middle
}
.apps-shortcutshelppopup-result-container {
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
overflow: auto
}
.apps-shortcutshelppopup-content-header {
height: 48px;
padding-top: 25px;
text-align: left;
font-size: 13px;
color: #212121;
white-space: nowrap;
margin: 0px;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.apps-shortcutshelppopup-content-header.apps-shortcutshelppopup-content-header-first {
height: 32px;
padding-top: 8px
}
.apps-shortcutshelppopup-content-element {
text-align: left;
vertical-align: middle;
padding-top: 0.15em;
border-bottom: 1px solid #ececec;
height: 32px;
white-space: nowrap;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.apps-shortcutshelppopup-shortcut-desc {
color: #757575
}
.apps-shortcutshelppopup-shortcut-key {
font-weight: bold
}
.apps-shortcutshelppopup-ac-renderer {
z-index: 1003;
font-family: Arial, sans-serif;
font-size: 13px;
position: absolute;
background: #fff;
border: 1px solid #666;
box-shadow: 2px 2px 2px rgba(102, 102, 102, .4);
width: 250px;
box-sizing: border-box
}
.apps-shortcutshelppopup-ac-row {
cursor: pointer;
padding: .4em
}
.apps-shortcutshelppopup-ac-renderer .ac-active {
background-color: #eee
}
.apps-shortcutshelpcontentimpl-container {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
background-color: white;
height: 600px;
width: 800px
}
@media screen and (max-width:832px) {
.apps-shortcutshelpcontentimpl-container {
max-width: 95vw
}
}
@media screen and (max-height:632px) {
.apps-shortcutshelpcontentimpl-container {
height: 95vh
}
}
.apps-shortcutshelpcontentimpl-header {
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
text-align: left;
border-collapse: collapse;
width: 100%;
padding: 16px 24px;
box-sizing: border-box
}
.apps-shortcutshelpcontentimpl-header-element {
display: inline-block;
vertical-align: middle
}
.apps-shortcutshelpcontentimpl-title-container {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
white-space: nowrap;
text-align: left
}
.apps-shortcutshelpcontentimpl-dialog-title {
font-size: 18px;
color: rgba(0, 0, 0, .87);
display: inline-block;
vertical-align: middle;
padding: 16px 0;
margin: 0;
font-weight: 500
}
.apps-shortcutshelpcontentimpl-search {
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
border-radius: 4px;
margin-left: 16px;
margin-right: 24px;
vertical-align: middle;
height: 48px;
padding: 0;
background-color: rgba(0, 0, 0, 0.05);
border: 1px solid transparent
}
.apps-shortcutshelpcontentimpl-search-icon {
width: 24px;
height: 24px;
margin: 12px 8px 0 16px
}
.apps-shortcutshelpcontentimpl-search-icon svg {
fill: #80868b
}
.apps-shortcutshelpcontentimpl-hc-black .apps-shortcutshelpcontentimpl-search-icon svg,
.apps-shortcutshelpcontentimpl-hc-black .apps-shortcutshelpcontentimpl-reset-search-button-icon svg {
fill: #fff
}
.apps-shortcutshelpcontentimpl-hc-white .apps-shortcutshelpcontentimpl-search-icon svg,
.apps-shortcutshelpcontentimpl-hc-white .apps-shortcutshelpcontentimpl-reset-search-button-icon svg {
fill: #000
}
.apps-shortcutshelpcontentimpl-search-focused {
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
background-color: #fff;
transition: background-color 75ms
}
.apps-shortcutshelpcontentimpl-input {
border: none;
background-color: transparent;
padding: 0 10px;
flex-grow: 1;
font-size: 14px;
height: 46px;
outline: none;
box-shadow: none
}
.apps-shortcutshelpcontentimpl-input:focus {
border: none;
box-shadow: none
}
.apps-shortcutshelpcontentimpl-tearoff-link-container {
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
padding: 10px;
border-top: 1px solid rgba(0, 0, 0, 0.12);
display: -webkit-inline-box;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
justify-content: center;
align-items: center
}
.apps-shortcutshelpcontentimpl-tearoff-link-container-override-enabled {
-ms-flex: 0 0 50%;
-webkit-flex: 0 0 50%;
flex: 0 0 50%;
padding: 10px 0;
display: -webkit-inline-box;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
justify-content: center;
align-items: center
}
.apps-shortcutshelpcontentimpl-tearoff-link-container-legacy-enabled {
display: -webkit-inline-box;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 10px 20px;
text-transform: uppercase
}
.apps-shortcutshelpcontentimpl-link {
font-size: 13px;
cursor: pointer;
padding: 9px 16px;
border-radius: 2px;
font-weight: 500
}
.apps-shortcutshelpcontentimpl-link,
.apps-shortcutshelpcontentimpl-link:active {
color: #1a73e8
}
.apps-shortcutshelpcontentimpl-link:hover {
outline: none
}
.apps-shortcutshelpcontentimpl-link:focus {
text-decoration: underline
}
.apps-shortcutshelpcontentimpl-link:visited {
color: #1a73e8
}
.apps-shortcutshelpcontentimpl-override-shortcut-link {
text-transform: uppercase
}
.apps-shortcutshelpcontentimpl-legacy-shortcut-link {
display: -webkit-inline-box;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
justify-content: center;
align-items: center
}
.apps-shortcutshelpcontentimpl-override-shortcut-link-disabled {
cursor: inherit;
opacity: 0.6
}
.apps-shortcutshelpcontentimpl-link.apps-shortcutshelpcontentimpl-override-shortcut-link-disabled:focus,
.apps-shortcutshelpcontentimpl-link.apps-shortcutshelpcontentimpl-override-shortcut-link-disabled:hover {
text-decoration: none
}
.apps-shortcutshelpcontentimpl-search-banner {
text-align: left;
box-sizing: border-box;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
padding: 26px 0
}
.apps-shortcutshelpcontentimpl-reset-search-button {
cursor: pointer;
text-decoration: underline;
position: relative;
width: 21px;
min-width: 21px;
display: inline-block;
margin: 0 8px;
padding: 0 8px 0 4px;
border-color: transparent;
background-color: transparent;
background-image: none
}
.apps-shortcutshelpcontentimpl-override-banner {
padding: 5px 0 0 20px;
line-height: 16px;
white-space: pre;
color: rgba(0, 0, 0, .87)
}
.apps-shortcutshelpcontentimpl-override-shortcut-key {
font-weight: bold
}
.apps-shortcutshelpcontentimpl-reset-search-button-icon {
display: inline-block;
vertical-align: middle;
height: 22px;
width: 21px
}
.apps-shortcutshelpcontentimpl-search-label {
margin: 0;
position: relative;
font-size: 19px;
display: inline-block;
vertical-align: middle;
color: rgba(0, 0, 0, .87)
}
.apps-shortcutshelpcontentimpl-ac-renderer {
z-index: 1003;
font-family: Arial, sans-serif;
font-size: 13px;
font-weight: normal;
position: absolute;
background: #fff;
border: 1px solid #666;
box-shadow: 2px 2px 2px rgba(102, 102, 102, .4);
width: 250px;
box-sizing: border-box
}
.apps-shortcutshelpcontentimpl-ac-row {
cursor: pointer;
padding: .4em
}
.apps-shortcutshelpcontentimpl-ac-renderer .ac-active {
background-color: #eee
}
.apps-shortcutshelpcontentimpl-content-container {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
overflow: auto
}
.apps-shortcutshelpcontentimpl-sidebar {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-ms-flex: 0 0 192px;
-webkit-flex: 0 0 192px;
flex: 0 0 192px;
vertical-align: top;
position: relative;
border-right: 1px solid rgba(0, 0, 0, 0.12);
overflow-x: hidden;
overflow-y: auto
}
.apps-shortcutshelpcontentimpl-shortcut-content {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
overflow: auto
}
.apps-shortcutshelpcontentimpl-bottom-bar {
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
border-top: 1px solid rgba(0, 0, 0, 0.12)
}
.apps-shortcutshelpcontentimpl-override-container {
-ms-flex: 0 0 50%;
-webkit-flex: 0 0 50%;
flex: 0 0 50%;
display: -webkit-inline-box;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
justify-content: center;
align-items: center;
box-sizing: border-box;
border-left: 1px solid rgba(0, 0, 0, 0.12);
border-collapse: collapse;
padding: 10px 0
}
.apps-shortcutshelpcontentimpl-legacy-help-container {
display: -webkit-inline-box;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
-ms-flex: 0 0 50%;
-webkit-flex: 0 0 50%;
flex: 0 0 50%;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
justify-content: flex-end
}
.apps-shortcutshelpcontentimpl-override-button-container {
padding-left: 16px
}
.apps-shortcutshelpcontentimpl-override-label {
padding: 0 5px 0 17px;
font-weight: 500;
color: rgba(0, 0, 0, .87)
}
.apps-shortcutshelpcontentimpl-legacy-label {
color: rgba(0, 0, 0, .87);
font-weight: 500;
padding: 0 15px 0 17px
}
.apps-shortcutshelpcontentimpl-legacy-toggle-container {
align-items: center;
box-sizing: border-box;
display: -webkit-inline-box;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
-ms-flex: 0 0 50%;
-webkit-flex: 0 0 50%;
flex: 0 0 50%;
justify-content: flex-start;
padding: 0 5px 0 17px
}
.apps-actiondatawidget {
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
overflow: auto;
position: relative;
display: inline-block;
outline: none;
padding: 0 5px 0 16px
}
.apps-actiondatawidget-key-focused {
outline: rgba(0, 0, 0, .87) solid 1px;
outline-offset: -1px
}
.apps-actiondatawidget-content {
font-size: 13px;
outline-offset: -1px;
table-layout: fixed;
border-spacing: 0
}
.apps-actiondatawidget-content-header {
height: 48px;
padding-top: 25px;
text-align: left;
font-size: 13px;
color: rgba(0, 0, 0, .87);
white-space: nowrap;
margin: 0px;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.apps-actiondatawidget-content-element {
text-align: left;
vertical-align: middle;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
white-space: nowrap;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 11px 0
}
.apps-actiondatawidget-shortcut-desc {
font-weight: normal;
color: rgba(0, 0, 0, .87);
word-wrap: break-word;
white-space: normal;
width: 240px;
vertical-align: top
}
.apps-actiondatawidget-shortcut-key {
color: rgba(0, 0, 0, .87);
width: 310px
}
.apps-actiondatawidget-key-extra-padding {
display: block;
padding-bottom: 11px
}
.apps-actiondatawidget-override-keys-on {
color: rgba(0, 0, 0, .87);
display: block
}
.apps-actiondatawidget-last-item {
margin-bottom: 2px
}
.apps-actiondatawidget-last-item-override-enabled {
margin-bottom: 2px
}
.apps-actiondatawidget-last-row {
height: 100%
}
.apps-actiondatawidget-override-keys-off {
color: #bbbbbb;
display: block
}
.apps-actiondatawidget-override-info-icon {
height: 17px;
width: 17px;
float: right;
display: block
}
.apps-actiondatawidget-override-info-svg {
height: 17px;
width: 17px;
fill: #bbbbbb
}
.apps-shortcutshelpcontentimpl-hc-black .apps-actiondatawidget-override-info-svg {
fill: white
}
.apps-actiondatawidget-override-keys-on .apps-actiondatawidget-override-info-svg {
fill: #1a73e8
}
.jfk-tooltip.apps-actiondatawidget-override-info-icon-tooltip,
.jfk-tooltip.apps-actiondatawidget-override-info-icon-tooltip-unsupported,
.jfk-tooltip.apps-actiondatawidget-override-info-icon-tooltip-legacy {
background-color: #727272;
padding: 7px 8px
}
.jfk-tooltip.apps-actiondatawidget-override-info-icon-tooltip {
width: 230px
}
.jfk-tooltip.apps-actiondatawidget-override-info-icon-tooltip-unsupported {
width: 182px
}
.jfk-tooltip.apps-actiondatawidget-override-info-icon-tooltip-legacy {
width: 190px
}
.apps-actiondatawidget-override-tooltip-text {
line-height: 17px
}
.apps-actiondatawidget-override-info-icon-tooltip .jfk-tooltip-arrowdown .jfk-tooltip-arrowimplafter {
border-color: #727272 transparent
}
.apps-actiondatawidget-override-browser-behavior-msg {
color: #c5dbff
}
.apps-navigationwidget {
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
display: inline-block;
vertical-align: top;
text-align: left;
padding-top: 4px;
color: rgba(0, 0, 0, .87);
outline: transparent
}
.apps-navigationwidget-item {
min-height: 33px;
line-height: 24px;
padding: 12px 1px 1px 24px
}
.apps-navigationwidget-item-selected {
color: #1a73e8;
font-weight: 500;
outline: 1px solid transparent;
outline-offset: -2px
}
.apps-navigationwidget-item-hover {
cursor: pointer;
background-color: #eee;
outline: 1px dotted transparent;
outline-offset: -2px
}
.apps-navigationwidget-item-disabled {
opacity: 0.2
}
.companion-about-panel-button.app-switcher-button {
bottom: 0;
position: absolute
}
.companion-about-panel-menu-header,
.companion-about-panel-menu-text {
color: #3c4043
}
.companion-about-panel-menu-header {
font-size: 18px;
font-weight: 500;
line-height: 24px;
padding: 6px 24px 2px
}
.companion-about-panel-menu-separator {
border-top: 1px solid #f1f3f4;
margin: 8px 0
}
.companion-about-panel-menu-item {
border: none;
cursor: pointer;
height: 48px;
padding: 0
}
.companion-about-panel-menu-item-highlight {
background: #f1f3f4
}
.companion-about-panel-menu-item-icon-container {
height: 20px;
padding: 14px 16px 14px 24px;
position: absolute;
width: 20px
}
.companion-about-panel-menu-item-disabled .companion-about-panel-menu-item-icon {
fill: #dadce0
}
.companion-about-panel-menu-text {
font-size: 14px;
letter-spacing: .2px;
line-height: 20px;
padding: 13px 24px 11px 60px
}
.companion-about-panel-menu-item-disabled .companion-about-panel-menu-text {
color: #dadce0;
cursor: default
}
.companion-app-switcher-container {
background-color: white;
border-left: 1px solid #dadce0;
box-sizing: border-box;
display: flex;
flex-direction: column;
height: 100%;
position: relative;
width: 56px
}
.companion-app-switcher-guest-container {
display: flex;
flex: 1 0 auto;
flex-direction: column;
margin-bottom: 56px
}
.companion-app-switcher-add-on-container {
display: flex;
flex: 0 1 100%;
flex-direction: column;
overflow: hidden;
padding-top: 16px
}
.companion-app-switcher-separator,
.companion-app-switcher-add-on-container::before {
border-top: 1px solid #dadce0;
content: '';
display: block;
flex: 1 0 auto;
margin: 0 auto;
padding-bottom: 16px;
width: 20px
}
.companion-app-switcher-separator {
margin-top: 16px
}
.companion-theme-dark.companion-app-switcher-container,
.companion-theme-light.companion-app-switcher-container {
background-color: transparent
}
.companion-theme-dark.companion-app-switcher-container,
.companion-theme-dark .companion-app-switcher-separator,
.companion-theme-dark .companion-app-switcher-add-on-container::before {
border-color: rgba(255, 255, 255, .12)
}
.companion-theme-light.companion-app-switcher-container,
.companion-theme-light .companion-app-switcher-separator,
.companion-theme-light .companion-app-switcher-add-on-container::before {
border-color: rgba(100, 121, 143, .12)
}
.companion-guest-app-switcher {
flex-grow: 1;
height: 100px;
outline: none;
overflow: hidden
}
.companion-app-switcher-loading-indicator {
padding: 16px 0
}
.companion-app-switcher-loading-indicator-dot {
-webkit-animation: dotLoadingAnimation 1.0s infinite ease-in-out both;
animation: dotLoadingAnimation 1.0s infinite ease-in-out both;
height: 8px;
background-color: #757575;
border-radius: 50%;
margin: 0 auto 12px;
width: 8px
}
.companion-theme-dark .companion-app-switcher-loading-indicator-dot {
background-color: #fff
}
.companion-app-switcher-loading-indicator-dot:last-child {
margin-bottom: 0
}
.companion-app-switcher-loading-indicator-dot-1 {
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s
}
.companion-app-switcher-loading-indicator-dot-2 {
-webkit-animation-delay: -0.25s;
animation-delay: -0.25s
}
@-webkit-keyframes dotLoadingAnimation {
0%,
80%,
100% {
opacity: 0.5
}
40% {
opacity: 1.0
}
}
@keyframes dotLoadingAnimation {
0%,
80%,
100% {
opacity: 0.5
}
40% {
opacity: 1.0
}
}
.app-switcher-button {
cursor: pointer;
height: 56px;
outline: none;
pointer-events: none;
position: relative;
transition: all .3s cubic-bezier(.4, 0, .2, 1);
width: 56px
}
.app-switcher-button-disabled {
cursor: default;
opacity: .38
}
.app-switcher-button-focused .app-switcher-button-icon-background,
.app-switcher-button-focused.app-switcher-button-hover .app-switcher-button-icon-background,
.companion-theme-light .app-switcher-button-hover .app-switcher-button-icon-background,
.companion-theme-light .app-switcher-button-open .app-switcher-button-icon-background,
.companion-theme-light .app-switcher-button-selected.app-switcher-button-hover .app-switcher-button-icon-background {
background-color: #e8eaed
}
.app-switcher-button-hover .app-switcher-button-icon-background,
.app-switcher-button-open .app-switcher-button-icon-background,
.companion-theme-light .app-switcher-button-selected .app-switcher-button-icon-background,
.companion-theme-light .app-switcher-button-focused .app-switcher-button-icon-background {
background-color: #f1f3f4
}
.companion-theme-dark .app-switcher-button-selected .app-switcher-button-icon-background,
.companion-theme-dark .app-switcher-button-focused .app-switcher-button-icon-background {
background-color: rgba(255, 255, 255, .24)
}
.companion-theme-dark .app-switcher-button-hover .app-switcher-button-icon-background,
.companion-theme-dark .app-switcher-button-open .app-switcher-button-icon-background,
.companion-theme-dark .app-switcher-button-selected.app-switcher-button-hover .app-switcher-button-icon-background {
background-color: rgba(255, 255, 255, .12)
}
.app-switcher-button-icon-container {
background-color: transparent;
background-repeat: no-repeat;
background-position: center;
background-size: 20px 20px;
border-radius: 50%;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
height: 40px;
left: 8px;
pointer-events: auto;
position: absolute;
top: 8px;
transition: all .3s cubic-bezier(.4, 0, .2, 1);
width: 40px
}
.app-switcher-button-icon-background {
border-radius: 50%;
display: -webkit-flex;
display: flex;
height: 40px;
left: 8px;
position: absolute;
top: 8px;
transition: all .3s cubic-bezier(.4, 0, .2, 1);
width: 40px
}
.app-switcher-button-icon {
display: block;
fill: #5f6368;
margin: auto;
transition: all .3s cubic-bezier(.4, 0, .2, 1)
}
.companion-theme-dark .app-switcher-button-icon {
fill: #fff
}
.app-switcher-button-presence .app-switcher-button-icon-background.app-switcher-button-icon-background-inner {
-webkit-animation: presence-scale-inner 3s cubic-bezier(0.05, 0.69, 0.67, 1) infinite normal;
animation: presence-scale-inner 3s cubic-bezier(0.05, 0.69, 0.67, 1) infinite normal;
height: calc(40px - 8px);
width: calc(40px - 8px);
left: calc((8px/2) + 8px);
top: calc((8px/2) + 8px)
}
.app-switcher-button-presence .app-switcher-button-icon-background.app-switcher-button-icon-background-outer {
-webkit-animation: presence-scale-outer 3s cubic-bezier(0.05, 0.69, 0.67, 1) infinite normal;
animation: presence-scale-outer 3s cubic-bezier(0.05, 0.69, 0.67, 1) infinite normal;
background-color: transparent;
border-style: solid;
border-width: calc(8px/2);
height: 40px;
width: 40px;
left: calc(8px - (8px/2));
top: calc(8px - (8px/2))
}
.app-switcher-button-inksplash .app-switcher-button-icon-background.app-switcher-button-icon-background-inner {
-webkit-animation: inksplash-scale-background 2s cubic-bezier(0.05, 0.69, 0.67, 1) infinite normal;
animation: inksplash-scale-background 2s cubic-bezier(0.05, 0.69, 0.67, 1) infinite normal
}
.app-switcher-button-inksplash .app-switcher-button-icon-container {
-webkit-animation: inksplash-scale-icon 2s cubic-bezier(0.05, 0.69, 0.67, 1) infinite normal;
animation: inksplash-scale-icon 2s cubic-bezier(0.05, 0.69, 0.67, 1) infinite normal
}
@keyframes presence-scale-inner {
0% {
opacity: 0;
transform: scale(0.57);
visibility: hidden
}
15% {
opacity: 0;
transform: scale(0.57);
visibility: visible
}
35% {
opacity: 1;
transform: scale(1)
}
60% {
opacity: 0;
transform: scale(0.57)
}
100% {
opacity: 0;
transform: scale(0.57);
visibility: hidden
}
}
@keyframes presence-scale-outer {
0% {
opacity: 0;
transform: scale(0.75);
visibility: hidden
}
34% {
opacity: 0;
transform: scale(0.75);
visibility: visible
}
36% {
opacity: 0.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.00)
}
35% {
opacity: 0;
transform: scale(0.40)
}
50% {
opacity: 1
}
80% {
transform: scale(2.05)
}
100% {
opacity: 0;
transform: scale(0.00)
}
}
@keyframes inksplash-scale-icon {
0% {
transform: scale(1.00)
}
20% {
transform: scale(1.00)
}
30% {
transform: scale(1.10)
}
40% {
transform: scale(1.00)
}
100% {
transform: scale(1.00)
}
}
.app-switcher-menu {
background: #fff;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 8px;
box-shadow: 0 1px 2px 0 rgba(60, 64, 67, .30), 0 2px 6px 2px rgba(60, 64, 67, .15);
min-width: 180px;
outline: none;
overflow-y: auto;
padding: 8px 0;
position: absolute;
z-index: 1202
}
.companion-collapser-button-container {
bottom: 0;
display: -webkit-flex;
display: flex;
height: 56px;
overflow: hidden;
pointer-events: none;
position: absolute;
right: 0;
width: 56px
}
.companion-collapser-button-container.companion-collapser-button-container-elevated {
margin-bottom: 24px
}
.companion-collapser-button {
bottom: 0
}
.companion-collapser-button .app-switcher-button-icon-container,
.companion-collapser-button .app-switcher-button-icon-background {
border-radius: calc(56px - 8px - 10px)
}
.companion-collapser-button.app-switcher-button-checked .app-switcher-button-icon-background,
.companion-theme-light .companion-collapser-button.app-switcher-button-checked .app-switcher-button-icon-background {
background-color: #fff
}
.companion-collapser-button.app-switcher-button-checked.app-switcher-button-hover .app-switcher-button-icon-background,
.companion-theme-light .companion-collapser-button.app-switcher-button-checked.app-switcher-button-hover .app-switcher-button-icon-background {
background-color: #f1f3f4
}
.companion-theme-dark .companion-collapser-button.app-switcher-button-checked .app-switcher-button-icon-background {
background-color: #595959
}
.companion-collapser-button.app-switcher-button-checked.app-switcher-button-focused .app-switcher-button-icon-background,
.companion-theme-light .companion-collapser-button.app-switcher-button-checked.app-switcher-button-focused .app-switcher-button-icon-background {
background-color: #e8eaed
}
.companion-collapser-button.app-switcher-button-checked {
right: -24px
}
.companion-collapser-button.app-switcher-button-checked .app-switcher-button-icon-container,
.companion-collapser-button.app-switcher-button-checked .app-switcher-button-icon-background {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
height: 20px;
left: 0;
margin: 8px 0 8px 8px;
padding: 10px 0 10px 10px;
top: 0;
width: calc(56px - 8px - 10px)
}
.companion-collapser-button.app-switcher-button-checked .app-switcher-button-icon-background {
box-shadow: 0 1px 1px 0 rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15)
}
.companion-collapser-button.app-switcher-button-checked.app-switcher-button-hover {
right: 0
}
.companion-collapser-button .app-switcher-button-icon {
left: 10px;
position: absolute;
top: 10px
}
html[dir="rtl"] .companion-collapser-button .app-switcher-button-icon,
body[dir="rtl"] .companion-collapser-button .app-switcher-button-icon {
transform: rotate(180deg)
}
.companion-theme-dark .companion-collapser-button.app-switcher-button-checked.app-switcher-button-focused .app-switcher-button-icon-container,
.companion-theme-dark .companion-collapser-button.app-switcher-button-checked.app-switcher-button-hover .app-switcher-button-icon-container {
background-color: #414141
}
.companion-collapser-button.app-switcher-button-checked .app-switcher-button-icon {
margin-left: -6px;
transform: rotate(180deg)
}
.companion-collapser-button.app-switcher-button-checked.app-switcher-button-hover .app-switcher-button-icon {
margin-left: 0
}
html[dir="rtl"] .companion-collapser-button.app-switcher-button-checked .app-switcher-button-icon,
body[dir="rtl"] .companion-collapser-button.app-switcher-button-checked .app-switcher-button-icon {
transform: rotate(0deg)
}
.acdd-draggable-shadow {
background-color: white;
background-repeat: no-repeat;
border: transparent;
border-radius: 8px;
box-sizing: border-box;
color: #666;
height: 56px;
outline: none;
padding: 0 10px;
pointer-events: none;
position: fixed;
z-index: 999
}
.acdd-draggable-shadow.acdd-draggable-shadow-detail-type {
background-position: 20px center;
background-size: 24px 24px;
height: 56px;
width: 200px
}
.acdd-draggable-shadow.acdd-draggable-shadow-image-type {
background-position: center;
background-size: 100% auto;
height: 120px;
width: 120px
}
.acdd-draggable-shadow.acdd-draggable-shadow-image-type.acdd-draggable-shadow-image-captioned {
height: 156px
}
.acdd-draggable-shadow-text-wrap {
box-sizing: border-box;
display: table-cell;
padding-left: 48px;
max-width: 200px;
vertical-align: middle
}
.acdd-draggable-shadow-text-wrap .acdd-draggable-shadow-title {
font-size: 1.1em
}
.acdd-draggable-shadow-text-wrap .acdd-draggable-shadow-text {
opacity: .75;
padding-top: 2px
}
.acdd-draggable-shadow-image-type .acdd-draggable-shadow-text {
background-color: rgba(32, 33, 36, .71);
border-radius: 0 0 8px 8px;
bottom: 0;
color: white;
height: 36px;
left: 0;
padding: 8px 10px;
position: absolute;
width: 100%
}
.acdd-draggable-shadow .acdd-draggable-shadow-title,
.acdd-draggable-shadow .acdd-draggable-shadow-text {
box-sizing: border-box;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.acdd-draggable-shadow .acdd-draggable-shadow-count-bubble {
background-color: #202124;
border-radius: 20px;
box-sizing: border-box;
color: white;
font-size: 16px;
height: 40px;
max-width: 75%;
min-width: 40px;
overflow: hidden;
padding: 9px 8px;
position: absolute;
right: -15px;
text-align: center;
text-overflow: ellipsis;
top: -15px
}
.acga-topLevelDiv {
height: inherit;
position: relative;
width: 100%
}
.acga-content {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 0
}
.agca-gab-unread-notifications::after {
content: "";
background-color: #db4437;
border-radius: 50%;
height: 8px;
position: absolute;
right: 17px;
top: 17px;
width: 8px
}
.companion-guest-app-switcher .app-switcher-button-icon-background-outer {
border-color: #e8f0fe
}
.companion-theme-light .agca-gab-blue .app-switcher-button-icon-background-outer {
border-color: rgba(66, 133, 244, .24)
}
.agca-gab-green .app-switcher-button-icon-background-outer {
border-color: #e6f4ea
}
.companion-theme-light .agca-gab-green .app-switcher-button-icon-background-outer {
border-color: rgba(52, 168, 83, .24)
}
.agca-gab-yellow .app-switcher-button-icon-background-outer {
border-color: #fef7e0
}
.companion-theme-light .agca-gab-yellow .app-switcher-button-icon-background-outer {
border-color: rgba(251, 188, 4, .24)
}
.companion-theme-dark .agca-gab-button .app-switcher-button-icon-background-outer {
border-color: rgba(255, 255, 255, .24)
}
.companion-guest-app-switcher .app-switcher-button-inksplash .app-switcher-button-icon-background-inner,
.companion-guest-app-switcher .app-switcher-button-presence .app-switcher-button-icon-background-inner,
.companion-guest-app-switcher .app-switcher-button-selected .app-switcher-button-icon-background-inner,
.app-switcher-button-selected.agca-gab-blue.app-switcher-button-focused .app-switcher-button-icon-background-inner {
background-color: #e8f0fe
}
.app-switcher-button-selected.agca-gab-blue.app-switcher-button-hover .app-switcher-button-icon-background-inner {
background-color: #d2e3fc
}
.companion-theme-light .app-switcher-button-inksplash.agca-gab-blue .app-switcher-button-icon-background-inner,
.companion-theme-light .app-switcher-button-presence.agca-gab-blue .app-switcher-button-icon-background-inner,
.companion-theme-light .app-switcher-button-selected.agca-gab-blue .app-switcher-button-icon-background-inner,
.companion-theme-light .app-switcher-button-selected.agca-gab-blue.app-switcher-button-focused .app-switcher-button-icon-background-inner {
background-color: rgba(66, 133, 244, .24)
}
.companion-theme-light .agca-gab-blue.app-switcher-button-hover .app-switcher-button-icon-background-inner,
.companion-theme-light .agca-gab-blue.app-switcher-button-focused .app-switcher-button-icon-background-inner {
background-color: rgba(66, 133, 244, .12)
}
.app-switcher-button-inksplash.agca-gab-green .app-switcher-button-icon-background-inner,
.app-switcher-button-presence.agca-gab-green .app-switcher-button-icon-background-inner,
.app-switcher-button-selected.agca-gab-green .app-switcher-button-icon-background-inner,
.app-switcher-button-selected.agca-gab-green.app-switcher-button-focused .app-switcher-button-icon-background-inner {
background-color: #e6f4ea
}
.app-switcher-button-selected.agca-gab-green.app-switcher-button-hover .app-switcher-button-icon-background-inner {
background-color: #ceead6
}
.companion-theme-light .app-switcher-button-inksplash.agca-gab-green .app-switcher-button-icon-background-inner,
.companion-theme-light .app-switcher-button-presence.agca-gab-green .app-switcher-button-icon-background-inner,
.companion-theme-light .app-switcher-button-selected.agca-gab-green .app-switcher-button-icon-background-inner,
.companion-theme-light .app-switcher-button-selected.agca-gab-green.app-switcher-button-focused .app-switcher-button-icon-background-inner {
background-color: rgba(52, 168, 83, .24)
}
.companion-theme-light .agca-gab-green.app-switcher-button-hover .app-switcher-button-icon-background-inner,
.companion-theme-light .agca-gab-green.app-switcher-button-focused .app-switcher-button-icon-background-inner {
background-color: rgba(52, 168, 83, .12)
}
.app-switcher-button-inksplash.agca-gab-yellow .app-switcher-button-icon-background-inner,
.app-switcher-button-presence.agca-gab-yellow .app-switcher-button-icon-background-inner,
.app-switcher-button-selected.agca-gab-yellow .app-switcher-button-icon-background-inner,
.app-switcher-button-selected.agca-gab-yellow.app-switcher-button-focused .app-switcher-button-icon-background-inner {
background-color: #fef7e0
}
.app-switcher-button-selected.agca-gab-yellow.app-switcher-button-hover .app-switcher-button-icon-background-inner {
background-color: #feefc3
}
.companion-theme-light .app-switcher-button-inksplash.agca-gab-yellow .app-switcher-button-icon-background-inner,
.companion-theme-light .app-switcher-button-presence.agca-gab-yellow .app-switcher-button-icon-background-inner,
.companion-theme-light .app-switcher-button-selected.agca-gab-yellow .app-switcher-button-icon-background-inner,
.companion-theme-light .app-switcher-button-selected.agca-gab-yellow.app-switcher-button-focused .app-switcher-button-icon-background-inner {
background-color: rgba(251, 188, 4, .24)
}
.companion-theme-light .agca-gab-yellow.app-switcher-button-hover .app-switcher-button-icon-background-inner,
.companion-theme-light .agca-gab-yellow.app-switcher-button-focused .app-switcher-button-icon-background-inner {
background-color: rgba(251, 188, 4, .12)
}
.companion-theme-dark .agca-gab-button.app-switcher-button-inksplash .app-switcher-button-icon-background-inner,
.companion-theme-dark .agca-gab-button.app-switcher-button-presence .app-switcher-button-icon-background-inner,
.companion-theme-dark .agca-gab-button.app-switcher-button-selected .app-switcher-button-icon-background-inner,
.companion-theme-dark .agca-gab-button.app-switcher-button-selected.app-switcher-button-focused .app-switcher-button-icon-background-inner {
background-color: rgba(255, 255, 255, .24)
}
.companion-theme-dark .agca-gab-button.app-switcher-button-hover .app-switcher-button-icon-background-inner,
.companion-theme-dark .agca-gab-button.app-switcher-button-focused .app-switcher-button-icon-background-inner {
background-color: rgba(255, 255, 255, .12)
}
.agca-gab-icon-selection-indicator {
background-color: #d704fb;
border-radius: 3px 0 0 3px;
display: none;
height: 40px;
position: absolute;
right: 1px;
top: 8px;
width: 3px
}
.agca-gab-button.app-switcher-button-selected .agca-gab-icon-selection-indicator {
display: inherit
}
.agca-gab-blue .agca-gab-icon-selection-indicator {
background-color: #4285f4
}
.agca-gab-green .agca-gab-icon-selection-indicator {
background-color: #34a853
}
.agca-gab-yellow .agca-gab-icon-selection-indicator {
background-color: #fbbc04
}
.companion-theme-dark .companion-overflow-menu-button:not(.app-switcher-button-hover) .app-switcher-button-icon-background {
opacity: .7
}
.companion-shell-content-component {
background-color: white;
box-sizing: border-box;
height: 100%;
left: 0;
padding-top: 64px;
position: absolute;
top: 0;
width: 100%
}
.companion-header-in-iframe .companion-shell-guest {
padding-top: 0
}
.companion-shell-loading {
overflow: hidden;
position: absolute;
text-align: center
}
.companion-shell-offline,
.companion-shell-permanent-failure,
.companion-shell-timed-out,
.companion-shell-unavailable {
-webkit-align-items: center;
align-items: center;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
text-align: center
}
.companion-shell-offline-description,
.companion-shell-offline-title,
.companion-shell-unavailable-description,
.companion-shell-unavailable-title {
color: #5f6368;
margin: 0 70px
}
.companion-shell-offline-description,
.companion-shell-unavailable-description {
font-size: 12px;
line-height: 16px
}
.companion-shell-offline-title,
.companion-shell-unavailable-title {
font-size: 16px;
font-weight: 500;
margin-bottom: 2px;
margin-top: 34px
}
.companion-shell-permanent-failure-message,
.companion-shell-timed-out-message {
margin: 10px;
max-width: calc(100% - 20px)
}
.companion-shell-timed-out-retry {
color: #1a73e8;
cursor: pointer;
text-transform: uppercase
}
.companion-shell-timed-out-file-bug {
margin-top: 40px
}
.companion-shell-iframe {
border: 0;
height: 100%;
width: 100%
}
.companion-shell-header {
align-items: center;
background-color: #fff;
border-bottom: solid 1px #f1f3f4;
box-sizing: border-box;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
height: 64px;
padding: 0 10px;
position: relative;
z-index: 1
}
.companion-shell-header-element {
margin-left: 10px;
margin-right: 10px
}
.companion-shell-title-container {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-flex-grow: 1;
flex-grow: 1;
justify-content: center;
width: 1px
}
.companion-shell-title-element {
margin: 0
}
.companion-shell-title-text,
.companion-shell-subtitle-text,
.companion-shell-subtitle-text .goog-menu-button-caption {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.companion-shell-title-text,
.companion-shell-subtitle-text {
outline: none
}
.companion-shell-title-text.companion-shell-title-big {
font-size: 22px
}
.companion-shell-header-light-background .companion-shell-title-big {
color: rgba(0, 0, 0, .54)
}
.companion-shell-header-dark-background .companion-shell-title-big {
color: #fff
}
.companion-shell-title-text.companion-shell-title-small {
color: #5f6368;
font-size: 10px;
font-weight: 500;
letter-spacing: 1.5px;
text-transform: uppercase
}
.companion-shell-title-text.companion-shell-title-small.companion-shell-subview {
left: 56px
}
.companion-shell-dropdown-container {
font-size: 0
}
.companion-shell-subtitle-text {
color: #3c4043;
font-size: 16px;
font-weight: 500;
line-height: 20px
}
.companion-shell-subtitle-text.goog-menu-button-open {
background-color: #f1f3f4
}
.companion-shell-subtitle-button {
padding: 0 2px 0 4px
}
.companion-shell-subtitle-button .companion-shell-subtitle-text,
.companion-shell-subtitle-text .goog-menu-button-caption {
padding: 0
}
.companion-shell-subtitle-call-out {
color: #1a73e8
}
.companion-shell-dropdown-button {
background: none;
border-radius: 3px;
border-width: 0;
box-sizing: border-box;
cursor: pointer;
display: inline-block;
margin-left: -4px;
max-width: 100%;
outline: none;
padding: 0 2px 0 4px
}
.companion-shell-dropdown-button.companion-shell-dropdown-button-hover {
background-color: #f1f3f4
}
.companion-shell-dropdown-button.companion-shell-dropdown-button-focused,
.companion-shell-dropdown-button.companion-shell-dropdown-button-open {
background-color: #e8eaed
}
.companion-shell-dropdown-button.companion-shell-dropdown-button-disabled {
opacity: .38
}
.companion-shell-dropdown-button .companion-shell-dropdown-button-outer-box {
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
justify-content: flex-start
}
.companion-shell-dropdown-button .companion-shell-dropdown-button-inner-box {
display: block;
-webkit-flex-shrink: 1;
flex-shrink: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.companion-shell-dropdown-button-outer-box::after {
content: '';
display: block;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyNHB4JyBoZWlnaHQ9JzI0cHgnIHZpZXdCb3g9JzAgMCAyNCAyNCcgZmlsbD0nIzVmNjM2OCc+PHBhdGggZD0nTTcgMTBsNSA1IDUtNXonPjwvcGF0aD48cGF0aCBkPSdNMCAwaDI0djI0SDB6JyBmaWxsPSdub25lJz48L3BhdGg+PC9zdmc+") center no-repeat;
-webkit-flex-shrink: 0;
flex-shrink: 0;
height: 20px;
margin: 0 0 0 4px;
padding: 0;
width: 20px
}
.companion-shell-header-buttons {
display: -webkit-flex;
display: flex;
height: 24px;
-webkit-justify-content: flex-end;
justify-content: flex-end;
position: absolute;
right: 8px;
top: 18px
}
.companion-shell-header-button {
background: no-repeat center center;
background-size: 20px 20px;
cursor: pointer;
height: 24px;
width: 24px
}
.companion-shell-header-light-background .companion-shell-header-svg-icon {
fill: #000;
opacity: .54
}
.companion-shell-header-dark-background .companion-shell-header-svg-icon {
fill: #fff
}
html[dir="rtl"] .companion-shell-back-button,
body[dir="rtl"] .companion-shell-back-button,
html[dir="rtl"] .companion-shell-escape-hatch-button,
body[dir="rtl"] .companion-shell-escape-hatch-button {
transform: scaleX(-1)
}
.companion-shell-header-button.companion-shell-title-element {
margin: 0
}
.companion-shell-header-button:hover {
opacity: .87
}
.companion-shell-subtitle-button[aria-disabled="true"],
.companion-shell-header-button[aria-disabled="true"] {
cursor: not-allowed;
opacity: .38
}
.companion-shell-back-button {
margin-right: 2px
}
.goog-menu.companion-shell-drop-down-menu {
background: #fff;
border-width: 0;
border-radius: 0 0 8px 8px;
box-shadow: 0px -3px 6px -3px rgba(0, 0, 0, .12), 0 4px 8px -2px rgba(0, 0, 0, .14);
box-sizing: border-box;
max-height: 400px;
overflow-x: hidden;
overflow-y: auto;
padding-bottom: 8px;
position: absolute;
width: 100%;
z-index: 999
}
.goog-menuitem.companion-shell-drop-down-entry {
border: none;
height: 40px;
padding: 0;
width: 300px
}
.goog-menuitem-highlight.companion-shell-drop-down-entry {
background: #f1f3f4
}
.goog-menu.companion-shell-drop-down-menu .goog-menuseparator {
border-top: 1px solid rgba(32, 33, 36, 0.06);
margin: 8px 0;
padding: 0
}
.companion-shell-drop-down-check {
display: none;
height: 20px;
padding: 10px 16px;
position: absolute;
right: 0;
width: 20px
}
.goog-option-selected .companion-shell-drop-down-check {
display: block
}
.companion-shell-drop-down-entry.goog-option-selected {
background-image: none
}
.companion-shell-drop-down-entry .goog-menuitem-checkbox,
.companion-shell-drop-down-entry.goog-option-selected .goog-menuitem-checkbox {
display: none
}
.companion-shell-drop-down-entry-text {
box-sizing: border-box;
font-size: 14px;
color: #202124;
padding: 10px 20px;
letter-spacing: 0.2px;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 300px
}
.goog-option-selected .companion-shell-drop-down-entry-text {
padding-right: 60px
}
.companion-shell-search-container {
align-items: center;
background-color: #fff;
box-sizing: border-box;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
height: 100%;
left: 0;
padding: 0 10px;
position: absolute;
top: 0;
width: 100%
}
.companion-shell-search-icon,
.companion-shell-search-close {
margin-left: 10px;
margin-right: 10px
}
.companion-shell-search-input {
background-color: transparent;
border: none;
color: #5f6368;
-webkit-flex-grow: 1;
flex-grow: 1;
font-size: 16px;
line-height: 24px;
outline: none;
width: 100px
}
.companion-shell-search-input::placeholder {
color: #bdc1c6
}
.companion-shell-search-input::-webkit-input-placeholder {
color: #bdc1c6
}
.companion-shell-search-input:-ms-input-placeholder {
color: #bdc1c6
}
.companion-app-switcher-container .jfk-bubble {
padding: 16px;
border-radius: 8px;
border-color: #e8eaed;
border-width: 1px;
box-shadow: 0 2px 6px rgba(60, 64, 67, 0.3)
}
.companion-app-switcher-container .jfk-bubble-arrowright .jfk-bubble-arrowimplbefore {
border-left-color: #e8eaed;
border-right-color: #e8eaed
}
.app-switcher-notification-bubble {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column
}
.app-switcher-notification-bubble .app-switcher-notification-bubble-header {
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
height: 32px;
width: 200px
}
.app-switcher-notification-bubble .app-switcher-notification-bubble-image-container {
width: 32px;
border-radius: 50%
}
.app-switcher-notification-bubble .app-switcher-notification-bubble-image-container .app-switcher-notification-bubble-image {
width: 32px;
height: 32px;
border-radius: 50%;
margin-right: 8px
}
.app-switcher-notification-bubble .app-switcher-notification-bubble-text {
height: calc(14px*2.25);
display: -webkit-flex;
display: flex;
-webkit-flex-direction: column;
flex-direction: column;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-left: 8px;
margin-bottom: 8px
}
.app-switcher-notification-bubble .app-switcher-notification-bubble-text:focus {
outline: none
}
.app-switcher-notification-bubble .app-switcher-notification-bubble-title-text {
height: 14px;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
color: #5f6368
}
.app-switcher-notification-bubble .app-switcher-notification-bubble-body-text {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
color: #3c4043;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.app-switcher-notification-bubble .app-switcher-notification-bubble-footer {
margin-top: 9px;
height: 32px;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row
}
.app-switcher-notification-bubble .app-switcher-notification-bubble-footer .jfk-button {
text-align: center;
font-weight: 500;
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
padding-left: 8px;
padding-right: 16px;
margin: 0;
height: 30px;
line-height: 30px;
color: #ffffff;
max-width: 300px;
font-size: 14px;
border-radius: 15px;
-webkit-align-items: center;
align-items: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.app-switcher-notification-bubble .app-switcher-notification-bubble-footer .app-switcher-notification-bubble-button-icon {
width: 16px;
height: 16px;
padding-right: 8px;
padding-top: calc((30px - 16px)/2 - 1px);
padding-bottom: calc((30px - 16px)/2);
vertical-align: middle
}
.app-switcher-notification-bubble .app-switcher-notification-bubble-footer .app-switcher-notification-bubble-spacer {
width: 8px
}
.app-switcher-notification-bubble .app-switcher-notification-bubble-call-to-action-button {
background-color: rgb(24, 128, 56)
}
.app-switcher-notification-bubble .app-switcher-notification-bubble-call-to-action-button.jfk-button-hover {
background-color: #2a8947;
box-shadow: 0 1px 3px 1px rgba(24, 128, 56, 0.15)
}
.app-switcher-notification-bubble .app-switcher-notification-bubble-call-to-action-button.jfk-button-focused {
background-color: #4f9e67;
box-shadow: 0 1px 3px 1px rgba(24, 128, 56, 0.15)
}
.app-switcher-notification-bubble .app-switcher-notification-bubble-call-to-action-button.jfk-button-focused.jfk-button-hover {
background-color: #62a877;
box-shadow: 0 1px 3px 1px rgba(24, 128, 56, 0.15)
}
.app-switcher-notification-bubble .app-switcher-notification-bubble-dismiss-button {
background-color: rgb(217, 48, 37)
}
.app-switcher-notification-bubble .app-switcher-notification-bubble-dismiss-button.jfk-button-hover {
background-color: #d3443b;
box-shadow: 0 1px 3px 1px rgba(217, 48, 37, 0.15)
}
.app-switcher-notification-bubble .app-switcher-notification-bubble-dismiss-button.jfk-button-focused {
background-color: #e06c64;
box-shadow: 0 1px 3px 1px rgba(217, 48, 37, 0.15)
}
.app-switcher-notification-bubble .app-switcher-notification-bubble-dismiss-button.jfk-button-focused.jfk-button-hover {
background-color: #e88a84;
box-shadow: 0 1px 3px 1px rgba(217, 48, 37, 0.15)
}
.companion-overflow-menu-item {
-webkit-align-items: center;
align-items: center;
cursor: pointer;
display: -webkit-flex;
display: flex;
padding: 8px
}
.companion-overflow-menu-item-highlight {
background-color: #f1f3f4
}
.companion-overflow-menu-item-icon {
background: transparent no-repeat center;
background-size: 20px 20px;
border-radius: 50%;
height: 40px;
width: 40px
}
.companion-overflow-menu-item-content {
padding: 0 6px;
white-space: nowrap
}
.companion-overflow-menu-item-disabled {
cursor: default;
opacity: .38
}
.companion-server-render .acga-content {
-webkit-animation: companion-server-render-guest-content-fadeout 333ms ease 0s 1 normal both paused;
animation: companion-server-render-guest-content-fadeout 333ms ease 0s 1 normal both paused
}
.companion-server-render .companion-shell-splash-screen-ink-splash-color {
display: none
}
.companion-server-render .companion-shell-splash-screen-app-logo {
-webkit-animation: none;
animation: none
}
.companion-server-render .companion-shell-splash-screen-beachball {
display: none
}
@keyframes companion-server-render-guest-content-fadeout {
from {
opacity: .38
}
to {
opacity: 0
}
}
.companion-shell {
background-color: white;
box-sizing: border-box;
height: 100%;
width: 300px
}
.companion-shell:not(.companion-server-render) {
display: flex;
flex-direction: column
}
.companion-shell-addon-content-container,
.companion-shell-guest-content-container,
.companion-shell-native-content-container {
height: 100%
}
.companion-shell.companion-shell-overlay-content {
border: 0;
box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
opacity: 1
}
.companion-shell-app-switcher {
bottom: 0px;
left: 0px;
position: absolute
}
.companion-shell-guest-container {
display: flex;
flex-direction: column;
height: 100%
}
.companion-shell-splash-screen-container {
height: 680px;
margin-left: 50%;
position: relative;
top: calc(50% - (340px + 64px));
transform: translateX(-50%);
width: 680px
}
html[dir="rtl"] .companion-shell-splash-screen-container,
body[dir="rtl"] .companion-shell-splash-screen-container {
transform: translateX(50%)
}
.companion-shell-splash-screen-ink-splash-color {
-webkit-animation: ink-splash-opacity 1s cubic-bezier(0.08, 0.8, 0.67, 1) 400ms 1 normal both, ink-splash-scale 1s cubic-bezier(0.05, 0.69, 0.67, 1) 400ms 1 normal both;
animation: ink-splash-opacity 1s cubic-bezier(0.08, 0.8, 0.67, 1) 400ms 1 normal both, ink-splash-scale 1s cubic-bezier(0.05, 0.69, 0.67, 1) 400ms 1 normal both;
border-radius: 50%;
height: 100%;
width: 100%
}
@keyframes ink-splash-opacity {
from {
opacity: 1
}
to {
opacity: 0
}
}
@keyframes ink-splash-scale {
from {
transform: scale(0)
}
to {
transform: scale(1)
}
}
.companion-shell-splash-screen-app-logo {
-webkit-animation: app-logo-scale 330ms cubic-bezier(0.05, 0.62, 0.51, 1.26) 333ms 1 normal backwards, app-logo-scale-bounce 170ms cubic-bezier(0.29, 0, 0.73, 1) 667ms 1 normal forwards;
animation: app-logo-scale 330ms cubic-bezier(0.05, 0.62, 0.51, 1.26) 333ms 1 normal backwards, app-logo-scale-bounce 170ms cubic-bezier(0.29, 0, 0.73, 1) 667ms 1 normal forwards;
background-position: center;
background-repeat: no-repeat;
background-size: 128px 128px;
bottom: 0;
height: 128px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 0;
width: 128px
}
@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(0.95)
}
}
.companion-shell-splash-screen-beachball {
-webkit-animation: beachball-opacity 330ms linear 1s 1 normal both;
animation: beachball-opacity 330ms linear 1s 1 normal both;
bottom: 0;
height: 20px;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 190px;
width: 20px
}
@keyframes beachball-opacity {
from {
opacity: 0
}
to {
opacity: 1
}
}
.companion-tooltip {
background-color: rgba(60, 64, 67, .9);
border-radius: 4px;
color: #fff;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
letter-spacing: .3px;
line-height: 16px;
padding: 4px 8px;
white-space: nowrap;
z-index: 9999
}
.jfk-bubble {
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
background-color: #fff;
border: 1px solid;
border-color: #bbb #bbb #a8a8a8;
padding: 16px;
position: absolute;
z-index: 1201 !important
}
.jfk-bubble-closebtn {
background: url("//ssl.gstatic.com/ui/v1/icons/common/x_8px.png") no-repeat;
border: 1px solid transparent;
height: 21px;
opacity: .4;
outline: 0;
position: absolute;
right: 2px;
top: 2px;
width: 21px
}
.jfk-bubble-closebtn:focus {
border: 1px solid #4d90fe;
opacity: .8
}
.jfk-bubble-arrow {
position: absolute
}
.jfk-bubble-arrow .jfk-bubble-arrowimplbefore,
.jfk-bubble-arrow .jfk-bubble-arrowimplafter {
display: block;
height: 0;
position: absolute;
width: 0
}
.jfk-bubble-arrow .jfk-bubble-arrowimplbefore {
border: 9px solid
}
.jfk-bubble-arrow .jfk-bubble-arrowimplafter {
border: 8px solid
}
.jfk-bubble-arrowdown {
bottom: 0
}
.jfk-bubble-arrowup {
top: -9px
}
.jfk-bubble-arrowleft {
left: -9px
}
.jfk-bubble-arrowright {
right: 0
}
.jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore,
.jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
border-color: #bbb transparent;
left: -9px
}
.jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore {
border-color: #a8a8a8 transparent
}
.jfk-bubble-arrowdown .jfk-bubble-arrowimplafter,
.jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
border-color: #fff transparent;
left: -8px
}
.jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore {
border-bottom-width: 0
}
.jfk-bubble-arrowdown .jfk-bubble-arrowimplafter {
border-bottom-width: 0
}
.jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
border-top-width: 0
}
.jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
border-top-width: 0;
top: 1px
}
.jfk-bubble-arrowleft .jfk-bubble-arrowimplbefore,
.jfk-bubble-arrowright .jfk-bubble-arrowimplbefore {
border-color: transparent #bbb;
top: -9px
}
.jfk-bubble-arrowleft .jfk-bubble-arrowimplafter,
.jfk-bubble-arrowright .jfk-bubble-arrowimplafter {
border-color: transparent #fff;
top: -8px
}
.jfk-bubble-arrowleft .jfk-bubble-arrowimplbefore {
border-left-width: 0
}
.jfk-bubble-arrowleft .jfk-bubble-arrowimplafter {
border-left-width: 0;
left: 1px
}
.jfk-bubble-arrowright .jfk-bubble-arrowimplbefore {
border-right-width: 0
}
.jfk-bubble-arrowright .jfk-bubble-arrowimplafter {
border-right-width: 0
}
.jfk-bubble.jfk-bubble-promo {
background-color: #f9edbe;
border: 1px solid #f0c36d
}
.jfk-bubble-promo .jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore,
.jfk-bubble-promo .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
border-color: #f0c36d transparent
}
.jfk-bubble-promo .jfk-bubble-arrowdown .jfk-bubble-arrowimplafter,
.jfk-bubble-promo .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
border-color: #f9edbe transparent
}
.jfk-bubble-promo .jfk-bubble-arrowleft .jfk-bubble-arrowimplbefore,
.jfk-bubble-promo .jfk-bubble-arrowright .jfk-bubble-arrowimplbefore {
border-color: transparent #f0c36d
}
.jfk-bubble-promo .jfk-bubble-arrowleft .jfk-bubble-arrowimplafter,
.jfk-bubble-promo .jfk-bubble-arrowright .jfk-bubble-arrowimplafter {
border-color: transparent #f9edbe
}
.request-file-scope-modal-container {
align-items: center;
background-color: rgb(0, 0, 0, .5);
display: flex;
height: 100%;
position: absolute;
top: 0;
width: 300px
}
.request-file-scope-modal {
background: #fff;
border-radius: 8px;
display: flex;
margin: 8px;
min-height: 100px;
padding: 24px 8px;
width: 100%
}
.request-file-scope-modal-icon-container {
margin-top: -4px;
padding-right: 8px
}
.request-file-scope-modal-icon {
height: 48px;
width: 48px
}
.request-file-scope-modal-prompt {
font-weight: bold;
line-height: 16px;
padding-bottom: 16px
}
.request-file-scope-modal-description {
line-height: 16px;
padding-bottom: 16px;
word-break: break-all
}
.request-file-scope-modal-buttons {
text-align: right;
text-transform: uppercase
}
.docs-emoji-picker {
align-items: flex-start;
background: #fff;
border-radius: 8px;
box-shadow: 0px 1px 2px 0px rgba(60, 64, 67, .30), 0px 2px 6px 2px rgba(60, 64, 67, .15);
cursor: default;
display: flex;
flex-direction: column;
padding: 0
}
.docs-emoji-picker .docs-emoji-picker-emoji-buttons {
align-items: flex-start;
box-sizing: border-box;
display: flex;
flex-direction: row;
flex-wrap: wrap;
max-height: 100%;
margin: 0 0 0 16px;
overflow-x: hidden;
overflow-y: auto;
padding: 5px 0 5px
}
.docs-emoji-picker-emoji-container {
height: 284px;
width: 100%
}
.docs-emoji-picker-no-search-results {
color: #5f6368;
cursor: default;
display: flex;
justify-content: center;
padding: 15px 15px 0
}
.docs-emoji-picker-quick-pick-container {
align-items: center;
border-top: 1px solid #dadce0;
box-sizing: border-box;
display: flex;
flex-direction: row;
height: 46px;
justify-content: center;
left: 0;
position: static;
width: 392px
}
.docs-emoji-picker-quick-pick-container .docs-emoji-picker-quick-pick-emoji-buttons {
align-items: flex-start;
display: flex;
flex-direction: row;
flex-wrap: wrap;
overflow-x: hidden;
overflow-y: auto;
padding: 5px 0 5px
}
.docs-emoji-picker-search {
align-items: center;
display: flex;
flex-direction: row;
height: 64px;
left: 0;
position: static;
top: 0;
width: 392px
}
.docs-emoji-picker-search-bar-container {
align-items: center;
border: 1px solid #dadce0;
border-radius: 34px;
box-sizing: border-box;
display: flex;
flex-direction: row;
height: 36px;
left: 16px;
margin: 16px;
padding: 8px 16px;
position: static;
top: 16px;
width: 360px
}
.docs-emoji-picker-search-bar,
.docs-emoji-picker-search-input-container,
.docs-emoji-picker-search-input {
width: 100%
}
.docs-emoji-picker-textarea {
align-items: center;
border: none;
display: flex;
flex-direction: row;
font-family: 'Roboto', sans-serif;
font-size: 14px;
height: 16px;
left: 16px;
padding-left: 5px;
position: static;
resize: none;
top: 8px;
width: 123px
}
.docs-emoji-picker-textarea:focus {
outline: none
}
.docs-emoji-picker-categories {
align-items: flex-end;
border-top: 1px solid #dadce0;
border-bottom: 1px solid #dadce0;
box-sizing: border-box;
display: flex;
flex-direction: row;
height: 44px;
justify-content: center;
left: 0;
position: static;
width: 392px;
top: 64px
}
.docs-emoji-picker-categories-container {
align-items: flex-start;
background: #fff;
display: flex;
flex-direction: row;
height: 44px;
justify-content: center;
left: 0;
padding: 0 34px 0 34px;
position: static;
top: 64px;
width: 392px
}
.docs-emoji-picker-tabbar {
align-items: flex-end;
display: flex;
flex-direction: row;
height: 44px;
justify-content: center;
left: 0;
padding: 0 34px 0 34px;
position: static;
top: 64px;
width: 392px
}
.docs-emoji-picker-tabbar .docs-tabbar-tab-hover {
background-color: rgba(66, 133, 244, .12)
}
.docs-emoji-picker-tabbar .docs-tabbar-tab {
height: 36px;
min-width: 36px;
padding: 0 0;
width: 36px
}
.docs-emoji-picker-tabbar:focus-visible {
outline: none
}
.docs-emoji-picker-tabbar .docs-tabbar-tab-selected {
border-bottom: 2px solid #1a73e8
}
.docs-emoji-picker .docs-emoji-counter-button-icon {
height: 30px;
padding: 0;
width: 30px
}
.docs-emoji-picker .docs-material-button {
align-items: center;
border-radius: 50%;
display: flex;
height: 40px;
justify-content: center;
margin: 0;
overflow: hidden;
padding: 0;
width: 40px
}
.docs-emoji-picker .docs-material-button .docs-material-button-content {
align-items: center;
display: flex
}
.docs-emoji-picker-category-title {
align-items: center;
color: #5f6368;
display: flex;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 11px;
font-style: normal;
font-weight: 500;
height: 24px;
letter-spacing: 0.8px;
line-height: 16px;
margin: 9px 9px;
size: 11px;
text-transform: uppercase;
width: 100%
}
.docs-emoji-picker-category-container {
display: flex;
flex-wrap: wrap
}
.docs-emoji-picker-loading {
background-image: url(//ssl.gstatic.com/docs/common/loading_animation.gif);
height: 50px;
margin: auto;
width: 50px
}
.docs-emoji-picker-category-container-control {
max-width: 100%;
width: 100%
}
.docs-emoji-picker-category-loading {
background-image: url(//ssl.gstatic.com/docs/common/loading_animation.gif);
height: 50px;
margin: auto;
width: 50px
}
.docs-emoji-picker-emoji-container-pointerless .docs-emoji-picker-category-container-control {
pointer-events: none
}
.docs-emoji-picker-category-tab-icon .docs-icon {
height: 24px !important;
width: 24px !important
}
.docs-emoji-picker-variants-popup {
align-items: flex-end;
background-color: white;
border: 1px solid #bdc1c6;
border-radius: 10px;
box-shadow: 0px 1px 2px 0px rgba(60, 64, 67, .30), 0px 1px 3px 1px rgba(60, 64, 67, .15);
display: flex;
outline: none;
position: absolute;
visibility: hidden;
width: auto
}
.docs-emoji-picker-variants-popup .docs-emoji-variants-popup-emoji-container .goog-container {
display: flex;
flex-wrap: wrap;
flex-direction: row
}
.docs-emoji-variants-popup-skin-tone-horizontal {
display: flex;
justify-content: space-around;
margin-top: 5px
}
.docs-emoji-variants-popup-skin-tone-vertical {
align-self: stretch;
display: flex;
flex-direction: column;
justify-content: space-around;
margin-top: 13px
}
.docs-emoji-picker-bubble {
position: absolute;
z-index: 502
}
.emoji-picker-button-icon {
height: 30px;
width: 30px;
background-size: contain
}
.emoji-picker-button-icon.emoji-picker-button-emoji-font-enabled {
font-family: 'Noto Color Emoji', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: x-large
}
.emoji-variants-control {
position: relative
}
.emoji-variants-control-indicator {
background-color: unset;
border-bottom: 3px solid rgba(0, 0, 0, 0.54);
border-left: 3px solid transparent;
border-right: 3px solid rgba(0, 0, 0, 0.54);
border-top: 3px solid transparent;
height: 0;
padding: 0;
width: 0
}
@media (forced-colors:active) {
.emoji-variants-control-indicator {
border-left: 3px solid HighlightText;
border-top: 3px solid HighlightText
}
}
.emoji-variants-control-indicator-container {
bottom: 0;
cursor: pointer;
height: 8px;
position: absolute;
right: 0;
width: 8px
}
.emoji-picker-button-tooltip {
background-color: #5f6368;
border-color: #5f6368;
border-radius: 4px;
color: white;
font-weight: 500;
opacity: 0.9;
padding: 6px
}
.emoji-picker-button-tooltip .jfk-tooltip-arrowimplbefore,
.emoji-picker-button-tooltip .jfk-tooltip-arrowimplafter {
border-color: transparent
}
.appsAddonsHostCompanionContentholderEl {
height: 100%;
position: relative;
width: 100%
}
.appsAddonsHostCompanionPromobubblePromobubblemanagerButton {
float: right;
margin-top: 8px;
padding: 0
}
.appsAddonsHostCompanionPromobubblePromobubblemanagerBubble {
outline: none
}
.companion-app-switcher-container .CSS_GSUITE_ADDONS_INSTALLATION_PROMO {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
background-color: #1a73e8;
border-radius: 8px;
border-width: 0;
box-shadow: 0 1px 2px 0 rgba(26, 115, 232, 0.30), 0 2px 6px 2px rgba(26, 115, 232, 0.15);
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: .875rem;
letter-spacing: .25px;
padding: 12px 16px 8px;
width: 288px
}
.companion-app-switcher-container.companion-app-switcher-container.companion-app-switcher-container .CSS_GSUITE_ADDONS_INSTALLATION_PROMO .jfk-button {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
background: #1a73e8;
color: #fff;
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: .875rem;
font-weight: 500;
letter-spacing: .25px;
line-height: 20px;
margin: 0 -8px;
padding: 4px 8px
}
.CSS_GSUITE_ADDONS_INSTALLATION_PROMO .jfk-button::before {
background: #fff;
border-radius: 4px;
content: '';
display: block;
opacity: 0;
position: absolute;
transform: scale(0);
transition-duration: .15s;
transition-timing-function: .15s;
transition-property: transform, opacity;
z-index: -1
}
.CSS_GSUITE_ADDONS_INSTALLATION_PROMO .jfk-button-disabled {
color: rgba(60, 64, 67, 0.38);
cursor: default
}
.CSS_GSUITE_ADDONS_INSTALLATION_PROMO .jfk-button-disabled::before {
opacity: 0
}
.CSS_GSUITE_ADDONS_INSTALLATION_PROMO .jfk-button-hover::before {
opacity: 0.06;
transform: scale(1)
}
.CSS_GSUITE_ADDONS_INSTALLATION_PROMO .jfk-button-focused::before {
opacity: 0.12
}
.CSS_GSUITE_ADDONS_INSTALLATION_PROMO .jfk-button-active::before {
opacity: 0.12
}
.companion-app-switcher-container .CSS_GSUITE_ADDONS_INSTALLATION_PROMO .jfk-bubble-arrowimplbefore,
.companion-app-switcher-container .CSS_GSUITE_ADDONS_INSTALLATION_PROMO .jfk-bubble-arrowimplafter {
border-color: transparent #1a73e8
}
.CSS_GSUITE_ADDONS_TITLE {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
color: #fff;
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 1rem;
font-weight: 500;
line-height: 24px;
letter-spacing: .25px;
margin: 0;
margin-bottom: 4px
}
.CSS_GSUITE_ADDONS_CONTENT {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
color: rgba(255, 255, 255, 0.902);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: .875rem;
letter-spacing: .2px;
line-height: 20px
}
.appsAddonsHostGsmAppfindercontainerEl {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 6000
}
.appsAddonsHostGsmAppfindercontainerMask {
background: #fff;
height: 100%;
left: 0;
opacity: 0.5;
position: absolute;
top: 0;
width: 100%
}
.appsAddonsHostGsmAppfindercontainerContent {
border-radius: 4px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px;
outline: none;
overflow: hidden;
position: relative;
z-index: 0
}
.appsAddonsHostGsmAppfindercontainerLoadingScreen {
-webkit-box-align: center;
-webkit-align-items: center;
-moz-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fff;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
height: 100%;
-webkit-box-pack: center;
-webkit-justify-content: center;
-moz-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
left: 0;
position: absolute;
top: 0;
width: 100%
}
.appsAddonsHostGsmAppfindercontainerLoadingScreenCloseBtn {
background: transparent;
border: 0;
cursor: pointer;
margin: 16px;
outline: none;
padding: 0;
position: absolute;
right: 0;
top: 0
}
.appsAddonsHostGsmAppfindercontainerLoadingScreenCloseIcon {
fill: #000;
height: 20px;
opacity: 0.54;
width: 20px
}
.CSS_ADD_ONS_SPINNER_CONTAINER {
height: 44px;
overflow: hidden;
position: relative;
width: 100%
}
.CSS_ADD_ONS_QUANTUM_SPINNER {
height: 28px;
position: absolute;
top: 8px;
width: 28px
}
.CSS_ADD_ONS_QUANTUM_SPINNER.CSS_ADD_ONS_SPINNER_ACTIVE {
animation: container-rotate 1568ms linear infinite
}
.CSS_ADD_ONS_SPINNER_VCENTER {
align-self: center
}
.CSS_ADD_ONS_SPINNER_LAYER {
position: absolute;
width: 100%;
height: 100%;
opacity: 0
}
.CSS_ADD_ONS_SPINNER_BLUE {
border-color: #4285f4
}
.CSS_ADD_ONS_SPINNER_RED {
border-color: #db4437
}
.CSS_ADD_ONS_SPINNER_YELLOW {
border-color: #f4b400
}
.CSS_ADD_ONS_SPINNER_GREEN {
border-color: #0f9d58
}
.CSS_ADD_ONS_SPINNER_ACTIVE .CSS_ADD_ONS_SPINNER_LAYER.CSS_ADD_ONS_SPINNER_BLUE {
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both
}
.CSS_ADD_ONS_SPINNER_ACTIVE .CSS_ADD_ONS_SPINNER_LAYER.CSS_ADD_ONS_SPINNER_RED {
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both
}
.CSS_ADD_ONS_SPINNER_ACTIVE .CSS_ADD_ONS_SPINNER_LAYER.CSS_ADD_ONS_SPINNER_YELLOW {
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both
}
.CSS_ADD_ONS_SPINNER_ACTIVE .CSS_ADD_ONS_SPINNER_LAYER.CSS_ADD_ONS_SPINNER_GREEN {
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both
}
.CSS_ADD_ONS_SPINNER_GAP_PATCH {
position: absolute;
box-sizing: border-box;
top: 0;
width: 10%;
height: 100%;
overflow: hidden;
border-color: inherit
}
.CSS_ADD_ONS_SPINNER_GAP_PATCH .CSS_ADD_ONS_SPINNER_CIRCLE {
width: 1000%
}
.CSS_ADD_ONS_CIRCLE_CLIPPER {
display: inline-block;
position: relative;
width: 50%;
height: 100%;
overflow: hidden;
border-color: inherit
}
.CSS_ADD_ONS_CIRCLE_CLIPPER .CSS_ADD_ONS_SPINNER_CIRCLE {
width: 200%
}
.CSS_ADD_ONS_SPINNER_CIRCLE {
box-sizing: border-box;
height: 100%;
border-width: 3px;
border-style: solid;
border-color: inherit;
border-bottom-color: transparent;
border-radius: 50%;
animation: none
}
.CSS_ADD_ONS_CIRCLE_CLIPPER.CSS_ADD_ONS_SPINNER_LEFT .CSS_ADD_ONS_SPINNER_CIRCLE {
-webkit-transform: rotate(129deg);
transform: rotate(129deg)
}
.CSS_ADD_ONS_CIRCLE_CLIPPER.CSS_ADD_ONS_SPINNER_RIGHT .CSS_ADD_ONS_SPINNER_CIRCLE {
-webkit-transform: rotate(-129deg);
transform: rotate(-129deg)
}
.CSS_ADD_ONS_SPINNER_FIT {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0
}
@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
}
}
.CSS_ADD_ONS_QUANTUM_SPINNER {
left: 50%;
margin-left: -14px
}
.CSS_ADD_ONS_SPINNER_GAP_PATCH {
left: 45%
}
.CSS_ADD_ONS_SPINNER_GAP_PATCH .CSS_ADD_ONS_SPINNER_CIRCLE {
left: -450%
}
.CSS_ADD_ONS_CIRCLE_CLIPPER.CSS_ADD_ONS_SPINNER_LEFT .CSS_ADD_ONS_SPINNER_CIRCLE {
border-right-color: transparent
}
.CSS_ADD_ONS_CIRCLE_CLIPPER.CSS_ADD_ONS_SPINNER_RIGHT .CSS_ADD_ONS_SPINNER_CIRCLE {
left: -100%;
border-left-color: transparent
}
.CSS_ADD_ONS_SPINNER_ACTIVE .CSS_ADD_ONS_CIRCLE_CLIPPER.CSS_ADD_ONS_SPINNER_LEFT .CSS_ADD_ONS_SPINNER_CIRCLE {
animation: left-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both
}
.CSS_ADD_ONS_SPINNER_ACTIVE .CSS_ADD_ONS_CIRCLE_CLIPPER.CSS_ADD_ONS_SPINNER_RIGHT .CSS_ADD_ONS_SPINNER_CIRCLE {
animation: right-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both
}
@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)
}
}
.CSS_ADD_ONS_ELLIPSES {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.add-on-host-container,
.add-on-host-content,
.add-on-host-failure,
.add-on-host-client-not-supported,
.add-on-host-loading,
.add-on-host-offline,
.send-time-add-on-host-failure,
.send-time-add-on-host-offline {
height: 100%;
width: 100%
}
.add-on-host-container {
outline: none;
position: relative
}
.add-on-host-content,
.add-on-host-extra-content-container {
bottom: 0;
left: 0;
outline: none;
position: absolute
}
.add-on-host-content {
outline: none;
position: absolute
}
.add-on-host-non-content-wrapper {
display: flex;
flex-direction: column;
height: 100%
}
.add-on-host-non-content-wrapper.isHidden {
visibility: hidden
}
.add-on-host-views-container {
flex: 1 1 auto;
position: relative
}
.send-time-add-on-host-failure,
.send-time-add-on-host-offline,
.add-on-host-failure,
.add-on-host-client-not-supported,
.add-on-host-loading,
.add-on-host-offline {
align-items: center;
background: #fff;
display: flex;
flex-direction: column;
justify-content: center;
position: absolute;
text-align: center
}
.add-on-host-screen {
align-items: center;
box-sizing: border-box;
display: flex;
flex-direction: column;
height: 100%;
justify-content: center;
padding: 16px;
text-align: center;
width: 100%
}
.add-on-host-screen-image {
width: 75px;
height: 75px
}
.add-on-host-screen-svg {
fill: #5f6368
}
.add-on-host-screen-primary-message {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
height: 48px;
letter-spacing: 0.2px;
line-height: 24px;
margin: 40px 0 0 0
}
.add-on-host-screen-secondary-message {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
height: 32px;
letter-spacing: 0.3px;
line-height: 16px
}
.add-on-host-clickable {
color: #4285f4;
cursor: pointer;
font-size: inherit;
outline: none;
background: transparent;
border: none
}
.send-time-add-on-host-failure-send,
.send-time-add-on-host-offline-send,
.add-on-host-retry {
bottom: 48px;
position: absolute;
text-transform: uppercase
}
.add-on-host-loading.add-on-host-loading-hidden {
visibility: hidden
}
.add-on-host-offline-snack-bar {
background: #202124;
bottom: 0;
color: #fff;
height: 112px;
position: fixed;
transition: transform .218s ease-in-out;
width: 100%;
z-index: 99999
}
.add-on-host-offline-snack-bar.add-on-host-offline-snack-bar-hidden {
transform: translate(0, 120%)
}
.add-on-host-offline-snack-bar-content__description {
font-family: Roboto, Arial, sans-serif;
font-size: 14px;
letter-spacing: 0.2px;
line-height: 20px;
margin: 24px 24px 0;
vertical-align: top
}
.add-on-host-offline-snack-bar-content__btn {
background: #202124;
border: none;
color: #fff;
cursor: pointer;
font-family: Roboto, Arial, sans-serif;
font-size: 16px;
letter-spacing: 0.2px;
line-height: 16px;
margin: 5px 16px 12px 218px;
outline: none;
padding: 8px;
vertical-align: top
}
.add-on-host-headerbar.companion-shell-header {
border: none;
height: 40px;
padding: 0 16px
}
.add-on-host-headerbar .companion-shell-header-element.companion-shell-title-container {
line-height: 20px
}
.add-on-host-headerbar .companion-shell-title-text.companion-shell-title-big {
font-size: 16px
}
.add-on-host-headerbar .companion-shell-header-element.companion-shell-close-button {
align-items: center;
display: flex;
height: 32px;
justify-content: center;
margin: 0;
width: 32px
}
.add-on-host-headerbar .companion-shell-header-svg-icon {
width: 20px;
height: 20px
}
.add-on-host-headerbar.companion-shell-header.add-on-host-headerbar-companion-style {
height: 64px;
padding: 0 10px
}
.add-on-host-headerbar.add-on-host-headerbar-companion-style .companion-shell-header-element.companion-shell-close-button {
width: 40px;
height: 40px
}
.docs-material-button {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: box-shadow 0.28s cubic-bezier(0.4, 0.0, 0.2, 1);
-moz-transition: box-shadow 0.28s cubic-bezier(0.4, 0.0, 0.2, 1);
-o-transition: box-shadow 0.28s cubic-bezier(0.4, 0.0, 0.2, 1);
transition: box-shadow 0.28s cubic-bezier(0.4, 0.0, 0.2, 1);
border-radius: 2px;
border: none;
cursor: pointer;
display: inline-block;
font: 500 13px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
height: 32px;
line-height: 32px;
margin: 0 4px;
overflow: hidden;
outline: none;
position: relative;
text-align: center;
text-transform: uppercase;
vertical-align: middle
}
.docs-material-button-content {
position: relative
}
.docs-material-button-ripple-element {
border-radius: 50%;
left: 50%;
opacity: 0;
padding-bottom: 200%;
position: absolute;
top: 50%;
transition: transform 0s linear 0.2s, opacity 0.2s ease-in;
width: 200%
}
.docs-material-button-ripple-effect>.docs-material-button-ripple-element {
-webkit-transform: translate(-50%, -50%) scale(1);
-moz-transform: translate(-50%, -50%) scale(1);
-ms-transform: translate(-50%, -50%) scale(1);
-o-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
opacity: 1;
transition: transform 0.35s ease-out, opacity 0s linear;
visibility: visible
}
.docs-material-button-disabled {
box-shadow: none;
cursor: default
}
.docs-material-button-flat-primary,
.docs-material-button-flat-default,
.docs-material-button-flat-dark,
.docs-material-button-text-default {
background-color: transparent;
padding: 0 8px
}
.docs-material-button-raised-primary,
.docs-material-button-raised-default {
padding: 0 16px
}
.docs-material-button-hover.docs-material-button-raised-primary,
.docs-material-button-hover.docs-material-button-raised-default {
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px 0px rgba(0, 0, 0, 0.2)
}
.docs-material-button-active.docs-material-button-raised-primary,
.docs-material-button-active.docs-material-button-raised-default {
box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px -1px rgba(0, 0, 0, 0.2)
}
.docs-material-button-raised-primary {
background-color: #4285f4;
color: #fff
}
.docs-material-button-flat-primary {
color: #4285f4
}
.docs-material-button-flat-default {
color: rgba(0, 0, 0, 0.54)
}
.docs-material-button-flat-dark {
color: #fff
}
.docs-material-button-hover.docs-material-button-flat-primary {
background-color: rgba(66, 133, 244, .12)
}
.docs-material-button-hover.docs-material-button-flat-dark {
background-color: rgba(256, 256, 256, 0.1)
}
.docs-material-button-active.docs-material-button-flat-primary {
color: #3367d6
}
.docs-material-button-hover.docs-material-button-text-default {
background-color: rgba(66, 133, 244, .04)
}
.docs-material-button-focused.docs-material-button-text-default {
background-color: rgba(66, 133, 244, .12)
}
.docs-material-button-active.docs-material-button-text-default {
background-color: rgba(66, 133, 244, .10)
}
.docs-material-button-raised-primary.docs-material-button-focused {
border: 1px inset rgba(0, 0, 0, 0.38);
background: #3b78e7;
line-height: 30px;
padding: 0 15px
}
.docs-material-button-raised-default.docs-material-button-focused {
border: 1px solid #4285f4;
line-height: 30px;
padding: 0 15px
}
.docs-material-button-flat-primary.docs-material-button-focused,
.docs-material-button-flat-default.docs-material-button-focused {
border: 1px solid #4285f4;
line-height: 30px;
padding: 0 7px
}
.docs-material-button-flat-dark.docs-material-button-focused {
border: 1px solid #fff;
line-height: 30px;
padding: 0 7px
}
.docs-material-button.docs-material-button-focused.docs-material-button-no-focus-border {
border: none;
line-height: 32px
}
.docs-material-button-raised-primary.docs-material-button-focused.docs-material-button-no-focus-border,
.docs-material-button-raised-default.docs-material-button-focused.docs-material-button-no-focus-border {
padding: 0 16px
}
.docs-material-button-flat-primary.docs-material-button-focused.docs-material-button-no-focus-border,
.docs-material-button-flat-default.docs-material-button-focused.docs-material-button-no-focus-border,
.docs-material-button-flat-dark.docs-material-button-focused.docs-material-button-no-focus-border {
padding: 0 8px
}
.docs-material-button-hover.docs-material-button-flat-default {
background-color: rgba(0, 0, 0, 0.12)
}
.docs-material-button-active.docs-material-button-flat-default {
color: rgba(0, 0, 0, 0.87)
}
.docs-material-button-raised-default {
background-color: rgba(0, 0, 0, .04);
color: rgba(0, 0, 0, 0.54)
}
.docs-material-button-active.docs-material-button-raised-default {
color: rgba(0, 0, 0, 0.87)
}
.docs-material-button-disabled.docs-material-button-flat-primary,
.docs-material-button-disabled.docs-material-button-flat-default,
.docs-material-button-disabled.docs-material-button-raised-default {
background-color: #fff;
color: rgba(0, 0, 0, 0.26)
}
.docs-material-button-disabled.docs-material-button-flat-dark {
color: rgba(255, 255, 255, 0.3)
}
.docs-material-button-disabled.docs-material-button-raised-primary {
background-color: rgba(0, 0, 0, 0.12);
color: #fff
}
.docs-material-button-flat-primary>.docs-material-button-ripple-element {
background-color: rgba(66, 133, 244, .32)
}
.docs-material-button-text-default>.docs-material-button-ripple-element {
background-color: rgba(66, 133, 244, .10)
}
.docs-material-button-raised-primary>.docs-material-button-ripple-element {
background-color: #3367d6
}
.docs-material-button-flat-default>.docs-material-button-ripple-element {
background-color: rgba(0, 0, 0, .2)
}
.docs-material-button-flat-dark>.docs-material-button-ripple-element {
background-color: rgba(256, 256, 256, 0.24)
}
.docs-material-button-raised-default>.docs-material-button-ripple-element {
background-color: rgba(0, 0, 0, 0.12)
}
.docs-material-button-hairline-primary.docs-material-button {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
border: 1px solid #dadce0 !important;
color: #137333;
text-transform: none
}
.docs-material-button-text-default.docs-material-button {
color: #1a73e8;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: normal;
text-transform: none;
margin: 0
}
.docs-material-button-hairline-default.docs-material-button {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
border: 1px solid #dadce0 !important;
color: #137333;
color: #5f6368;
text-transform: none
}
.docs-material-button-hairline-default.docs-material-button-hover,
.docs-material-button-hairline-primary.docs-material-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #f8fcf9;
border: 1px solid #c8e7d1 !important
}
.docs-material-button-hairline-default.docs-material-button-focused,
.docs-material-button-hairline-primary.docs-material-button-focused,
.docs-material-button-hairline-default.docs-material-button-focused.docs-material-button-no-focus-border,
.docs-material-button-hairline-primary.docs-material-button-focused.docs-material-button-no-focus-border {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #e7f5eb;
border: 1px solid #bbe2c6 !important
}
.docs-material-button-hairline-default.docs-material-button-hover.docs-material-button-focused,
.docs-material-button-hairline-primary.docs-material-button-hover.docs-material-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
border: 1px solid #b5e0c1 !important
}
.docs-material-button-hairline-default.docs-material-button-active,
.docs-material-button-hairline-primary.docs-material-button-active {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
border: 1px solid transparent !important;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}
.docs-material-button-hairline-default.docs-material-button-disabled,
.docs-material-button-hairline-primary.docs-material-button-disabled {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
border: 1px solid #f1f3f4 !important;
color: #3c4043;
opacity: 0.38
}
.docs-material-button-fill-primary.docs-material-button {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff
}
.docs-material-button-fill-primary.docs-material-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #2a8947;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
.docs-material-button-fill-primary.docs-material-button-focused,
.docs-material-button-fill-primary.docs-material-button-focused.docs-material-button-no-focus-border {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #4f9e67;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
.docs-material-button-fill-primary.docs-material-button-hover.docs-material-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #62a877;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
.docs-material-button-fill-primary.docs-material-button-active {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #62a877;
box-shadow: 0 2px 6px 2px rgba(52, 168, 83, 0.15)
}
.docs-material-button-fill-primary.docs-material-button-disabled {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #f8f9fa;
color: #202124;
opacity: 0.62
}
@media screen and (forced-colors:active) {
.docs-material-button-focused {
outline: 1px solid Highlight;
outline-offset: -4px
}
.docs-material-button-disabled.docs-material-button-hairline-default,
.docs-material-button-disabled.docs-material-button-hairline-primary,
.docs-material-button-disabled.docs-material-button-flat-primary,
.docs-material-button-disabled.docs-material-button-flat-default,
.docs-material-button-disabled.docs-material-button-raised-default,
.docs-material-button-disabled.docs-material-button-fill-primary {
color: GrayText;
opacity: 1;
border-color: GrayText
}
}
.docs-horizontal-button-group .docs-material-button {
display: flex;
align-items: center;
justify-content: center
}
.docs-horizontal-button-group .docs-material-button.docs-material-button-collapse-left {
border-bottom-left-radius: 0;
border-top-left-radius: 0;
margin-left: -2px;
margin-right: 0
}
.docs-horizontal-button-group .docs-material-button.docs-material-button-collapse-right {
border-bottom-right-radius: 0;
border-top-right-radius: 0;
margin-left: 0;
margin-right: 0
}
.docs-horizontal-button-group .docs-material-button-selected {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
border: 1px solid #b5e0c1 !important;
z-index: 1
}
[class*="docs-hc"] .docs-horizontal-button-group .docs-material-button-selected {
border-width: 0 !important;
filter: invert(100%)
}
.docs-horizontal-button-group .docs-material-button.docs-material-button-selected .docs-material-button-content {
color: #1967d2
}
.docs-horizontal-button-group .docs-material-button.docs-material-button-selected.docs-material-button-focused {
background: #d2e3fc
}
.docs-horizontal-button-group .docs-material-button.docs-material-button-selected.docs-material-button-focused .docs-material-button-content {
color: #185abc
}
.docs-horizontal-button-group .docs-material-button:not([class*="docs-material-button-selected"]) {
border-color: #dadce0 !important;
color: #3c4043
}
.docs-horizontal-button-group .docs-material-button:not([class*="docs-material-button-selected"]).docs-material-button-hover {
background: #f1f3f4
}
.docs-horizontal-button-group .docs-material-button:not([class*="docs-material-button-selected"]).docs-material-button-focused {
background: #e8eaed
}
div.CSS_SHORTCUTS_HELP_POPUP {
left: 10%;
width: 80%;
top: 10%;
z-index: 1002;
color: #fff;
position: fixed;
text-align: center;
text-shadow: #000 1px 1px 7px;
font-weight: bold;
background: #000 none repeat scroll 0;
overflow: hidden
}
@media print {
div.CSS_SHORTCUTS_HELP_POPUP {
display: none !important
}
}
div.CSS_SHORTCUTS_HELP_POPUP_CONTAINER {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
max-height: inherit;
overflow: auto;
padding: 1em
}
table.CSS_SHORTCUTS_HELP_POPUP_HEADER,
table.CSS_SHORTCUTS_HELP_POPUP_CONTENT {
width: 100%
}
.CSS_SHORTCUTS_HELP_POPUP_HEADER_TABLE_ELEMENT {
padding-bottom: 0.8ex
}
.CSS_SHORTCUTS_HELP_POPUP_TITLE {
font-size: 15px;
white-space: nowrap;
text-align: left
}
.CSS_SHORTCUTS_HELP_POPUP_TEAROFF_LINK_CONTAINER {
color: #dd0;
text-align: right
}
.CSS_SHORTCUTS_HELP_POPUP_TEAROFF_LINK_WRAPPER {
position: absolute;
top: 0;
right: 0;
padding-right: 32px;
padding-top: 16px
}
.CSS_SHORTCUTS_HELP_CLOSE_PLACEHOLDER {
height: 11px;
width: 11px;
padding: 6px;
margin: 24px
}
.CSS_SHORTCUTS_HELP_POPUP_TEAROFF_LINK {
font-size: 15px;
cursor: pointer;
text-decoration: underline;
color: #dd0
}
table.CSS_SHORTCUTS_HELP_POPUP_CONTENT {
border-top: 1px solid #999;
font-size: 13px
}
.CSS_SHORTCUTS_HELP_POPUP_CONTENT_HEADER {
color: #dd0;
padding-top: 1em;
text-align: left
}
.CSS_SHORTCUTS_HELP_POPUP_CONTENT_ELEMENT {
vertical-align: top;
padding-top: 0.15em
}
table.CSS_SHORTCUTS_HELP_POPUP_CONTENT td.CSS_SHORTCUTS_HELP_POPUP_KEY {
font-weight: bold;
padding-right: 0.5em;
text-align: right;
white-space: nowrap
}
table.CSS_SHORTCUTS_HELP_POPUP_CONTENT td.CSS_SHORTCUTS_HELP_POPUP_DESCRIPTION {
font-weight: normal;
text-align: left
}
span.CSS_SHORTCUTS_HELP_POPUP_KEY_MNEMONIC {
font-family: "Courier New";
color: #dd0
}
.CSS_SHORTCUTS_HELP_POPUP_PREF_CONTAINER {
border-top: 1px solid #999;
padding: .5em 0
}
.CSS_SHORTCUTS_HELP_POPUP_PREF_CONTENT {
background: #dd0;
color: #000;
padding: 3px 7px;
text-align: left;
font-size: 13px;
text-shadow: none
}
.CSS_SHORTCUTS_HELP_POPUP_PREF_ENABLED .CSS_SHORTCUTS_HELP_POPUP_PREF_CONTENT {
background: none;
color: #fff
}
.CSS_SHORTCUTS_HELP_POPUP_PREF_LINK {
cursor: pointer;
text-decoration: underline
}
.CSS_SHORTCUTS_HELP_POPUP_PREF_ENABLED .CSS_SHORTCUTS_HELP_POPUP_PREF_LINK {
color: #dd0
}
.shortcuts-modalpopup-bg {
display: none;
left: 0;
top: 0;
position: absolute
}
.docs-save-indicator:not(:active):not(.docs-titlebar-badge-selected) .docs-icon-sync {
opacity: 0.63
}
.docs-gm .docs-save-indicator-caption {
font-size: 12px;
padding-left: 3px;
padding-right: 5px;
vertical-align: middle
}
.docs-save-indicator.docs-titlebar-badge.docs-save-indicator-unsaved-changes,
.docs-save-indicator.docs-titlebar-badge.docs-save-indicator-unsaved-changes.docs-titlebar-badge-selected {
background-color: #fce8e6;
color: #d93025
}
.docs-save-indicator.docs-titlebar-badge.docs-save-indicator-unsaved-changes:hover {
background-color: #fadfdd;
color: #d93025
}
.docs-save-indicator.docs-titlebar-badge.docs-save-indicator-unsaved-changes:active,
.docs-save-indicator.docs-titlebar-badge.docs-save-indicator-unsaved-changes.docs-save-indicator-selected {
background-color: #f5cfce;
color: #d93025
}
.docs-save-indicator-popup {
max-width: 420px;
min-width: 320px
}
.docs-save-indicator-popup.jfk-bubble {
outline: none;
padding-left: 35px
}
.docs-save-indicator-popup .jfk-bubble-arrow {
display: none
}
.docs-gm .docs-save-indicator-popup-header {
background-color: #e6f4ea;
min-height: 40px;
padding: 0
}
.docs-gm .docs-save-indicator-popup-footer {
padding: 12px 16px 12px 16px
}
.docs-gm .docs-save-indicator-popup-title-container {
align-items: center;
display: flex;
min-height: inherit;
padding: 0 16px
}
.docs-material .docs-save-indicator-popup-title {
color: #137333;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
margin: 10px 0;
width: fit-content
}
.docs-gm .docs-save-indicator-popup-subtitle-container {
padding: 0 0 12px
}
.docs-gm .docs-material .docs-save-indicator-popup-icon,
.docs-gm .docs-material .docs-save-indicator-popup-subtitle-icon {
height: 24px;
margin-right: 10px;
min-width: 24px
}
.docs-save-indicator-popup-subtitle {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 500
}
.docs-save-indicator-popup-text {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 16px;
max-width: fit-content;
padding: 0 0 12px
}
.docs-gm .docs-save-indicator-popup.jfk-bubble {
border: 0;
border-radius: 4px;
overflow: hidden;
padding: 0;
z-index: 903 !important
}
.docs-save-indicator-popup .docs-save-indicator-popup-button.docs-material-button-fill-primary.docs-material-button {
align-items: center;
display: flex;
height: 24px;
margin-bottom: 12px;
margin-left: 0;
padding: 0 12px;
text-transform: none;
width: fit-content
}
.docs-save-indicator-unsaved-changes .docs-save-indicator-popup-header {
background-color: #fce8e6
}
.docs-save-indicator-unsaved-changes .docs-save-indicator-popup-title {
color: #d93025
}
.docs-save-indicator-popup-button-container {
align-items: baseline;
display: flex
}
.docs-save-indicator-popup-shortcut {
color: #5f6368;
font-weight: bold;
font-size: 12px;
padding-left: 10px
}
.docs-save-indicator-popup.docs-save-indicator-unsaved-changes .docs-material-button.docs-save-indicator-popup-button {
background-color: #d93025;
color: white
}
.docs-save-indicator-popup.docs-save-indicator-unsaved-changes .docs-material-button.docs-save-indicator-popup-button.docs-material-button-hover,
.docs-save-indicator-popup.docs-save-indicator-unsaved-changes .docs-material-button.docs-save-indicator-popup-button.docs-material-button-focused {
background-color: #db4036;
box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.05)
}
.docs-save-indicator-popup.docs-save-indicator-unsaved-changes .docs-material-button.docs-save-indicator-popup-button.docs-material-button-active {
background-color: #e5716a
}
.docs-save-indicator-popup.docs-save-indicator-unsaved-changes .docs-material-button.docs-save-indicator-popup-button.docs-material-button-disabled {
background-color: #f1f3f4;
color: #3c4043
}
.encrypted-doc-toast.docs-ui-toast {
box-sizing: border-box;
display: inline-block;
min-width: 344px;
width: auto;
white-space: nowrap
}
.encrypted-doc-toast.docs-ui-toast .docs-ui-toast-content {
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.encrypted-doc-toast.docs-ui-toast .docs-ui-toast-control-bar {
display: none
}
.docs-companion-app-switcher-container {
background-color: white;
border-top: 1px solid #d9d9d9;
box-sizing: border-box;
height: calc(100% - 60px);
position: absolute;
right: 0;
top: 60px;
width: 56px;
z-index: 1
}
.docs-companion-app-switcher-container.docs-companion-app-switcher-container-collapsed {
width: 0;
z-index: 1001
}
.docs-material.docs-companion-app-switcher-container {
height: calc(100% - 64px);
top: 64px
}
.docs-material.docs-companion-app-switcher-container.docs-companion-app-switcher-container-collapsed {
width: 0
}
.docs-companion-app-switcher-container.docs-app-switcher-container-hidden {
display: none
}
.docs-companion-sidebar {
box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
height: 100%;
outline: none;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 300px;
z-index: 901
}
.goog-custom-button {
margin: 2px;
border: 0;
padding: 0;
font-family: Arial, sans-serif;
color: #000;
background: #ddd url(//ssl.gstatic.com/editor/button-bg.png) repeat-x top left;
text-decoration: none;
list-style: none;
vertical-align: middle;
cursor: default;
outline: none
}
.goog-custom-button-outer-box,
.goog-custom-button-inner-box {
border-style: solid;
border-color: #aaa;
vertical-align: top
}
.goog-custom-button-outer-box {
margin: 0;
border-width: 1px 0;
padding: 0
}
.goog-custom-button-inner-box {
margin: 0 -1px;
border-width: 0 1px;
padding: 3px 4px;
white-space: nowrap
}
* html .goog-custom-button-inner-box {
left: -1px
}
* html .goog-custom-button-rtl .goog-custom-button-outer-box {
left: -1px
}
* html .goog-custom-button-rtl .goog-custom-button-inner-box {
right: auto
}
*:first-child+html .goog-custom-button-inner-box {
left: -1px
}
*:first-child+html .goog-custom-button-rtl .goog-custom-button-inner-box {
left: 1px
}
::root .goog-custom-button,
::root .goog-custom-button-outer-box {
line-height: 0
}
::root .goog-custom-button-inner-box {
line-height: normal
}
.goog-custom-button-disabled {
background-image: none !important;
opacity: 0.3;
-moz-opacity: 0.3;
filter: alpha(opacity=30)
}
.goog-custom-button-disabled .goog-custom-button-outer-box,
.goog-custom-button-disabled .goog-custom-button-inner-box {
color: #333 !important;
border-color: #999 !important
}
* html .goog-custom-button-disabled {
margin: 2px 1px !important;
padding: 0 1px !important
}
*:first-child+html .goog-custom-button-disabled {
margin: 2px 1px !important;
padding: 0 1px !important
}
.goog-custom-button-hover .goog-custom-button-outer-box,
.goog-custom-button-hover .goog-custom-button-inner-box {
border-color: #9cf #69e #69e #7af !important
}
.goog-custom-button-active,
.goog-custom-button-checked {
background-color: #bbb;
background-position: bottom left
}
.goog-custom-button-focused .goog-custom-button-outer-box,
.goog-custom-button-focused .goog-custom-button-inner-box {
border-color: orange
}
.goog-custom-button-collapse-right,
.goog-custom-button-collapse-right .goog-custom-button-outer-box,
.goog-custom-button-collapse-right .goog-custom-button-inner-box {
margin-right: 0
}
.goog-custom-button-collapse-left,
.goog-custom-button-collapse-left .goog-custom-button-outer-box,
.goog-custom-button-collapse-left .goog-custom-button-inner-box {
margin-left: 0
}
.goog-custom-button-collapse-left .goog-custom-button-inner-box {
border-left: 1px solid #fff
}
.goog-custom-button-collapse-left.goog-custom-button-checked .goog-custom-button-inner-box {
border-left: 1px solid #ddd
}
* html .goog-custom-button-collapse-left .goog-custom-button-inner-box {
left: 0
}
*:first-child+html .goog-custom-button-collapse-left .goog-custom-button-inner-box {
left: 0
}
.goog-flat-button {
position: relative;
margin: 2px;
border: 1px solid #000;
padding: 2px 6px;
font: normal 13px "Trebuchet MS", Tahoma, Arial, sans-serif;
color: #fff;
background-color: #8c2425;
cursor: pointer;
outline: none
}
.goog-flat-button-disabled {
border-color: #888;
color: #888;
background-color: #ccc;
cursor: default
}
.goog-flat-button-hover {
border-color: #8c2425;
color: #8c2425;
background-color: #eaa4a5
}
.goog-flat-button-active,
.goog-flat-button-selected,
.goog-flat-button-checked {
border-color: #5b4169;
color: #5b4169;
background-color: #d1a8ea
}
.goog-flat-button-focused {
border-color: #5b4169
}
.goog-flat-button-collapse-right {
margin-right: 0
}
.goog-flat-button-collapse-left {
margin-left: 0;
border-left: none
}
.goog-button {
color: #036;
border-color: #036;
background-color: #69c
}
.goog-button-disabled {
border-color: #333;
color: #333;
background-color: #999
}
.goog-button-hover {
color: #369;
border-color: #369;
background-color: #9cf
}
.goog-button-active {
color: #69c;
border-color: #69c
}
.goog-clipboard {
width: 16px;
height: 16px;
background: url(//ssl.gstatic.com/docs/clipboard/icons3.png) no-repeat;
vertical-align: middle
}
.goog-cbi1 {
background-position: -16px
}
.goog-cbi2 {
background-position: -32px
}
.goog-cbi3 {
background-position: -48px
}
.goog-cbi4 {
background-position: -64px
}
.goog-cbi5 {
background-position: -80px
}
.goog-menu-button {
background: #ddd url(//ssl.gstatic.com/editor/button-bg.png) repeat-x top left;
border: 0;
color: #000;
cursor: pointer;
list-style: none;
margin: 2px;
outline: none;
padding: 0;
text-decoration: none;
vertical-align: middle
}
.goog-menu-button-outer-box,
.goog-menu-button-inner-box {
border-style: solid;
border-color: #aaa;
vertical-align: top
}
.goog-menu-button-outer-box {
margin: 0;
border-width: 1px 0;
padding: 0
}
.goog-menu-button-inner-box {
margin: 0 -1px;
border-width: 0 1px;
padding: 3px 4px
}
* html .goog-menu-button-inner-box {
left: -1px
}
* html .goog-menu-button-rtl .goog-menu-button-outer-box {
left: -1px;
right: auto
}
* html .goog-menu-button-rtl .goog-menu-button-inner-box {
right: auto
}
*:first-child+html .goog-menu-button-inner-box {
left: -1px
}
*:first-child+html .goog-menu-button-rtl .goog-menu-button-inner-box {
left: 1px;
right: auto
}
::root .goog-menu-button,
::root .goog-menu-button-outer-box,
::root .goog-menu-button-inner-box {
line-height: 0
}
::root .goog-menu-button-caption,
::root .goog-menu-button-dropdown {
line-height: normal
}
.goog-menu-button-disabled {
background-image: none !important;
opacity: 0.3;
-moz-opacity: 0.3;
filter: alpha(opacity=30)
}
.goog-menu-button-disabled .goog-menu-button-outer-box,
.goog-menu-button-disabled .goog-menu-button-inner-box,
.goog-menu-button-disabled .goog-menu-button-caption,
.goog-menu-button-disabled .goog-menu-button-dropdown {
color: #333 !important;
border-color: #999 !important
}
* html .goog-menu-button-disabled {
margin: 2px 1px !important;
padding: 0 1px !important
}
*:first-child+html .goog-menu-button-disabled {
margin: 2px 1px !important;
padding: 0 1px !important
}
.goog-menu-button-hover .goog-menu-button-outer-box,
.goog-menu-button-hover .goog-menu-button-inner-box {
border-color: #9cf #69e #69e #7af !important
}
.goog-menu-button-active,
.goog-menu-button-open {
background-color: #bbb;
background-position: bottom left
}
.goog-menu-button-focused .goog-menu-button-outer-box,
.goog-menu-button-focused .goog-menu-button-inner-box {
border-color: orange
}
.goog-menu-button-caption {
padding: 0 4px 0 0;
vertical-align: top
}
.goog-menu-button-dropdown {
height: 15px;
width: 7px;
background: url(//ssl.gstatic.com/editor/editortoolbar.png) no-repeat -388px 0;
vertical-align: top
}
.goog-menu-button-collapse-right,
.goog-menu-button-collapse-right .goog-menu-button-outer-box,
.goog-menu-button-collapse-right .goog-menu-button-inner-box {
margin-right: 0
}
.goog-menu-button-collapse-left,
.goog-menu-button-collapse-left .goog-menu-button-outer-box,
.goog-menu-button-collapse-left .goog-menu-button-inner-box {
margin-left: 0
}
.goog-menu-button-collapse-left .goog-menu-button-inner-box {
border-left: 1px solid #fff
}
.goog-menu-button-collapse-left.goog-menu-button-checked .goog-menu-button-inner-box {
border-left: 1px solid #ddd
}
.goog-submenu-arrow {
color: #000;
left: auto;
padding-right: 6px;
position: absolute;
right: 0;
text-align: right
}
.goog-menuitem-rtl .goog-submenu-arrow {
text-align: left;
left: 0;
right: auto;
padding-left: 6px
}
.goog-menuitem-disabled .goog-submenu-arrow {
color: #ccc
}
.docs-abuse-warning-banner-flex-wrap,
.docs-abuse-warning-banner-container {
align-items: center;
display: flex;
height: 40px;
outline: none;
overflow: hidden;
width: 100%
}
.docs-abuse-warning-banner-title {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: 500;
letter-spacing: 0.1px;
margin: 0 0 0 16px
}
.docs-abuse-warning-banner-message {
flex-grow: 1;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
letter-spacing: 0.2px;
margin: 0 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.docs-abuse-warning-banner-icon {
margin: 0 0 0 16px
}
.docs-abuse-warning-banner-buttons {
align-items: center;
display: flex
}
.docs-abuse-warning-banner-dismiss-button {}
.docs-abuse-warning-banner-dismiss-button-container .docs-material-button {}
.docs-abuse-warning-banner-container .docs-abuse-warning-banner-action-button {
align-self: center;
background-color: inherit;
border: none;
color: #202124;
display: flex;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
margin: 1px 0 0 0
}
.docs-abuse-warning-banner-action-button-container .docs-material-button {
text-transform: none
}
.docs-abuse-warning-banner-action-button-container .docs-material-button-focused {
line-height: 32px;
padding: 0 8px
}
.docs-abuse-abusive-file-warning-banner-container,
.docs-abuse-abusive-file-warning-banner-container .docs-abuse-warning-banner-flex-wrap {
background-color: #fbbc04
}
.docs-abuse-abusive-file-warning-banner-learn-more-button-container {}
.docs-abuse-abusive-file-warning-banner-learn-more-button {}
.docs-abuse-abusive-file-warning-banner-request-review-button-container {}
.docs-abuse-abusive-file-warning-banner-request-review-button {}
.docs-abuse-out-of-domain-warning-banner-container,
.docs-abuse-out-of-domain-warning-banner-container .docs-abuse-warning-banner-flex-wrap {
background-color: #fef7e0
}
.docs-abuse-out-of-domain-warning-banner-report-abuse-button-container {}
.docs-abuse-out-of-domain-warning-banner-report-abuse-button {}
.docs-abuse-warning-banner-not-spam-button-container .docs-abuse-warning-banner-not-spam-button {
border: 1px solid #202124;
border-radius: 100px;
padding: 0 24px 0
}
.docs-abuse-warning-banner-not-spam-button {}
.docs-abuse-warning-banner-remove-forever-button-container {}
.docs-abuse-warning-banner-remove-forever-button {}
.docs-abuse-abusive-file-confirmed-spam-warning-banner-container,
.docs-abuse-abusive-file-confirmed-spam-warning-banner-container .docs-abuse-warning-banner-flex-wrap {
background-color: #b3261e;
color: #fff
}
.docs-abuse-abusive-file-confirmed-spam-warning-banner-container .docs-abuse-warning-banner-not-spam-button-container .docs-abuse-warning-banner-not-spam-button {
border: 1px solid #202124;
border-radius: 100px;
padding: 0 24px 0;
color: #fff;
border-color: #fff
}
.a11y-settings-dialog {
min-width: 464px
}
.a11y-settings-dialog ul,
.a11y-settings-dialog li {
list-style: none;
padding: 0;
margin: 0
}
.a11y-settings-dialog .a11y-settings-dialog-indent-group {
margin-left: 30px
}
.a11y-settings-dialog .a11y-settings-dialog-additional-link {
margin-top: 8px
}
.a11y-settings-dialog .a11y-settings-dialog-description-text {
margin-right: 2px
}
.a11y-settings-dialog .a11y-settings-dialog-restore-braille {
color: #3c4043
}
.a11y-settings-dialog a,
.a11y-settings-dialog a:hover,
.a11y-settings-dialog a:visited,
.a11y-settings-dialog a:focus,
.a11y-settings-dialog a:active {
color: #1a73e8
}
.a11y-settings-dialog .docs-material-gm-labeled-checkbox-description a {
padding: 3px 0
}
.a11y-settings-dialog a .docs-icon {
pointer-events: none
}
.a11y-settings-dialog .docs-material-gm-dialog-buttons {
padding-top: 0
}
.exportDriveElementsThemeRoot {
--dtx-state-hover: rgba(95, 99, 104, .8);
--dtx-state-focus: rgba(95, 99, 104, .12);
--dtx-state-press: rgba(95, 99, 104, .12);
--dtx-drop-target: rgba(194, 231, 255, .4)
}
.modeElementsDark {
--dtx-drop-target: rgba(171, 171, 171, .4)
}
.modeElementsGm2.modeElementsDark {
--dtx-state-hover: rgba(255, 255, 255, .12);
--dtx-state-focus: rgba(255, 255, 255, .12);
--dtx-state-press: rgba(255, 255, 255, .26)
}
.modeElementsGm2.modeElementsLight {
--dtx-state-hover: rgba(0, 0, 0, .12);
--dtx-state-focus: rgba(0, 0, 0, .12);
--dtx-state-press: rgba(0, 0, 0, .26)
}
.activity-deck,
.activity-deck-events-view {
height: 100%
}
.activity-list-container {
background-color: var(--dt-background, #fff);
font-family: Roboto, arial, sans-serif;
font-size: 13px;
height: 100%;
position: relative
}
.activity-list {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
overflow-y: scroll;
position: relative;
z-index: 0
}
.activity-refresh-header {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #eee;
height: 0;
overflow: hidden;
padding-right: 16px;
position: absolute;
top: 0;
width: 100%;
z-index: 2
}
.activity-refresh-header .goog-inline-block.goog-flat-button {
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: var(--dt-background, #fff);
color: #15c;
cursor: pointer;
height: 35px;
line-height: 35px;
text-align: center;
width: 100%
}
.activity-list-static-header {
box-sizing: border-box;
left: 0;
overflow: hidden;
padding-bottom: 12px;
position: absolute;
right: 16px;
top: 0;
width: auto;
z-index: 1
}
.activity-list-loading {
font-size: 14px;
font-weight: normal;
margin-top: 16px;
text-align: center;
width: 100%
}
.activity-list-loading .drive-white-circle {
display: none
}
.activity-list-loading-more.activity-list-loading {
font-size: 12px;
font-weight: normal;
margin-top: 0;
padding-bottom: 8px
}
.activity-list-loading-more.activity-list-loading .activity-list-loading-icon,
.activity-list-loading-more.activity-list-loading .activity-list-loading-icon img,
.activity-list-loading-more.activity-list-loading .activity-list-loading-message {
display: inline-block;
vertical-align: middle
}
.activity-list-loading-more.activity-list-loading .activity-list-loading-message {
margin-left: 8px;
padding-left: 14px;
padding-top: 6px
}
.activity-list-no-activity {
font-size: 13px;
margin-top: 16px;
text-align: center;
width: 100%
}
.activity-event.activity-event-new {
background-color: #ffffd6
}
.activity-event.activity-event-background-transition {
-webkit-transition: background-color 1000ms ease-in;
-moz-transition: background-color 1000ms ease-in;
-o-transition: background-color 1000ms ease-in;
transition: background-color 1000ms ease-in
}
.activity-list-no-more-events-icon {
display: inline-block;
margin-bottom: 10px
}
.activity-event {
background-color: var(--dt-background, #fff);
border-bottom: 1px solid var(--dt-inverse-on-surface, rgb(218, 220, 224));
margin: 0 0 12px;
padding: 0 0 12px;
position: relative;
width: 100%
}
.activity-event>div:first-child {
line-height: 20px;
padding: 16px 0
}
.activity-event-action-icon {
height: 16px;
padding: 8px 4px;
position: absolute;
width: 16px
}
.activity-event-available-action {
border-top: 1px solid var(--dt-surface-variant, rgb(241, 243, 244));
margin-left: 24px;
margin-top: 16px;
padding-top: 16px
}
.activity-event-action-text {
font-weight: 500;
text-transform: uppercase
}
.activity-event-action-text-active {
margin-left: 32px;
padding: 8px 0
}
.activity-event-action-text-used {
padding: 8px 4px
}
.activity-list-error,
.activity-list-no-more-events.activity-list-no-events {
margin-bottom: 20px;
margin-top: 10px;
text-align: center
}
.activity-list-error-icon {
display: inline-block;
height: 24px;
margin-bottom: -5px;
margin-right: 20px;
position: relative;
width: 24px
}
.activity-list-error-icon svg {
bottom: 0;
position: absolute
}
.activity-list-events {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text
}
.activity-list-no-more-events {
color: var(--dt-on-surface-variant, rgb(95, 99, 104));
padding: 0 24px 0 16px;
text-align: left
}
.activity-list-no-more-events-text {
color: var(--dt-on-surface-variant, rgb(95, 99, 104));
font-size: 13px;
font-weight: normal;
margin-bottom: 0
}
.activity-list-no-more-events-description,
.activity-list-no-more-events-learn-more {
line-height: 20px;
margin: 0;
padding: 14px 0
}
.activity-decorated-link {
color: #15c;
cursor: pointer;
outline: none;
text-decoration: none
}
.activity-decorated-link:focus,
.activity-decorated-link:hover {
text-decoration: underline
}
.activity-decorated-link:active {
color: #d14836
}
.activity-list-error-try-again {
color: #15c;
cursor: pointer;
outline: none;
text-decoration: none
}
.activity-list-error-try-again:focus,
.activity-list-error-try-again:hover,
.activity-list-error-try-again .goog-flat-button-hover,
.activity-list-error-try-again .goog-flat-button-focus {
text-decoration: underline
}
.activity-list-error-try-again:active {
color: #d14836
}
.activity-list-show-more,
.activity-paging-footer-show-more .goog-flat-button {
display: block;
height: 0;
margin: 0 5px;
overflow: hidden
}
.activity-event-focus {
outline: 1px solid var(--dt-primary, rgb(26, 115, 232))
}
.activity-hideable-focus-hidden .activity-event.activity-event-focus {
outline: none
}
.activity-event-person {
height: 40px;
left: 16px;
position: absolute;
width: 40px
}
.activity-event-person img {
border-radius: 50%;
height: 100%;
width: 100%
}
.activity-event-background svg {
border-radius: 50%;
height: 40px;
width: 40px
}
.activity-event-person-overlay {
left: 0;
position: absolute;
right: 0;
top: 0
}
.activity-event-admin-icon svg {
opacity: 0.5
}
.activity-event-person-icon svg {
margin-top: 9px
}
.activity-event-admin-icon.activity-event-person-icon svg {
margin-top: 7px
}
.activity-event-drive-icon svg {
margin-top: 8px
}
.activity-event-person .activity-event-person-icon-container {
border-radius: 50%;
height: 40px;
overflow: hidden;
text-align: center;
width: 40px
}
.activity-event-admin-icon-container {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 2px solid rgba(0, 0, 0, 0.2)
}
.activity-event-person-icon-text {
color: var(--dt-background, #fff);
font-size: 16px;
line-height: 40px;
vertical-align: middle
}
.activity-event-header {
margin-left: 56px;
padding: 0 24px 0 16px
}
.activity-event-details-header {
color: var(--dt-on-surface-variant, rgb(95, 99, 104));
font-size: 13px;
width: auto
}
.activity-event-details-container {
color: var(--dt-on-surface-variant, rgb(95, 99, 104));
font-size: 13px;
font-weight: 500;
margin-top: 4px
}
.activity-event-target-list {
padding-left: 72px
}
.activity-event-file-approval,
.activity-event-people-names {
color: var(--dt-on-surface, rgb(60, 64, 67));
font-weight: 500
}
.activity-event-approval-status {
margin-top: 4px;
font-weight: 500
}
.activity-event-approval-approved {
color: rgb(52, 168, 83)
}
.activity-event-approval-rejected {
color: rgb(234, 67, 53)
}
.activity-event-action {
font-weight: normal
}
.activity-event-action::before {
content: " "
}
.activity-event-target-number {
font-weight: bold
}
.activity-event-copy-action {
font-weight: bold
}
.activity-event-target-icon {
height: 16px;
position: absolute;
width: 24px
}
.activity-event-target:first-child {
border-top: none
}
.activity-event-target-icon .drive-shortcut-icon {
bottom: 2px;
left: -4px;
position: absolute
}
.activity-event-target {
position: relative
}
.activity-event-single-target {
margin-left: 72px
}
.activity-event-section-heading {
color: var(--dt-on-surface, rgb(60, 64, 67));
font-weight: 500;
margin-bottom: 5px;
margin-left: 72px;
margin-top: 10px
}
.activity-event-parent {
border-bottom: 1px solid var(--dt-surface-variant, rgb(241, 243, 244));
margin-left: 72px
}
.activity-event-target-details {
margin-left: 32px
}
.activity-event-target-details.activity-event-locatable-target {
margin-right: 24px
}
.activity-event-target-name {
font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.activity-list-hidden-text {
height: 0;
overflow: hidden;
white-space: nowrap;
width: 0
}
.activity-event-target:hover,
.activity-event-target:active,
.activity-event-target:focus {
background-color: var(--dt-background, #fff)
}
.activity-event-target-name.activity-event-openable-target:hover,
.activity-event-target-name.activity-event-openable-target:active,
.activity-event-target-name.activity-event-openable-target:focus,
.activity-event-target-name .activity-event-openable-target:hover,
.activity-event-target-name .activity-event-openable-target:active,
.activity-event-target-name .activity-event-openable-target:focus {
color: var(--dt-on-surface-variant, rgb(95, 99, 104));
cursor: pointer;
outline: none;
text-decoration: underline
}
.activity-event-scopes-show-more-button,
.activity-event-scopes-show-less-button {
display: flex;
margin-left: 24px
}
.activity-event-other-show-more-button,
.activity-event-other-show-less-button {
display: flex
}
.activity-event-show-more-button,
.activity-event-show-less-button {
display: flex;
margin-left: 6px
}
.activity-event-mpmigration-replaced .activity-event-show-more-button,
.activity-event-mpmigration-replaced .activity-event-show-less-button {
margin-left: 72px
}
.activity-event-toggle-button {
border: 1px solid transparent;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
color: var(--dt-primary, rgb(26, 115, 232));
cursor: pointer;
font-family: Google Sans, QUANTUM_FONT_FAMILY;
font-size: 13px;
font-weight: 500;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
outline: none;
margin-top: 4px;
padding: 9px 24px 11px 24px
}
.activity-event-toggle-button-hover {
background-color: rgba(66, 133, 244, .04)
}
.activity-event-toggle-button-focused {
background-color: var(--dt-primary-container, rgb(232, 240, 254))
}
.activity-event-toggle-button-hover.activity-event-toggle-button-focused {
background-color: rgba(66, 133, 244, 0.16)
}
.activity-event-toggle-button-active {
background-color: rgba(66, 133, 244, 0.16);
box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.30), 0 1px 3px 1px rgba(60, 64, 67, 0.15)
}
.activity-event-focus .activity-event-toggle-button .activity-event-toggle-button-icon,
.activity-event:hover .activity-event-toggle-button .activity-event-toggle-button-icon {
visibility: visible
}
.activity-event:hover .activity-event-toggle-button {
cursor: pointer
}
.activity-event-children {
margin-left: 24px
}
.activity-event-target-icon,
.activity-event-target-details {
padding: 7px 0 6px
}
.activity-event-target-icon-img {
max-height: 16px;
max-width: 16px;
padding: 0 4px
}
.activity-event-section-title {
background-color: var(--dt-background, #fff);
border-bottom: 1px solid var(--dt-inverse-on-surface, rgb(218, 220, 224));
color: var(--dt-on-surface-variant, rgb(95, 99, 104));
font-size: 13px;
font-weight: 500;
line-height: 48px;
margin: 0;
padding: 0 24px 0 16px;
position: relative;
transition: box-shadow 267ms cubic-bezier(0.4, 0, 0.2, 1)
}
.activity-event-annotation {
color: var(--dt-on-surface-variant, rgb(95, 99, 104));
display: inline;
float: right;
font-size: 12px;
font-weight: normal;
padding-right: 16px;
padding-top: 0;
position: relative
}
.activity-event-source {
display: inline-block;
max-width: 136px;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: top;
white-space: nowrap
}
.activity-event-info {
color: var(--dt-on-surface-variant, rgb(95, 99, 104));
padding-bottom: 12px
}
.activity-event-timestamp {
padding: 0 16px 0 16px;
display: inline;
text-transform: capitalize
}
.activity-event-target-parent {
color: #bababa;
font-size: 13px
}
.activity-event-target-parent.activity-event-openable-target:hover,
.activity-event-target-parent.activity-event-openable-target:active,
.activity-event-target-parent.activity-event-openable-target:focus {
color: #00992c;
cursor: pointer;
outline: none
}
.activity-event-locate {
height: 32px;
outline: none;
position: absolute;
right: 3px;
top: 0;
width: 24px
}
.activity-event-locate svg {
filter: alpha(opacity=0);
opacity: 0;
margin-left: 2px;
margin-top: 5px
}
.activity-event-locate:hover,
.activity-event-locate:active,
.activity-event-locate:focus,
.activity-event-target:hover .activity-event-locate:hover,
.activity-event-target:active .activity-event-locate:active,
.activity-event-target:focus .activity-event-locate:focus {
cursor: pointer
}
.activity-event-locate:hover svg,
.activity-event-locate:active svg,
.activity-event-locate:focus svg,
.activity-event-target:hover .activity-event-locate:hover svg,
.activity-event-target:active .activity-event-locate:active svg,
.activity-event-target:focus .activity-event-locate:focus svg {
filter: alpha(opacity=72);
opacity: .72;
cursor: pointer
}
.activity-event-target:hover .activity-event-locate svg,
.activity-event-target:active .activity-event-locate svg,
.activity-event-target:focus .activity-event-locate svg {
filter: alpha(opacity=55);
opacity: .55
}
.activity-event-user-deletion-overlay svg {
margin-top: 4px
}
.activity-list .drive-spinner {
height: 40px
}
.activity-event-tab-target {}
.activity-event-section-content {}
.activity-entry-empty-trash-targets .activity-event-target-name {
text-decoration: line-through
}
.activity-event-rename-old-title {
color: var(--dt-on-surface-variant, rgb(95, 99, 104));
margin-top: 8px;
overflow: hidden;
text-decoration: line-through;
text-overflow: ellipsis;
white-space: nowrap
}
.activity-event-scope-change-detail.activity-event-scope-change-detail-first {
border-top: none
}
.activity-event-scope-change-detail {
position: relative;
padding: 2px 0
}
.activity-event-scope-icon {
border-radius: 50%;
display: inline-block;
overflow: hidden;
padding: 0;
position: relative;
vertical-align: middle;
z-index: 1
}
.activity-event-scope-icon img {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
height: 24px;
vertical-align: middle;
width: 24px
}
.activity-event-scope-icon-container .activity-event-scope-svg-icon {
left: 2px;
position: absolute;
top: 2px
}
.activity-event-scope-background svg {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
height: 24px;
width: 24px
}
.activity-event-scope-icon .activity-event-scope-icon-container {
height: 24px;
text-align: center;
width: 24px
}
.activity-event-scope-icon-text {
color: var(--dt-background, #fff);
height: 24px;
left: 0;
line-height: 24px;
position: absolute;
top: 0;
width: 24px
}
.activity-event-scope-element {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: lighter;
padding-left: 48px;
width: 100%
}
.activity-event-scope-element-access {
color: var(--dt-on-surface-variant, rgb(95, 99, 104));
font-size: 13px;
float: right;
padding-left: 8px
}
.activity-event-scope-element-text {
color: var(--dt-on-surface-variant, rgb(95, 99, 104));
font-weight: 500
}
.activity-event-scope-detail-unshared .activity-event-scope-element-text,
.activity-event-scope-detail-unshared .activity-event-scope-detail-ba-display-name {
text-decoration: line-through
}
.activity-event-scope-detail-icon-container {
display: inline-block;
line-height: normal;
vertical-align: middle;
width: 0
}
.activity-event-scope-detail-unshared {
filter: alpha(opacity=50);
opacity: 0.5
}
.activity-event-scope-detail-content-container {
display: inline-block;
line-height: normal;
vertical-align: middle;
width: 100%
}
.activity-event-scopes-list {
margin-top: 12px;
position: relative;
padding: 0 24px
}
.activity-event-scope-detail-ba-container {
display: inline-block;
margin-left: 48px;
vertical-align: middle
}
.activity-event-scope-detail-ba-display-name {
color: var(--dt-on-surface, rgb(60, 64, 67));
font-weight: 500
}
.activity-event-scope-detail-ba-subtext {
color: var(--dt-on-surface-variant, rgb(95, 99, 104));
font-size: 13px
}
.activity-team-drive-setting-events {
padding-top: 10px
}
.activity-team-drive-setting-detail {
display: flex;
padding-left: 35px
}
.activity-team-drive-setting-detail:not(:last-child) {
padding-bottom: 10px
}
.activity-team-drive-setting-description {
display: inline-block;
font-weight: normal;
padding-left: 20px
}
.docs-tabbar {
clear: left;
display: flex;
flex-direction: row;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
float: left;
-webkit-justify-content: left;
justify-content: left;
outline: none
}
.docs-tabbar-tab {
-ms-flex-align: center;
-moz-box-align: center;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
border-bottom: 2px solid transparent;
border-top: 2px solid transparent;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
display: flex;
height: 48px;
box-pack: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
max-width: 264px;
min-width: 72px;
padding: 0px 24px
}
.docs-tabbar-tab-selected {
border-bottom: 2px solid #fff
}
.docs-hc-gecko.docs-tabbar-tab.docs-tabbar-tab-selected .docs-tabbar-tablabel {
border-bottom: 2px solid #fff;
padding-bottom: 0px
}
.docs-hc-gecko.docs-tabbar-tab .docs-tabbar-tablabel {
padding-bottom: 2px
}
.docs-tabbar-focused .docs-tabbar-tab-selected {
background: rgba(255, 255, 255, 0.12)
}
.docs-tabbar-mouseactive .docs-tabbar-tab {
background: transparent
}
.docs-tabbar .docs-tabbar-tab-active {
background: rgba(255, 255, 255, 0.25)
}
.docs-tabbar-tablabel {
color: rgba(255, 255, 255, 0.7);
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
text-transform: uppercase;
white-space: nowrap
}
.docs-tabbar-tab-selected .docs-tabbar-tablabel {
color: #fff
}
div.docs-material-gm-checkbox,
span.docs-material-gm-checkbox {
border: 2px solid #5f6368;
border-radius: 2px;
box-sizing: border-box;
cursor: pointer;
height: 18px;
margin: 1px;
outline: none;
flex-shrink: 0;
top: 4px;
width: 18px;
display: inline-block;
vertical-align: middle
}
div.docs-material-gm-checkbox-checked,
span.docs-material-gm-checkbox-checked,
div.docs-material-gm-checkbox-undetermined,
span.docs-material-gm-checkbox-undetermined {
background-color: #137333;
border: 2px solid #137333
}
div.docs-material-gm-checkbox-checked:before,
span.docs-material-gm-checkbox-checked:before {
content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWluIG1lZXQiPjxwYXRoIGQ9Ik0uMDQuNjI3LjE0Ni41Mi40My44MDQuMzIzLjkxem0uMTc3LjE3N0wuODU0LjE2Ny45Ni4yNzMuMzIzLjkxeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==');
display: block;
line-height: 15px
}
@media screen and (forced-colors:active) {
div.docs-material-gm-checkbox-checked:before,
span.docs-material-gm-checkbox-checked:before {
content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWluIG1lZXQiPjxwYXRoIGQ9Ik0uMDQuNjI3LjE0Ni41Mi40My44MDQuMzIzLjkxem0uMTc3LjE3N0wuODU0LjE2Ny45Ni4yNzMuMzIzLjkxeiIgZmlsbD0iQ2FudmFzVGV4dCIvPjwvc3ZnPg==')
}
}
div.docs-material-gm-checkbox-undetermined:before,
span.docs-material-gm-checkbox-undetermined:before {
border-top: 2px solid white;
content: '';
display: block;
height: 0;
margin-left: 3px;
margin-top: 6px;
width: 8px
}
div.docs-material-gm-checkbox-focused,
span.docs-material-gm-checkbox-focused {
border: 2px solid #137333
}
div.docs-material-gm-checkbox-disabled,
span.docs-material-gm-checkbox-disabled {
cursor: default;
opacity: .38
}
div.docs-material-gm-checkbox-disabled.docs-material-gm-checkbox-checked,
span.docs-material-gm-checkbox-disabled.docs-material-gm-checkbox-checked {
background-clip: padding-box;
background-color: #5f6368;
border-color: #5f6368;
opacity: .38
}
div.docs-material-gm-checkbox-checked.docs-material-gm-checkbox-focused,
span.docs-material-gm-checkbox-checked.docs-material-gm-checkbox-focused {
background-color: #137333;
border: 2px solid #137333
}
div.docs-material-gm-checkbox-disabled.docs-material-gm-checkbox-undetermined,
span.docs-material-gm-checkbox-disabled.docs-material-gm-checkbox-undetermined {
background-clip: padding-box;
background-color: #5f6368;
border-color: #5f6368;
opacity: .38
}
@media screen and (forced-colors:active) {
.docs-material-gm-checkbox-focused .docs-material-gm-checkbox-circle,
.docs-material-gm-checkbox-active .docs-material-gm-checkbox-circle {
background-color: Highlight;
opacity: 0.38;
z-index: -1
}
div.docs-material-gm-checkbox-disabled,
span.docs-material-gm-checkbox-disabled {
border-color: GrayText;
opacity: 1
}
div.docs-material-gm-checkbox-disabled.docs-material-gm-checkbox-checked,
span.docs-material-gm-checkbox-disabled.docs-material-gm-checkbox-checked {
border-color: GrayText;
opacity: 1
}
}
.docs-material-gm-labeled-checkbox {
align-items: flex-start;
cursor: pointer;
display: flex;
max-width: 672px;
outline: none;
padding: 8px 0;
width: 100%
}
.docs-material-gm-labeled-checkbox.docs-material-gm-labeled-checkbox-disabled {
cursor: default
}
.docs-material-gm-labeled-checkbox-content {
flex-shrink: 1;
margin-left: 12px
}
.docs-material-gm-labeled-checkbox-circle {
width: 40px;
height: 40px;
border-radius: 50%;
cursor: pointer;
margin-left: -10px;
margin-top: -10px;
position: absolute
}
.docs-material-gm-labeled-checkbox-disabled .docs-material-gm-labeled-checkbox-circle {
cursor: default
}
.docs-material-gm-labeled-checkbox-checkbox {
border: 2px solid #5f6368;
border-radius: 2px;
box-sizing: border-box;
cursor: pointer;
height: 18px;
margin: 1px;
outline: none;
flex-shrink: 0;
top: 4px;
width: 18px
}
.docs-material-gm-labeled-checkbox-checkbox.docs-material-gm-labeled-checkbox-checked,
.docs-material-gm-labeled-checkbox-checkbox.docs-material-gm-labeled-checkbox-undetermined {
background-color: #137333;
border: 2px solid #137333
}
.docs-material-gm-labeled-checkbox-checkbox.docs-material-gm-labeled-checkbox-checked:before {
content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWluIG1lZXQiPjxwYXRoIGQ9Ik0uMDQuNjI3LjE0Ni41Mi40My44MDQuMzIzLjkxem0uMTc3LjE3N0wuODU0LjE2Ny45Ni4yNzMuMzIzLjkxeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==');
display: block;
line-height: 15px
}
@media screen and (forced-colors:active) {
.docs-material-gm-labeled-checkbox-checkbox.docs-material-gm-labeled-checkbox-checked:before {
content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWluIG1lZXQiPjxwYXRoIGQ9Ik0uMDQuNjI3LjE0Ni41Mi40My44MDQuMzIzLjkxem0uMTc3LjE3N0wuODU0LjE2Ny45Ni4yNzMuMzIzLjkxeiIgZmlsbD0iQ2FudmFzVGV4dCIvPjwvc3ZnPg==')
}
}
.docs-material-gm-labeled-checkbox-checkbox.docs-material-gm-labeled-checkbox-undetermined:before {
border-top: 2px solid white;
content: '';
display: block;
height: 0;
margin-left: 3px;
margin-top: 6px;
width: 8px
}
.docs-material-gm-labeled-checkbox-disabled .docs-material-gm-labeled-checkbox-checkbox {
cursor: default;
opacity: .38
}
.docs-material-gm-labeled-checkbox-hover .docs-material-gm-labeled-checkbox-circle {
background-color: #5f6368;
opacity: .04
}
.docs-material-gm-labeled-checkbox-focused .docs-material-gm-labeled-checkbox-circle {
background-color: #5f6368;
opacity: .06
}
.docs-material-gm-labeled-checkbox-active .docs-material-gm-labeled-checkbox-circle {
background-color: #5f6368;
opacity: .1
}
.docs-material-gm-labeled-checkbox-disabled .docs-material-gm-labeled-checkbox-checkbox.docs-material-gm-labeled-checkbox-checked {
background-clip: padding-box;
background-color: #5f6368;
border-color: #5f6368;
opacity: .38
}
.docs-material-gm-labeled-checkbox-disabled .docs-material-gm-labeled-checkbox-checkbox.docs-material-gm-labeled-checkbox-undetermined {
background-clip: padding-box;
background-color: #5f6368;
border-color: #5f6368;
opacity: .38
}
.docs-material-gm-labeled-checkbox-hover .docs-material-gm-labeled-checkbox-checked+.docs-material-gm-labeled-checkbox-circle {
background-color: #137333;
opacity: .04
}
.docs-material-gm-labeled-checkbox-focused .docs-material-gm-labeled-checkbox-checked+.docs-material-gm-labeled-checkbox-circle {
background-color: #137333;
opacity: .06
}
.docs-material-gm-labeled-checkbox-active .docs-material-gm-labeled-checkbox-checked+.docs-material-gm-labeled-checkbox-circle {
background-color: #137333;
opacity: .1
}
.docs-material-gm-labeled-checkbox .docs-material-gm-labeled-checkbox-label {
color: #3c4043;
cursor: pointer;
display: block;
font: 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
line-height: 16px;
overflow-wrap: break-word;
padding: 3px 0;
width: auto;
word-wrap: break-word
}
.docs-material-gm-labeled-checkbox.docs-material-gm-labeled-checkbox-disabled .docs-material-gm-labeled-checkbox-label {
cursor: default;
opacity: .38
}
.docs-material-gm-labeled-checkbox .docs-material-gm-labeled-checkbox-description {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
padding: 1px 0;
width: 100%
}
.docs-material-gm-labeled-checkbox.docs-material-gm-labeled-checkbox-disabled .docs-material-gm-labeled-checkbox-description {
opacity: .38
}
.docs-material-gm-labeled-checkbox .docs-material-gm-labeled-checkbox-description-hide {
display: none
}
@media screen and (forced-colors:active) {
.docs-material-gm-labeled-checkbox-focused .docs-material-gm-labeled-checkbox-circle,
.docs-material-gm-labeled-checkbox-active .docs-material-gm-labeled-checkbox-circle,
.docs-material-gm-labeled-checkbox-focused .docs-material-gm-labeled-checkbox-checked+.docs-material-gm-labeled-checkbox-circle,
.docs-material-gm-labeled-checkbox-active .docs-material-gm-labeled-checkbox-checked+.docs-material-gm-labeled-checkbox-circle {
background-color: Highlight;
opacity: 0.38;
z-index: -1
}
.docs-material-gm-labeled-checkbox-disabled .docs-material-gm-labeled-checkbox-checkbox {
border-color: GrayText;
opacity: 1
}
.docs-material-gm-labeled-checkbox-disabled .docs-material-gm-labeled-checkbox-checkbox.docs-material-gm-labeled-checkbox-checked {
border-color: GrayText;
opacity: 1
}
.docs-material-gm-labeled-checkbox.docs-material-gm-labeled-checkbox-disabled .docs-material-gm-labeled-checkbox-label,
.docs-material-gm-labeled-checkbox.docs-material-gm-labeled-checkbox-disabled .docs-material-gm-labeled-checkbox-description {
color: GrayText;
opacity: 1
}
}
.docs-material-gm-unlabeled-checkbox {
align-items: flex-start;
cursor: pointer;
display: flex;
max-width: 672px;
outline: none;
padding: 8px 0;
width: 100%
}
.docs-material-gm-unlabeled-checkbox.docs-material-gm-unlabeled-checkbox-disabled {
cursor: default
}
.docs-material-gm-unlabeled-checkbox-circle {
width: 40px;
height: 40px;
border-radius: 50%;
cursor: pointer;
margin-left: -10px;
margin-top: -10px;
position: absolute
}
.docs-material-gm-unlabeled-checkbox-disabled .docs-material-gm-unlabeled-checkbox-circle {
cursor: default
}
.docs-material-gm-unlabeled-checkbox-checkbox {
border: 2px solid #5f6368;
border-radius: 2px;
box-sizing: border-box;
cursor: pointer;
height: 18px;
margin: 1px;
outline: none;
flex-shrink: 0;
top: 4px;
width: 18px
}
.docs-material-gm-unlabeled-checkbox-checked .docs-material-gm-unlabeled-checkbox-checkbox,
.docs-material-gm-unlabeled-checkbox-undetermined .docs-material-gm-unlabeled-checkbox-checkbox {
background-color: #137333;
border: 2px solid #137333
}
.docs-material-gm-unlabeled-checkbox-checked .docs-material-gm-unlabeled-checkbox-checkbox:before {
content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWluIG1lZXQiPjxwYXRoIGQ9Ik0uMDQuNjI3LjE0Ni41Mi40My44MDQuMzIzLjkxem0uMTc3LjE3N0wuODU0LjE2Ny45Ni4yNzMuMzIzLjkxeiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==');
display: block;
line-height: 15px
}
.docs-material-gm-unlabeled-checkbox-undetermined .docs-material-gm-unlabeled-checkbox-checkbox:before {
border-top: 2px solid white;
content: '';
display: block;
height: 0;
margin-left: 3px;
margin-top: 6px;
width: 8px
}
.docs-material-gm-unlabeled-checkbox-disabled .docs-material-gm-unlabeled-checkbox-checkbox {
cursor: default;
opacity: .38
}
.docs-material-gm-unlabeled-checkbox-hover .docs-material-gm-unlabeled-checkbox-circle {
background-color: #5f6368;
opacity: .04
}
.docs-material-gm-unlabeled-checkbox-focused .docs-material-gm-unlabeled-checkbox-circle {
background-color: #5f6368;
opacity: .06
}
.docs-material-gm-unlabeled-checkbox-active .docs-material-gm-unlabeled-checkbox-circle {
background-color: #5f6368;
opacity: .1
}
.docs-material-gm-unlabeled-checkbox-disabled.docs-material-gm-unlabeled-checkbox-checked .docs-material-gm-unlabeled-checkbox-checkbox {
background-clip: padding-box;
background-color: #5f6368;
border-color: #5f6368;
opacity: .38
}
.docs-material-gm-unlabeled-checkbox-disabled.docs-material-gm-unlabeled-checkbox-undetermined .docs-material-gm-unlabeled-checkbox-checkbox {
background-clip: padding-box;
background-color: #5f6368;
border-color: #5f6368;
opacity: .38
}
.docs-material-gm-unlabeled-checkbox-hover.docs-material-gm-unlabeled-checkbox-checked .docs-material-gm-unlabeled-checkbox-circle {
background-color: #137333;
opacity: .04
}
.docs-material-gm-unlabeled-checkbox-focused.docs-material-gm-unlabeled-checkbox-checked .docs-material-gm-unlabeled-checkbox-circle {
background-color: #137333;
opacity: .06
}
.docs-material-gm-unlabeled-checkbox-active.docs-material-gm-unlabeled-checkbox-checked .docs-material-gm-unlabeled-checkbox-circle {
background-color: #137333;
opacity: .1
}
@media screen and (forced-colors:active) {
.docs-material-gm-unlabeled-checkbox-checked .docs-material-gm-unlabeled-checkbox-checkbox:before {
content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaW5ZTWluIG1lZXQiPjxwYXRoIGQ9Ik0uMDQuNjI3LjE0Ni41Mi40My44MDQuMzIzLjkxem0uMTc3LjE3N0wuODU0LjE2Ny45Ni4yNzMuMzIzLjkxeiIgZmlsbD0iQ2FudmFzVGV4dCIvPjwvc3ZnPg==')
}
.docs-material-gm-unlabeled-checkbox-focused .docs-material-gm-unlabeled-checkbox-circle,
.docs-material-gm-unlabeled-checkbox-active .docs-material-gm-unlabeled-checkbox-circle {
background-color: Highlight;
opacity: 0.38;
z-index: -1
}
.docs-material-gm-unlabeled-checkbox-disabled .docs-material-gm-unlabeled-checkbox-checkbox {
border-color: GrayText;
opacity: 1
}
.docs-material-gm-unlabeled-checkbox-disabled.docs-material-gm-unlabeled-checkbox-checked .docs-material-gm-unlabeled-checkbox-checkbox,
.docs-material-gm-unlabeled-checkbox-disabled.docs-material-gm-unlabeled-checkbox-undetermined .docs-material-gm-unlabeled-checkbox-checkbox {
border-color: GrayText;
opacity: 1
}
}
.goog-menu {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-webkit-transition: opacity 0.218s;
-moz-transition: opacity 0.218s;
-o-transition: opacity 0.218s;
transition: opacity 0.218s;
background: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .2);
cursor: default;
font-size: 13px;
margin: 0;
outline: none;
padding: 6px 0;
position: absolute
}
.goog-flat-menu-button {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #f5f5f5;
background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
border: 1px solid #dcdcdc;
color: #333;
cursor: default;
font-size: 11px;
font-weight: bold;
line-height: 27px;
list-style: none;
margin: 0 2px;
min-width: 46px;
outline: none;
padding: 0 18px 0 6px;
text-align: center;
text-decoration: none
}
.goog-flat-menu-button-disabled {
background-color: #fff;
border-color: #f3f3f3;
color: #b8b8b8
}
.goog-flat-menu-button.goog-flat-menu-button-hover {
background-color: #f8f8f8;
background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
border-color: #c6c6c6;
color: #111
}
.goog-flat-menu-button.goog-flat-menu-button-focused {
border-color: #4d90fe
}
.goog-flat-menu-button.goog-flat-menu-button-open,
.goog-flat-menu-button.goog-flat-menu-button-active {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
background-color: #eee;
background-image: -webkit-linear-gradient(top, #eee, #e0e0e0);
background-image: -moz-linear-gradient(top, #eee, #e0e0e0);
background-image: -ms-linear-gradient(top, #eee, #e0e0e0);
background-image: -o-linear-gradient(top, #eee, #e0e0e0);
background-image: linear-gradient(top, #eee, #e0e0e0);
border: 1px solid #ccc;
color: #333;
z-index: 2
}
.goog-flat-menu-button-caption {
vertical-align: top;
white-space: nowrap
}
.goog-flat-menu-button-dropdown {
border-color: #777 transparent;
border-style: solid;
border-width: 4px 4px 0 4px;
height: 0;
width: 0;
position: absolute;
right: 5px;
top: 12px
}
.goog-flat-menu-button .goog-flat-menu-button-img {
margin-top: -3px;
opacity: .70;
vertical-align: middle
}
.goog-flat-menu-button-active .goog-flat-menu-button-img,
.goog-flat-menu-button-open .goog-flat-menu-button-img,
.goog-flat-menu-button-selected .goog-flat-menu-button-img,
.goog-flat-menu-button-hover .goog-flat-menu-button-img {
opacity: 0.9
}
.goog-flat-menu-button-active .goog-flat-menu-button-dropdown,
.goog-flat-menu-button-open .goog-flat-menu-button-dropdown,
.goog-flat-menu-button-selected .goog-flat-menu-button-dropdown,
.goog-flat-menu-button-hover .goog-flat-menu-button-dropdown {
border-color: #595959 transparent
}
.goog-flat-menu-button-left,
.goog-flat-menu-button-right {
z-index: 1
}
.goog-flat-menu-button-left.goog-flat-menu-button-disabled {
z-index: 0
}
.goog-flat-menu-button-right:focus,
.goog-flat-menu-button-hover.goog-flat-menu-button-collapse-right {
z-index: 2
}
.goog-flat-menu-button-left:focus,
.goog-flat-menu-button-hover.goog-flat-menu-button-collapse-left {
z-index: 2
}
.goog-flat-menu-button-collapse-left {
margin-left: -1px;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-topleft: 0;
-webkit-border-bottom-left-radius: 0;
-webkit-border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-top-left-radius: 0;
min-width: 0;
padding-left: 0;
vertical-align: top
}
.goog-flat-menu-button-collapse-right {
margin-right: 0px;
-moz-border-radius-topright: 0;
-moz-border-radius-bottomright: 0;
-webkit-border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.goog-menuitem,
.goog-tristatemenuitem,
.goog-filterobsmenuitem {
position: relative;
color: #333;
cursor: pointer;
list-style: none;
margin: 0;
padding: 6px 8em 6px 30px;
white-space: nowrap
}
.goog-menu-nocheckbox .goog-menuitem,
.goog-menu-noicon .goog-menuitem {
padding-left: 16px;
vertical-align: middle
}
.goog-menu-noaccel .goog-menuitem {
padding-right: 44px
}
.goog-menuitem-disabled {
cursor: default
}
.goog-menuitem-disabled .goog-menuitem-accel,
.goog-menuitem-disabled .goog-menuitem-content {
color: #ccc !important
}
.goog-menuitem-disabled .goog-menuitem-icon {
filter: alpha(opacity=30);
opacity: 0.3
}
.goog-menuitem-highlight,
.goog-menuitem-hover {
background-color: #eee;
border-color: #eee;
border-style: dotted;
border-width: 1px 0;
padding-top: 5px;
padding-bottom: 5px
}
.goog-menuitem-highlight .goog-menuitem-content,
.goog-menuitem-hover .goog-menuitem-content {
color: #333
}
.goog-menuitem-checkbox,
.goog-menuitem-icon {
background-repeat: no-repeat;
height: 21px;
left: 3px;
position: absolute;
right: auto;
top: 3px;
vertical-align: middle;
width: 21px
}
.goog-option-selected {
background-image: url(//ssl.gstatic.com/ui/v1/menu/checkmark.png);
background-repeat: no-repeat;
background-position: left center
}
.goog-option-selected .goog-menuitem-content {
color: #333
}
.goog-menuitem-accel {
color: #777;
direction: ltr;
left: auto;
padding: 0 6px;
position: absolute;
right: 0;
text-align: right
}
.goog-menuitem-mnemonic-hint {
text-decoration: underline
}
.goog-menuitem-mnemonic-separator {
color: #777;
font-size: 12px;
padding-left: 4px
}
.goog-menuseparator {
border-top: 1px solid #ebebeb;
margin-top: 6px;
margin-bottom: 6px
}
.goog-submenu-arrow {
-webkit-transition: all 0.218s;
-moz-transition: all 0.218s;
-o-transition: all 0.218s;
transition: all 0.218s;
font-size: 70%;
left: auto;
right: 10px;
padding-top: 3px;
padding-right: 0;
position: absolute;
text-align: right;
opacity: .5;
filter: alpha(opacity=50)
}
.goog-menuitem-highlight .goog-submenu-arrow,
.goog-menuitem-hover .goog-submenu-arrow {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
border-left-color: #999;
opacity: 1.0
}
.goog-menuitem-disabled .goog-submenu-arrow {
color: inherit;
opacity: 1.0
}
.docs-material-gm-labeled-select {
color: #3c4043;
outline: none;
width: 100%
}
.docs-material-gm-labeled-select-outer-box {
border: 1px solid #dadce0;
border-radius: 4px;
box-sizing: border-box;
cursor: pointer;
padding: 8px 6px 8px 8px;
width: 100%
}
.docs-material-gm-labeled-select-focused .docs-material-gm-labeled-select-outer-box {
background-color: rgba(60, 64, 67, 0.06);
border: 1px solid #dadce0
}
.docs-material-gm-labeled-select-hover .docs-material-gm-labeled-select-outer-box {
background-color: rgba(60, 64, 67, 0.04);
border: 1px solid #dadce0
}
.docs-material-gm-labeled-select-open .docs-material-gm-labeled-select-outer-box {
background-color: rgba(60, 64, 67, 0.04);
border: 1px solid transparent
}
.docs-material-gm-select-open.docs-material-gm-select-hover .docs-material-gm-labeled-select-outer-box {
background-color: rgba(60, 64, 67, 0.06)
}
.docs-material-gm-select-open.docs-material-gm-select-focused .docs-material-gm-labeled-select-outer-box {
background-color: rgba(60, 64, 67, 0.08)
}
.docs-material-gm-labeled-select-disabled .docs-material-gm-labeled-select-outer-box {
border: 1px solid #dadce0;
box-shadow: none;
cursor: default
}
.docs-material-gm-labeled-select-inner-box {
align-items: center;
display: flex;
justify-content: space-between;
position: relative;
width: 100%
}
.docs-material-gm-labeled-select-content {
margin-bottom: 8px
}
.docs-material-gm-labeled-select-caption {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
height: 20px;
line-height: 20px;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.docs-material-gm-labeled-select-dropdown {
align-items: center;
display: flex;
height: 24px;
justify-content: center;
width: 24px
}
.docs-material-gm-labeled-select-dropdown-icon {
background: no-repeat url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_medium.svg) -20px -10428px;
height: 18px;
width: 18px
}
.docs-material-gm-labeled-select-open .docs-material-gm-labeled-select-dropdown-icon {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.docs-material-gm-labeled-select-label {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px
}
@media screen and (forced-colors:active) {
.docs-material-gm-labeled-select-focused .docs-material-gm-labeled-select-outer-box {
border: 1px solid Highlight;
outline: 1px solid Highlight
}
.docs-material-gm-select-open.docs-material-gm-select-focused .docs-material-gm-labeled-select-outer-box {
border: 1px solid #dadce0;
outline: none
}
.docs-material-gm-labeled-select-disabled .docs-material-gm-labeled-select-outer-box {
border: 1px solid GrayText
}
.docs-material-gm-labeled-select-disabled .docs-material-gm-labeled-select-caption {
color: GrayText
}
}
.docs-material-gm-select {
color: #3c4043;
outline: none;
width: 100%
}
.docs-material-gm-select-disabled {
color: #5f6368;
opacity: .38;
cursor: default
}
.docs-material-gm-select-outer-box {
border: 1px solid #dadce0;
border-radius: 4px;
box-sizing: border-box;
cursor: pointer;
padding: 8px 6px 8px 8px;
width: 100%
}
.docs-material-gm-select-outer-box:active {
background-color: #fff;
border: 1px solid transparent;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}
.docs-material-gm-select-hover .docs-material-gm-select-outer-box {
background-color: rgba(60, 64, 67, 0.04);
border: 1px solid #dadce0
}
.docs-material-gm-select-focused .docs-material-gm-select-outer-box {
background-color: rgba(60, 64, 67, 0.06);
border: 1px solid #dadce0
}
.docs-material-gm-select-open .docs-material-gm-select-outer-box {
background-color: rgba(60, 64, 67, 0.04);
border: 1px solid transparent
}
.docs-material-gm-select-open.docs-material-gm-select-hover .docs-material-gm-select-outer-box {
background-color: rgba(60, 64, 67, 0.06)
}
.docs-material-gm-select-open.docs-material-gm-select-focused .docs-material-gm-select-outer-box {
background-color: rgba(60, 64, 67, 0.08)
}
.docs-material-gm-select-disabled .docs-material-gm-select-outer-box {
border: 1px solid #dadce0;
box-shadow: none;
cursor: default
}
.docs-material-gm-select-inner-box {
align-items: center;
display: flex;
justify-content: space-between;
position: relative;
width: 100%
}
.docs-material-gm-select-caption {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
height: 20px;
line-height: 20px;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.docs-material-gm-select-dropdown {
align-items: center;
display: flex;
height: 24px;
justify-content: center;
width: 24px
}
.docs-material-gm-select-dropdown-icon {
background: no-repeat url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_medium.svg) -20px -10428px;
height: 18px;
width: 18px
}
.docs-material-gm-select-open .docs-material-gm-select-dropdown-icon {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
@media screen and (forced-colors:active) {
.docs-material-gm-select-focused .docs-material-gm-select-outer-box {
border: 1px solid Highlight;
outline: 1px solid Highlight
}
.docs-material-gm-select-open.docs-material-gm-select-focused .docs-material-gm-select-outer-box {
border: 1px solid #dadce0;
outline: none
}
.docs-material-gm-select-disabled {
color: GrayText;
opacity: 1
}
.docs-material-gm-select-disabled .docs-material-gm-select-outer-box {
border: 1px solid GrayText
}
.docs-material-gm-select-disabled .docs-material-gm-select-caption {
color: GrayText
}
}
.docs-material-labeled-text-field {
height: 40px;
line-height: 40px;
padding-top: 5px;
position: relative
}
.docs-grille-gm3-text-field.docs-material-labeled-text-field {
display: flex;
flex-direction: column;
height: unset;
line-height: unset;
margin: 12px 0;
padding: 0
}
.docs-material-labeled-text-field-input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
transition: border-color 200ms cubic-bezier(0.4, 0, 0.2, 1);
background: none;
border: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
height: 26px;
line-height: 26px;
outline: none;
overflow: hidden;
text-overflow: ellipsis;
width: 100%
}
.docs-grille-gm3-text-field .docs-material-labeled-text-field-input {
border: none;
border-radius: 4px;
box-shadow: 0 0 0 1px #8f8f8f;
font-size: 16px;
font-family: "Google Sans", Roboto, sans-serif;
height: 56px;
margin-bottom: 4px;
padding: 0 16px
}
[class*="docs-hc"] .docs-grille-gm3-text-field .docs-material-labeled-text-field-input {
box-shadow: 0 0 0 1px white
}
.docs-grille-gm3-text-field .docs-material-labeled-text-field-content {
align-items: center;
color: #1f1f1f;
display: flex;
font-family: "Google Sans", Roboto, sans-serif;
left: 12px;
position: absolute;
top: 28px;
width: 100%
}
.docs-material-labeled-text-field-hover .docs-material-labeled-text-field-input {
border-bottom-color: rgba(0, 0, 0, 0.38)
}
.docs-material-labeled-text-field-focused .docs-material-labeled-text-field-input {
border-bottom: 2px solid #4285f4
}
.docs-grille-gm3-text-field.docs-material-labeled-text-field-focused .docs-material-labeled-text-field-input {
border: none;
box-shadow: 0 0 0 2px #0b57d0
}
[class*="docs-hc"] .docs-grille-gm3-text-field.docs-material-labeled-text-field-focused .docs-material-labeled-text-field-input {
box-shadow: 0 0 0 2px white
}
.docs-material-labeled-text-field-disabled .docs-material-labeled-text-field-input {
border-bottom: 1px dotted rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.12);
cursor: default
}
.docs-grille-gm3-text-field.docs-material-labeled-text-field-disabled .docs-material-labeled-text-field-input {
border: none;
box-shadow: 0 0 0 2px rgba(31, 31, 31, 0.38)
}
[class*="docs-hc"] .docs-grille-gm3-text-field.docs-material-labeled-text-field-disabled .docs-material-labeled-text-field-input {
box-shadow: 0 0 0 2px white
}
.docs-material-labeled-text-field-label {
transition: transform 200ms cubic-bezier(0.4, 0, 1, 1);
color: #616161;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 45px;
position: absolute;
transform-origin: left bottom
}
.docs-grille-gm3-text-field .docs-material-labeled-text-field-label {
color: #444746;
cursor: text;
font-size: 16px;
line-height: unset;
padding: 0 4px;
transition: transform 100ms cubic-bezier(0.4, 0, 1, 1)
}
.docs-material-labeled-text-field-has-text .docs-material-labeled-text-field-label,
.docs-material-labeled-text-field-focused .docs-material-labeled-text-field-label {
transform: translateY(-22px) scale(.846, .846)
}
.docs-grille-gm3-text-field.docs-material-labeled-text-field-has-text .docs-material-labeled-text-field-label,
.docs-grille-gm3-text-field.docs-material-labeled-text-field-focused .docs-material-labeled-text-field-label {
background-color: white;
transform: translateY(-28px) scale(.846, .846)
}
.docs-grille-gm3-text-field.docs-material-labeled-text-field-disabled .docs-material-labeled-text-field-label {
color: rgba(68, 71, 70, 0.38);
opacity: 1
}
.docs-material-labeled-text-field-focused .docs-material-labeled-text-field-label {
color: #3367d6
}
.docs-grille-gm3-text-field.docs-material-labeled-text-field-focused .docs-material-labeled-text-field-label {
color: #0b57d0
}
.docs-material-labeled-text-field-disabled .docs-material-labeled-text-field-label {
opacity: 0.12
}
.docs-material-labeled-text-field-supporting-text {
font-family: "Google Sans", Roboto, sans-serif;
font-size: 12px;
padding-left: 16px
}
.docs-grille-gm3-text-field.docs-material-labeled-text-field-disabled .docs-material-labeled-text-field-supporting-text {
opacity: 0.38
}
.docs-material-text-area {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
transition: border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
background: none;
border: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
outline: none;
resize: none;
width: 100%
}
.docs-material-text-area:hover {
border-bottom-color: rgba(0, 0, 0, 0.38)
}
.docs-material-text-area:focus {
border-bottom: 2px solid #4285f4
}
.docs-material-text-area:disabled {
border-bottom: 1px dotted rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.12);
cursor: default
}
.docs-material-text-field-input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
transition: border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
background: none;
border: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
height: 26px;
line-height: 26px;
outline: none;
overflow: hidden;
text-overflow: ellipsis;
width: 100%
}
.docs-material-text-field-hover .docs-material-text-field-input {
border-bottom-color: rgba(0, 0, 0, 0.38)
}
.docs-material-text-field-focused .docs-material-text-field-input {
border-bottom: 2px solid #4285f4
}
.docs-material-text-field-disabled .docs-material-text-field-input {
border-bottom: 1px dotted rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.12);
cursor: default
}
.drive-spinner {
height: 44px;
overflow: hidden;
position: relative
}
.drive-quantum-spinner {
height: 28px;
left: 50%;
margin-left: -14px;
position: absolute;
top: 8px;
width: 28px
}
.docs-analytics-icon {
direction: ltr;
text-align: left;
overflow: hidden;
position: relative;
vertical-align: middle
}
.docs-analytics-img:before {
content: url(//ssl.gstatic.com/docs/common/menu_feature_sprite8.svg)
}
.docs-analytics-img {
height: 4444px;
position: absolute;
width: 72px
}
.docs-analytics-hc-gecko .docs-analytics-icon {
filter: invert(100%)
}
.docs-analytics-arrow-downward-18px {
left: 0;
top: -3190px
}
.docs-analytics-arrow-drop-down-black-18dp {
left: -50px;
top: -680px
}
.docs-analytics-arrow-right-black-18dp {
left: -36px;
top: -2904px
}
.docs-analytics-arrow-upward-18px {
left: 0;
top: -88px
}
.docs-analytics-close-black-24px {
left: -36px;
top: -1918px
}
.docs-analytics-close-white-24px {
left: 0;
top: -3028px
}
.docs-analytics-info-outline-black-24px {
left: 0;
top: -3818px
}
.docs-analytics-group-in-circle-32px {
left: 0;
top: -1274px
}
.docs-analytics-keyboard-arrow-down-18px {
left: -54px;
top: -3208px
}
.docs-analytics-keyboard-arrow-up-18px {
left: -54px;
top: -2904px
}
.docs-analytics-document-icon-kix {
left: -24px;
top: -3818px
}
.docs-analytics-document-icon-punch {
left: -42px;
top: -3818px
}
.docs-analytics-document-icon-sketchy {
left: 0;
top: -2292px
}
.docs-analytics-document-icon-ritz {
left: 0;
top: -2836px
}
.docs-analytics-email-icon {
left: 0;
top: -4338px
}
.analytics-dialog {
border-radius: 8px;
height: 100%;
max-height: 586px;
max-width: 880px;
min-width: 580px;
width: 100%
}
.analytics-dialog.analytics-dialog-collapsed {
max-width: 684px;
width: calc(100% - (2*8px))
}
.analytics-dialog::before {
border: 1px solid transparent;
border-radius: 8px;
bottom: -1px;
content: '';
left: -1px;
position: absolute;
right: -1px;
top: -1px
}
.analytics-dialog-title {
display: none
}
.analytics-vc-content .docs-material-gm-select-caption {
padding-left: 8px;
width: 100%
}
.analytics-vc-content .docs-material-gm-select-dropdown {
padding-right: 8px
}
.analytics-vc-content .docs-material-gm-select-outer-box {
padding: 0
}
.analytics-vc-content .goog-menu .goog-menuitem-highlight {
border: none
}
.analytics-btn-fill.jfk-button {
cursor: pointer;
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff
}
.analytics-btn-fill.jfk-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #2a8947;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
.analytics-btn-fill.jfk-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #4f9e67;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
.analytics-btn-fill.jfk-button-focused.jfk-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #62a877;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
.analytics-btn-fill.jfk-button-focused.jfk-button-active {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #62a877;
box-shadow: 0 2px 6px 2px rgba(52, 168, 83, 0.15)
}
.analytics-btn-fill.jfk-button-disabled {
cursor: default;
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #f8f9fa;
color: #202124;
opacity: 0.62
}
.analytics-btn-hairline.jfk-button {
cursor: pointer;
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
border: 1px solid #dadce0 !important;
color: #137333
}
.analytics-btn-hairline.jfk-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #f8fcf9;
border: 1px solid #c8e7d1 !important
}
.analytics-btn-hairline.jfk-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #e7f5eb;
border: 1px solid #bbe2c6 !important
}
.analytics-btn-hairline.jfk-button-focused.jfk-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
border: 1px solid #b5e0c1 !important
}
.analytics-btn-hairline.jfk-button-focused.jfk-button-active {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
border: 1px solid transparent !important;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}
.analytics-btn-hairline.jfk-button-disabled {
cursor: default;
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
border: 1px solid #f1f3f4 !important;
color: #3c4043;
opacity: 0.38
}
.analytics-btn-text.jfk-button {
cursor: pointer;
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
color: #137333
}
.analytics-btn-text.jfk-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #f8fcf9;
color: #137333
}
.analytics-btn-text.jfk-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #e7f5eb;
color: #137333
}
.analytics-btn-text.jfk-button-focused.jfk-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
color: #137333
}
.analytics-btn-text.jfk-button-focused.jfk-button-active {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
color: #137333;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}
.analytics-btn-text.jfk-button-disabled {
cursor: default;
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
color: #137333;
color: #3c4043;
opacity: 0.38
}
.analytics-cotc {
display: flex;
flex-direction: column;
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
overflow-x: hidden;
overflow-y: auto
}
.analytics-cotc-header {
-webkit-align-items: center;
align-items: center;
display: flex;
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
flex-direction: row;
justify-content: space-between;
margin: 18px 24px 0 24px;
overflow: hidden
}
.analytics-cotc-legend {
-webkit-align-items: center;
align-items: center;
color: #202124;
display: flex;
-ms-flex: 0 0;
-webkit-flex: 0 0;
flex: 0 0;
flex-direction: row;
font-size: 12px;
margin: 40px 24px 40px 45px;
text-align: center
}
.analytics-cotc-legend-box {
display: flex;
margin-right: 8px
}
.analytics-cotc-legend span {
margin-right: 24px
}
.analytics-ct-table {
-webkit-align-items: flex-start;
align-items: flex-start;
border-collapse: collapse;
display: flex;
flex-direction: column;
padding: 20px;
white-space: nowrap
}
.analytics-ct-table-header {
display: flex;
flex-direction: row;
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1
}
.analytics-ct-table-header-container {
display: flex;
height: 11px;
width: 100%
}
.analytics-ct-table-date-container {
margin: 0;
position: absolute
}
.analytics-ct-table-date {
font-size: 9px;
margin-left: -50%
}
.analytics-ct-table-date-light {
opacity: 0.6
}
.analytics-ct-table-container {
display: flex;
flex: 1 1 auto;
overflow-y: auto;
width: 100%
}
.analytics-ct-table-contributors {
border-collapse: collapse;
max-height: 100%;
overflow-y: auto;
table-layout: fixed;
width: 100%
}
.analytics-ct-contributor-row {
align-items: center;
border-right: 1px solid #e3e3e3
}
.analytics-ct-contributor-row:last-child .analytics-ct-table-profile {
border-bottom: 0
}
.analytics-ct-contributor-row:last-child .analytics-ct-table-activity-cell-div {
border-bottom: 0
}
.analytics-ct-table-profile-container {
background-color: #f9f9f9;
height: 38px;
padding: 0;
width: 170px
}
.analytics-ct-table-profile {
-webkit-align-items: center;
align-items: center;
border-bottom: 2px solid #fff;
display: flex;
flex-direction: row;
height: 100%;
padding: 3px 5px
}
.analytics-ct-table-profile .analytics-profile-image {
max-height: 24px;
max-width: 24px
}
.analytics-ct-table-name {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
padding-left: 12px
}
.analytics-ct-table-activity-cell {
flex-grow: 1;
height: 38px;
padding: 0;
position: relative
}
.analytics-ct-table-activity-cell-light-border::before,
.analytics-ct-table-activity-cell-dark-border::before,
.analytics-ct-table-activity-cell-light-border-disabled::before,
.analytics-ct-table-activity-cell-dark-border-disabled::before {
content: '';
height: 100%;
position: absolute;
left: 0;
top: 0
}
.analytics-ct-table-activity-cell-light-border::before {
border-left: 1px solid #eeeeee
}
.analytics-ct-table-activity-cell-dark-border::before {
border-left: 1px solid #e0e0e0
}
.analytics-ct-table-activity-cell-light-border-disabled::before {
border-left: 1px solid #e0e0e0
}
.analytics-ct-table-activity-cell-dark-border-disabled::before {
border-left: 1px solid #dbdbdb
}
.analytics-ct-table-activity-cell-div {
background-color: #f9f9f9;
border-bottom: 2px solid #fff;
height: 100%
}
.analytics-ct-table-activity-cell-div-disabled {
background-color: #eeeeee;
border-bottom: 2px solid #f5f5f5
}
.analytics-ct-activity-edit-small,
.analytics-ct-activity-edit-medium,
.analytics-ct-activity-edit-large {
height: 100%;
position: relative
}
.analytics-ct-activity-edit-small {
background-color: #c4d9f2
}
.analytics-ct-activity-edit-medium {
background-color: #87b5ea
}
.analytics-ct-activity-edit-large {
background-color: #4a90e2
}
.analytics-ct-activity-comment-fg {
background-color: #fff;
border-radius: 50%;
height: 4px;
left: 50%;
margin-left: -2px;
position: absolute;
top: 17px;
width: 4px;
z-index: 2
}
.analytics-ct-activity-comment-bg {
background-color: #3c4043;
border-radius: 50%;
height: 8px;
left: 50%;
margin-left: -4px;
position: absolute;
top: 15px;
width: 8px;
z-index: 1
}
.analytics-ct {
display: flex;
flex-direction: column;
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
overflow-x: hidden;
overflow-y: auto
}
.analytics-ct-header {
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 10px 19px 0
}
.analytics-ct-header-right {
display: flex;
flex-direction: row;
justify-content: space-around;
width: 220px
}
.analytics-ct-header-right .analytics-selector {
margin-top: 8px;
min-width: 100px
}
.analytics-ct-legend {
-webkit-align-items: center;
align-items: center;
-webkit-align-self: flex-end;
align-self: flex-end;
color: #5f6368;
display: flex;
-ms-flex: 0 0;
-webkit-flex: 0 0;
flex: 0 0;
flex-direction: row;
font-size: 12px;
margin: 0 20px 20px;
text-align: center
}
.analytics-ct-legend-comment,
.analytics-ct-legend-edit {
display: flex;
-webkit-align-items: center;
align-items: center
}
.analytics-ct-legend-comment-disabled {
opacity: 30%
}
.analytics-ct-legend-comment-circle {
background-color: #fff;
border-radius: 50%;
border: 2px solid #3c4043;
height: 4px;
width: 4px
}
.analytics-ct-legend-label {
margin-left: 4px
}
.analytics-ct-legend-box {
-webkit-align-items: center;
align-items: center;
display: flex;
margin-left: 12px
}
.analytics-ct-legend-edit-bar {
height: 12px;
width: 4px
}
.analytics-drp {
align-items: center;
display: flex;
flex-direction: row;
margin-left: 16px;
max-width: 400px
}
.analytics-drp-left,
.analytics-drp-right {
border-radius: 20px;
cursor: pointer;
height: auto;
padding: 8px;
right: 11px
}
.analytics-drp-left.jfk-button-hover,
.analytics-drp-right.jfk-button-hover {
background-color: #f1f3f4
}
.analytics-drp-left.jfk-button-focused,
.analytics-drp-right.jfk-button-focused {
background-color: #e8eaed
}
.analytics-drp-left.jfk-button-disabled,
.analytics-drp-right.jfk-button-disabled {
opacity: 0.6;
cursor: default
}
.analytics-drp-date-range {
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px
}
.analytics-drpd {
-webkit-align-items: center;
align-items: center;
display: flex;
height: 28px;
margin: auto 3px;
padding: 0
}
.analytics-drpd-icon {
border-radius: 100%;
display: inline-block;
height: 9px;
margin-right: 8px;
width: 9px
}
.analytics-drpd .docs-material-menu-button-flat-default-dropdown {
margin: 0
}
.analytics-drpd.docs-material-menu-button-flat-default-hover {
background-color: rgba(0, 0, 0, 0.06)
}
.analytics-drpd.docs-material-menu-button-flat-default-focused {
background-color: rgba(0, 0, 0, 0.12);
border-color: transparent
}
.analytics-drp .goog-menu .goog-menuitem {
padding: 6px 25px 6px 18px
}
.analytics-dialog-bg,
.analytics-od-bg,
.analytics-npd-bg {
background: rgba(0, 0, 0, 0.6);
left: 0;
position: absolute;
top: 0
}
.analytics-dialog-bg,
.analytics-od-bg {
z-index: 998
}
.analytics-dialog,
.analytics-od,
.analytics-npd {
background-color: #fff;
border: 0;
border-radius: 8px;
box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.14);
display: flex;
flex-direction: column;
outline: 0;
position: absolute
}
.analytics-dialog,
.analytics-od {
z-index: 1003
}
.analytics-dialog-content,
.analytics-od-content,
.analytics-npd-content {
display: flex;
flex-direction: column;
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
min-height: 0
}
.analytics-npd-bg {
z-index: 1004
}
.analytics-npd {
z-index: 1005
}
.analytics-ec-content {
-webkit-align-items: center;
align-items: center;
display: flex;
flex-direction: column;
box-pack: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: 100%
}
.analytics-ec-message-container {
width: 100%
}
.analytics-ec-message {
color: rgba(0, 0, 0, 0.6);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 24px;
padding: 16px 128px;
text-align: center
}
.analytics-ec-container {
-webkit-align-items: center;
align-items: center;
display: flex;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
flex-direction: column;
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
box-pack: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
width: 100%;
height: 100%
}
.analytics-vhc-feedbackcard {
color: rgba(0, 0, 0, 0.87);
font-size: 11px;
font-style: italic;
margin: 0
}
.analytics-vhc-feedbackcard-button,
.analytics-vhc-feedbackcard-button:link,
.analytics-vhc-feedbackcard-button:visited {
color: #1967d2;
cursor: pointer;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 11px;
font-style: italic;
height: 14px;
line-height: 14px;
margin: 0 0 0 2px;
text-decoration: none
}
.analytics-vhfc-card {
border-bottom-right-radius: 8px;
border-top: 1px solid #e0e0e0;
box-shadow: 0 2px 12px 2px rgba(60, 64, 67, .15);
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin-top: auto;
z-index: 1
}
.analytics-vhfc-settings-container,
.analytics-vhfc-feedback-container,
.analytics-vhfc-nudge-container {
-webkit-align-items: center;
align-items: center;
display: flex;
flex-direction: row
}
.analytics-vhfc-settings-container {
height: 56px;
box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
padding: 0 24px
}
.analytics-vhfc-label {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
margin-right: 24px
}
.analytics-vhfc-label a:link,
.analytics-vhfc-label a:visited {
color: #1967d2;
text-decoration: none
}
.analytics-vhfc-feedback-container {
background-color: #f5f5f5;
border-bottom-right-radius: 8px;
height: 32px;
padding: 0 24px
}
.analytics-vhfc-feedback-container .analytics-vhc-feedbackcard {
color: rgba(0, 0, 0, 0.54);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400
}
.analytics-vhfc-feedback-container .analytics-vhc-feedbackcard-button {
font-size: 12px;
font-style: normal
}
.analytics-vhfc-nudge-container {
background-color: #fff;
border-bottom-right-radius: 8px;
box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
height: 56px;
padding: 0 8px 0 32px
}
.analytics-vhfc-nudge-buttons {
align-items: center;
display: flex;
box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: flex-end;
justify-content: flex-end
}
.analytics-vhfc-nudge-cancel-button.jfk-button,
.analytics-vhfc-nudge-continue-button.jfk-button {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
color: #137333;
cursor: pointer;
margin: 0 8px;
padding-left: 8px;
padding-right: 8px;
white-space: normal;
word-wrap: break-word
}
.analytics-vhfc-nudge-cancel-button {
color: #80868b
}
.analytics-vhfc-nudge-cancel-button.jfk-button-hover,
.analytics-vhfc-nudge-continue-button.jfk-button-hover {
background-color: #f8fcf9
}
.analytics-vhfc-nudge-cancel-button.jfk-button-focused,
.analytics-vhfc-nudge-continue-button.jfk-button-focused {
background-color: #e7f5eb
}
.analytics-vhfc-nudge-cancel-button.jfk-button-focused.jfk-button-hover,
.analytics-vhfc-nudge-continue-button.jfk-button-focused.jfk-button-hover {
background-color: #dff2e4
}
.analytics-vhfc-nudge-cancel-button.jfk-button-focused.jfk-button-active,
.analytics-vhfc-nudge-continue-button.jfk-button-focused.jfk-button-active {
background-color: #dff2e4;
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15)
}
.analytics-vhfc-nudge-label {
color: #202124;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
max-width: 300px
}
.analytics-vhc-groupcard-root {
border-bottom: 0;
position: relative
}
.analytics-vhc-groupcard-root::after {
border-bottom: 1px solid #e0e0e0;
bottom: 0;
content: '';
display: block;
height: 0;
left: 72px;
position: absolute;
width: calc(100% - 72px)
}
.analytics-vhc-groupcard-members .analytics-vhc-groupcard-root::after {
left: 48px;
width: calc(100% - 48px)
}
.analytics-vhc-rowcard-root:last-child::after {
display: none
}
.analytics-vhc-groupcard-root>.analytics-vhc-rowcard-row {
border-bottom: 1px solid transparent
}
.analytics-vhc-groupcard-root>.analytics-vhc-rowcard-row::after {
border-bottom: 0
}
.analytics-vhc-groupcard-root>.analytics-vhc-rowcard-row>.jfk-button {
cursor: pointer;
height: calc(48px - 2px);
width: calc(100% - 2px)
}
.analytics-vhc-groupcard-root>.analytics-vhc-rowcard-row>.jfk-button-disabled {
cursor: default
}
.analytics-vhc-groupcard-groupimg {
height: 32px;
margin: 0 16px 0 23px;
vertical-align: middle;
width: 32px
}
.analytics-vhc-groupcard-message {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
padding: 0 0 12px 72px
}
.analytics-vhc-groupcard-message-warning {
color: rgba(0, 0, 0, 0.6);
font-style: italic
}
.analytics-vhc-groupcard-message-error {
color: #dd4330
}
.analytics-vhc-groupcard-members {
margin-left: 72px
}
.analytics-vhc-groupcard-members .analytics-vhc-groupcard-members {
margin-left: 48px
}
.analytics-vhc-groupcard-members .analytics-vhc-groupcard-message {
padding-left: 48px
}
.analytics-vhc-groupcard-members .analytics-vhc-viewcardlist {
border-top: 0
}
.analytics-vhc-groupcard-members .analytics-vhc-viewcardlist>div:last-child,
.analytics-vhc-groupcard-members .analytics-vhc-viewcardlist>.analytics-vhc-viewercard-root:last-child>.analytics-vhc-rowcard-row {
border-bottom: 0
}
.analytics-vhc-groupcard-members .analytics-vhc-rowcard-profile .analytics-profile-image,
.analytics-vhc-groupcard-members .analytics-vhc-rowcard-profile .analytics-vhc-groupcard-groupimg {
margin-left: 0
}
.analytics-vhc-groupcard-root>.analytics-vhc-rowcard-row .analytics-vhc-rowcard-profile {
border: 0;
box-shadow: none;
font-weight: 400;
margin: 0;
min-width: 0;
padding: 0
}
.analytics-vhc-groupcard-expand-icon {
margin-top: -2px
}
.analytics-vhc-groupcard-contracted .analytics-vhc-groupcard-expand-icon {
margin-left: -7px;
margin-right: 6px
}
.analytics-vhc-groupcard-expanded .analytics-vhc-groupcard-expand-icon {
margin-left: -4px;
margin-right: 3px
}
.analytics-vhc-groupcard-expanded>.analytics-vhc-rowcard-row .analytics-vhc-rowcard-time {
visibility: hidden
}
.analytics-vhc-groupcard-expanded>.analytics-vhc-rowcard-row .analytics-vhc-rowcard-tooltip-icon {
visibility: hidden
}
.analytics-lmec-link,
.analytics-lmec-link:active,
.analytics-lmec-link:hover,
.analytics-lmec-link:link,
.analytics-lmec-link:visited {
color: #1967d2;
cursor: pointer;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
text-decoration: none
}
.analytics-vhc-listsortbutton {
-webkit-align-items: center;
align-items: center;
cursor: pointer;
display: flex;
flex-direction: row;
margin: auto 24px auto 24px
}
.analytics-vhc-listsortbutton-mouse-focus {
outline: 0
}
.analytics-vhc-listsortbutton:last-child {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: auto -10px auto 0;
width: 107px
}
.analytics-vhc-checkboxes-visible .analytics-vhc-listsortbutton:last-child {
margin: auto 72px auto 0;
width: 107px
}
.analytics-vhc-listsortbutton-name {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
margin: 0 8px 0 0
}
.analytics-vhc-listsortbutton-arrow {
height: 18px;
width: 18px
}
.analytics-vhc-listsortbutton-uwsa .analytics-vhc-listsortbutton-arrow,
.analytics-vhc-listsortbutton-uwsd .analytics-vhc-listsortbutton-arrow {
visibility: hidden
}
.analytics-vhc-listsortbutton-ascending .analytics-vhc-listsortbutton-arrow,
.analytics-vhc-listsortbutton-descending .analytics-vhc-listsortbutton-arrow {
opacity: 0.87
}
.analytics-low-data-treatment-title {
color: #25272b;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 28px;
padding: 0 48px 8px 48px
}
.analytics-low-data-treatment-description {
color: #414549;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 24px;
padding: 0 48px 16px 48px
}
.analytics-dialog .analytics-low-data-treatment-sharebutton .docs-icon {
margin-top: 0;
margin-bottom: 0;
margin-right: 3px
}
.analytics-low-data-treatment-sharebutton.jfk-button {
align-items: center;
align-self: center;
display: flex;
flex-direction: row;
box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: center;
justify-content: center;
margin: 0;
padding-bottom: 9px !important;
padding-left: 12px !important;
padding-right: 16px !important
}
.analytics-nc-container {
display: flex;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
flex-direction: column;
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
min-height: 0
}
.analytics-nc-navigationarea {
display: flex;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
flex-direction: row;
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
min-height: 0
}
.analytics-nc-tabbar {
background-color: #fff;
border-bottom-left-radius: 8px;
border-right: 1px solid #e0e0e0;
position: relative;
width: 256px;
z-index: 2
}
.analytics-nc-tabbar-collapsed {
width: 64px
}
.analytics-nc-content {
display: flex;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
flex-direction: column;
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
min-height: 0;
overflow-x: hidden;
width: 623px
}
.analytics-nc-navigationbar {
background-color: #fff;
border-bottom: 1px solid #e0e0e0;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
z-index: 2
}
.analytics-npd {
border-radius: 8px;
width: 490px
}
.analytics-npd::before {
border: 1px solid transparent;
border-radius: 8px;
bottom: -1px;
content: '';
left: -1px;
position: absolute;
right: -1px;
top: -1px
}
.analytics-npd-title {
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 22px;
margin: 24px 24px 0 24px
}
.analytics-npd-paragraph {
color: rgba(0, 0, 0, 0.6);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 24px;
margin: 24px 24px 0 24px
}
.analytics-npd-buttons {
display: flex;
flex-direction: row;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: flex-end;
justify-content: flex-end;
margin: 40px 0 24px 24px
}
.analytics-npd-cancelbutton {
margin: 0 8px
}
.analytics-npd-continuebutton {
margin: 0 24px 0 8px
}
.analytics-ntb-container .goog-tab-bar {
background-color: #fff;
margin-top: 20px;
width: 100%
}
.analytics-ntb-container .goog-tab {
-webkit-align-items: center;
align-items: center;
background-color: #fff !important;
border: 0;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
color: #3c4043;
cursor: pointer;
display: flex;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
flex-direction: row;
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
height: 44px;
margin: 0 10px 0 0 !important;
padding: 0 !important;
text-decoration: none
}
.analytics-nc-tabbar-collapsed .analytics-ntb-container .goog-tab {
border-radius: 22px;
margin: 0 10px !important
}
.analytics-ntb-container .goog-tab.goog-tab-hover {
background-color: #f1f3f4 !important
}
.analytics-ntb-container .goog-tab.goog-tab-selected {
background-color: #e6f4ea !important;
color: #137333;
left: 0
}
.analytics-ntb-container .goog-tab.goog-tab-selected::before,
.analytics-ntb-container .goog-tab-hover::before {
border-bottom: 1px solid transparent;
border-right: 1px solid transparent;
border-top: 1px solid transparent;
border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
bottom: -1px;
content: '';
left: 0;
position: absolute;
right: -1px;
top: -1px;
z-index: 1
}
.analytics-ntb-container .goog-tab.goog-tab-selected.goog-tab-hover {
background-color: #ceead6 !important
}
.analytics-ntb-tab-icon {
height: 24px;
margin: 0 16px 0 24px;
width: 24px
}
.analytics-nc-tabbar-collapsed .analytics-ntb-tab-icon {
margin: 0 10px
}
.analytics-ntb-tab-text {
max-width: 180px
}
.analytics-ntb-tab-content {
-webkit-align-items: center;
align-items: center;
display: flex;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
flex-direction: row;
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1
}
.analytics-nsc,
.analytics-nsc-content {
color: #202124;
display: flex;
flex-direction: column;
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
overflow-x: hidden;
overflow-y: auto
}
.analytics-nsc-content {
margin: 24px 32px 0 32px
}
.analytics-nsc-offline,
.analytics-nsc-save-failed {
-webkit-align-items: center;
align-items: center;
background-color: #eeeeee;
border-bottom: 1px solid #e0e0e0;
color: #dd4330;
display: flex;
flex-direction: row;
font-size: 13px;
height: 48px;
padding: 0 24px 0 24px
}
.analytics-nsc-heading,
.analytics-nsc-subheading {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
line-height: 26px;
margin: 0 0 16px 0
}
.analytics-nsc-heading {
font-size: 18px
}
.analytics-nsc-subheading {
font-size: 14px
}
.analytics-nsc-edit-digest-section {
-webkit-align-items: center;
align-items: center;
display: flex;
flex-direction: row;
font-size: 14px;
height: 48px;
box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between
}
.analytics-nsc-edit-digest-select {
min-width: 240px;
width: auto
}
.analytics-nsc-edit-section,
.analytics-nsc-form-section {
margin-bottom: 16px
}
.analytics-nsc-switches {
display: flex;
flex-direction: row
}
.analytics-nsc-switches .docs-material-gm-labeled-checkbox,
.analytics-nsc-switches .docs-material-gm-labeled-checkbox-label {
cursor: pointer
}
.analytics-nsc-switch {
margin-right: 32px
}
.analytics-nsc-footer {
-webkit-align-items: center;
align-items: center;
display: flex;
flex-direction: row;
height: 80px;
box-pack: end;
-ms-flex-pack: end;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
justify-content: flex-end;
margin: 0 32px
}
.analytics-nsc-cancel-button {
margin-right: 16px
}
.analytics-nvtt-content {
display: flex;
flex-direction: row;
padding: 9px 7px
}
.analytics-nvtt-text {
color: #fff
}
.analytics-nvtt-learnmore,
.analytics-nvtt-learnmore:visited,
.analytics-nvtt-learnmore:link,
.analytics-nvtt-learnmore:hover {
color: #7baaf7;
margin-left: 14px;
text-decoration: none
}
.analytics-ndch {
-webkit-align-items: center;
align-items: center;
background-color: #fff;
border: 1px solid #dadce0;
box-sizing: border-box;
-webkit-border-radius: 16px;
-moz-border-radius: 16px;
border-radius: 16px;
display: flex;
flex-direction: row;
height: 24px;
margin: 0 8px 4px 0
}
.analytics-ndch-viewer-icon,
.analytics-ndch-group-icon {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
height: 20px;
margin-left: 1px;
overflow: hidden;
width: 20px
}
.analytics-ndch-text {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 500;
padding-left: 8px
}
.analytics-ndch-remove-button {
-webkit-align-items: center;
align-items: center;
cursor: pointer;
display: flex;
box-pack: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
padding: 0 4px 0 3px
}
.analytics-ndch-remove-button .docs-analytics-icon {
opacity: 0.87
}
.analytics-ndch:only-child .analytics-ndch-remove-button {
display: none
}
.analytics-ndch:only-child .analytics-ndch-text {
padding-right: 8px
}
.analytics-ndc,
.analytics-ndc-body {
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1
}
.analytics-ndc-body {
display: flex;
flex-direction: column;
overflow-y: auto;
padding: 32px 32px 0 32px
}
.analytics-ndc-send-email-title {
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 18px;
margin-bottom: 16px
}
.analytics-ndc-chip-title {
color: rgba(0, 0, 0, 0.54);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
margin-bottom: 8px
}
.analytics-ndc-chip-container {
display: flex;
flex-direction: row;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
max-height: 71px;
min-height: 28px;
overflow-y: auto
}
.analytics-ndc-subject-container {
height: 36px;
margin-top: 20px
}
.analytics-ndc-subject-container input::-ms-clear {
display: none
}
.analytics-ndc-subject-container .docs-material-labeled-text-field {
background-color: #fff;
border: 1px solid #dadce0;
border-radius: 4px;
box-sizing: border-box;
display: flex;
flex-direction: column;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
height: initial;
line-height: initial;
padding: 0
}
.analytics-ndc-subject-container .docs-material-labeled-text-field-hover {
border: 1px solid #bdc1c6;
box-sizing: border-box
}
.analytics-ndc-subject-container .docs-material-labeled-text-field-focused {
border: 2px solid #1a73e8;
box-sizing: border-box;
margin: -1px 0 0 -1px
}
.analytics-ndc-subject-container .docs-material-labeled-text-field-content {
padding: 0 7px
}
.analytics-ndc-subject-container .docs-material-labeled-text-field-input {
padding: 0 8px
}
.analytics-ndc-subject-container .docs-material-labeled-text-field-input {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
height: 100%;
line-height: normal;
padding: 9px
}
.analytics-ndc-subject-container .docs-material-labeled-text-field-label {
background-color: #fff;
color: #5f6368;
font-size: 12px;
line-height: 13px;
padding: 0 3px;
transform: translateY(-7px) scale(1, 1)
}
.analytics-ndc-subject-container .docs-material-labeled-text-field:not(.docs-material-labeled-text-field-focused) .docs-material-labeled-text-field-input {
border-bottom-color: transparent
}
.analytics-ndc-subject-container .docs-material-labeled-text-field-input {
border-bottom: 0
}
.analytics-ndc-message-container {
background-color: #fff;
margin-top: 16px;
max-height: 108px
}
.analytics-ndc-message-container .docs-material-text-area {
border: 1px solid #dadce0;
border-radius: 4px;
box-sizing: border-box;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
max-height: 108px;
min-height: 108px;
overflow-y: auto !important;
padding: 7px 9px
}
.analytics-ndc-message-container .docs-material-text-area:hover {
border: 1px solid #bdc1c6;
box-sizing: border-box
}
.analytics-ndc-message-container .docs-material-text-area:focus {
border: 2px solid #1a73e8;
box-sizing: border-box;
margin: -1px 0 0 -1px
}
.analytics-ndc-document-info-container {
-webkit-align-items: center;
align-items: center;
background-color: #fff;
display: flex;
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
flex-direction: row;
margin-top: 16px;
max-width: 100%;
outline: none
}
.analytics-ndc-document-info {
-webkit-align-items: center;
align-items: center;
border-radius: 100px;
display: flex;
flex-direction: row
}
.analytics-ndc-document-icon-container {
outline: none;
margin: 0 0 0 4px
}
.analytics-ndc-document-title {
color: rgb(60, 64, 67);
display: block;
flex-direction: column;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 16px;
overflow: hidden;
padding: 0 8px;
text-overflow: ellipsis;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
display: -webkit-box;
max-height: 45px
}
.analytics-ndc-document-title a {
color: #1967d2 !important
}
.analytics-ndc-send-to-myself-container {
-webkit-align-items: center;
align-items: center;
display: flex;
flex-direction: row;
box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: flex-start;
justify-content: flex-start;
margin-left: -1px;
margin-top: 12px
}
.analytics-ndc-send-to-myself-container .docs-material-gm-labeled-checkbox {
cursor: pointer
}
.analytics-ndc-send-to-myself-container .docs-material-gm-labeled-checkbox-label {
color: #5f6368;
cursor: pointer;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400
}
.analytics-ndc-buttons {
-webkit-align-items: start;
align-items: start;
bottom: 0;
display: flex;
flex-direction: row;
box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: flex-end;
justify-content: flex-end;
min-height: 60px;
width: 100%
}
.analytics-ndc-cancel-button {
margin: 0 8px
}
.analytics-ndc-send-email-button {
margin: 0 32px 0 8px
}
.analytics-ndc-chip-button {
-webkit-align-items: center;
align-items: center;
border: 1px solid #dadce0;
border-radius: 100px;
cursor: pointer;
display: flex;
line-height: normal;
margin-right: 0;
padding: 8px
}
.analytics-ndc-chip-button.jfk-button-focused {
background-color: rgba(60, 64, 67, 0.06);
border: 1px solid #dadce0 !important
}
.analytics-ndc-chip-button.jfk-button-hover {
background-color: rgba(60, 64, 67, 0.04)
}
.analytics-ndc-chip-button.jfk-button-hover.jfk-button-focused {
background-color: rgba(60, 64, 67, 0.06)
}
.analytics-ndc-chip-button.jfk-button-active {
background-color: rgba(60, 64, 67, 0.06);
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}
.analytics-ndc-toast.docs-ui-toast {
border: 1px inset;
border-color: rgba(255, 255, 255, 0.2) rgba(255, 255, 255, 0.1) rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);
box-shadow: 0 6px 6px rgba(0, 0, 0, 0.15);
padding: 14px 24px;
z-index: 1003
}
.analytics-ndc-toast.docs-ui-toast .docs-ui-toast-content {
color: #fff;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400
}
.analytics-vhc-nudgeselectdropdown-container .analytics-ndsd {
-webkit-align-items: center;
align-items: center;
display: flex;
margin: auto 0;
padding-left: 2px;
visibility: hidden
}
.analytics-vhc-nudgeselectdropdown-container .goog-menu {
position: fixed
}
.analytics-vhc-checkboxes-visible .analytics-ndsd {
visibility: visible
}
.docs-hc-gecko .analytics-ndsd .docs-material-menu-button-flat-default-dropdown {
filter: invert(100%)
}
.analytics-ndsd-icon-container {
height: 24px;
opacity: 0.56;
width: 24px
}
.analytics-od {
width: 384px
}
.analytics-od,
.analytics-od-content {
border-radius: 8px
}
.analytics-od-title {
display: none
}
.analytics-od-picture {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
height: 216px
}
.analytics-od-header {
color: rgba(0, 0, 0, 0.87);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 500;
margin: 26px 24px 18px 24px
}
.analytics-od-body {
color: rgba(0, 0, 0, 0.7);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 400;
margin: 0 24px 0 24px
}
.analytics-od-paragraph {
line-height: 20px;
margin: 0 0 18px 0
}
.analytics-od-learnmorebutton,
.analytics-od-learnmorebutton:active,
.analytics-od-learnmorebutton:hover,
.analytics-od-learnmorebutton:link,
.analytics-od-learnmorebutton:visited {
align-self: left;
color: #1967d2;
cursor: pointer;
text-decoration: none
}
.analytics-od-settingsbutton,
.analytics-od-settingsbutton:focus,
.analytics-od-settingsbutton:hover,
.analytics-od-okbutton,
.analytics-od-okbutton:focus,
.analytics-od-okbutton:hover {
margin: 4px;
white-space: normal
}
.analytics-od-buttons {
display: flex;
flex-direction: row;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: center;
justify-content: center;
margin: 18px 24px 24px 24px
}
.analytics-od-okbutton {
min-width: 155px;
width: unset
}
.analytics-profile-image {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
height: 32px;
max-height: 36px;
max-width: 36px;
width: 32px
}
.analytics-rec-buttons {
-webkit-align-items: center;
align-items: center;
display: flex;
flex-direction: row;
height: 48px
}
.analytics-vhc-rowcard-root {
width: 100%
}
.analytics-vhc-rowcard-row,
.analytics-vhc-rowcard-row-button {
-webkit-align-items: center;
align-items: center;
display: flex;
flex-direction: row;
height: 48px;
text-align: left;
width: 100%
}
.analytics-vhc-rowcard-row {
position: relative
}
.analytics-vhc-rowcard-row::after {
border-bottom: 1px solid #e0e0e0;
bottom: 0;
content: '';
display: block;
height: 0;
left: 72px;
position: absolute;
width: calc(100% - 72px)
}
.analytics-vhc-groupcard-members .analytics-vhc-rowcard-row::after {
left: 48px;
width: calc(100% - 48px)
}
.analytics-vhc-rowcard-root:last-child>.analytics-vhc-rowcard-row::after {
display: none
}
.analytics-vhc-rowcard-profile {
-webkit-align-items: center;
align-items: center;
display: flex;
flex-direction: row;
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1
}
.analytics-vhc-rowcard-name {
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
display: -webkit-box;
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
margin-right: 24px;
white-space: normal
}
.analytics-vhc-rowcard-time {
color: #202124;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
margin-right: 36px;
width: 110px
}
.analytics-vhc-rowcard-row-button>.analytics-vhc-rowcard-time {
width: 108px
}
.analytics-vhc-rowcard-time-container {
-webkit-align-items: center;
align-items: center;
display: flex;
flex-direction: row
}
.analytics-vhc-rowcard-timenever .analytics-vhc-rowcard-time {
font-style: italic
}
.analytics-vhc-rowcard-timeabsent .analytics-vhc-rowcard-time,
.analytics-vhc-rowcard-iconabsent .analytics-vhc-rowcard-tooltip-icon {
visibility: hidden
}
.analytics-vhc-rowcard-tooltip-icon {
opacity: 0.56;
padding: 5px 0 5px 0
}
.analytics-vhc-rowcard-checkbox-container {
display: none;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.analytics-vhc-checkboxes-visible .analytics-vhc-rowcard-checkboxvisible .analytics-vhc-rowcard-checkbox-container,
.analytics-vhc-checkboxes-visible .analytics-vhc-rowcard-checkboxinvisible .analytics-vhc-rowcard-checkbox-container {
display: inherit;
margin: 7px 32px 7px 30px;
padding: 1px
}
.analytics-vhc-rowcard-checkboxinvisible .analytics-vhc-rowcard-checkbox-container {
visibility: hidden
}
.analytics-vhc-rowcard-spacing {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.analytics-selector {
height: 30px;
min-width: 140px
}
.analytics-selector-menu.goog-menu .goog-menuitem {
font-size: 14px;
padding-right: 30px
}
.analytics-sc,
.analytics-sc-settings {
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1
}
.analytics-sc-settings {
overflow-y: auto
}
.analytics-sc-settings-loading {
visibility: hidden
}
.analytics-sc-disabled-by-admin-explanation,
.analytics-sc-view-visibility-explanation {
color: rgba(0, 0, 0, 0.87);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 18px;
margin: 24px 24px 0 24px;
padding: 0 100px 0 0
}
.analytics-sc-view-visibility-explanation {
border-bottom: 1px solid rgba(0, 0, 0, 0.4);
padding-bottom: 24px
}
.analytics-sc-disabled-by-admin-explanation-link,
.analytics-sc-disabled-by-admin-explanation-link:active,
.analytics-sc-disabled-by-admin-explanation-link:hover,
.analytics-sc-disabled-by-admin-explanation-link:link,
.analytics-sc-disabled-by-admin-explanation-link:visited {
color: #1967d2;
cursor: pointer;
text-decoration: none
}
.analytics-sc-account-setting,
.analytics-sc-document-setting {
margin: 0 0 0 32px;
padding: 24px 0
}
.analytics-sc-document-setting {
border-top: 1px solid #e0e0e0
}
.analytics-sc-account-itemlabel,
.analytics-sc-document-itemlabel {
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 18px;
line-height: 24px
}
.analytics-sc-section-label {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 20px
}
.analytics-sc-section {
-webkit-align-items: center;
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 16px 32px 0 0
}
.analytics-sc .analytics-sc-account-show-setting-button {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
color: #137333;
cursor: pointer;
margin-right: 0;
max-width: 200px;
white-space: normal;
word-wrap: break-word
}
.analytics-sc-account-show-setting-button.jfk-button-hover {
background-color: #f8fcf9
}
.analytics-sc-account-show-setting-button.jfk-button-focused {
background-color: #e7f5eb
}
.analytics-sc-account-show-setting-button.jfk-button-focused.jfk-button-hover {
background-color: #dff2e4
}
.analytics-sc-account-show-setting-button.jfk-button-focused.jfk-button-active {
background-color: #dff2e4;
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15)
}
.analytics-sc-account-switch,
.analytics-sc-document-switch {
margin-left: 5px
}
.analytics-sc-account-explanation,
.analytics-sc-document-explanation {
color: #25272b;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
margin: 11px 110px 0 0;
width: auto
}
.analytics-sc-account-explanation a:link,
.analytics-sc-account-explanation a:visited {
color: #1967d2;
text-decoration: none
}
.analytics-sc-buttons {
-webkit-align-items: center;
align-items: center;
bottom: 0;
display: flex;
flex-direction: row;
height: 84px;
box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: flex-end;
justify-content: flex-end;
width: 100%
}
.analytics-sc-cancel-button {
margin: 0 8px
}
.analytics-sc-done-button,
.analytics-sc-save-button {
margin: 0 32px 0 8px
}
.analytics-sc-section .apps-ui-material-slide-toggle-container {
cursor: pointer;
margin-right: 2px
}
.analytics-sc-section .apps-ui-material-slide-toggle-container.apps-ui-material-slide-toggle-container-disabled {
cursor: default
}
.analytics-sc-section .apps-ui-material-slide-toggle-container-checked .apps-ui-material-slide-toggle-track {
background-color: #ceead6;
opacity: 1
}
.analytics-sc-section .apps-ui-material-slide-toggle-container-checked .apps-ui-material-slide-toggle-thumb {
background-color: #188038
}
.analytics-sc-section .apps-ui-material-slide-toggle-container-checked.apps-ui-material-slide-toggle-container-disabled .apps-ui-material-slide-toggle-track {
opacity: 0.07
}
.analytics-sc-section .apps-ui-material-slide-toggle-container-checked.apps-ui-material-slide-toggle-container-disabled .apps-ui-material-slide-toggle-thumb {
opacity: 0.26
}
.analytics-sc-section .apps-ui-material-slide-toggle-thumb {
opacity: 1.0;
background-color: #80868b
}
.analytics-sc-section .apps-ui-material-slide-toggle-container-focused .apps-ui-material-slide-toggle-thumb {
box-shadow: 0 0 6px rgba(0, 0, 0, .16), 0 6px 12px rgba(0, 0, 0, .32);
opacity: 1.0
}
.analytics-sc-section .apps-ui-material-slide-toggle-container-hover .apps-ui-material-slide-toggle-thumb {
opacity: 1.0
}
.analytics-sc .analytics-ec-container {
margin-bottom: 72px;
margin-top: 56px
}
.analytics-sfc-card {
-webkit-align-items: center;
align-items: center;
background-color: #eeeeee;
border-bottom: 1px solid #e0e0e0;
display: flex;
flex-direction: row;
height: 48px
}
.analytics-sfc-label {
color: #dd4330;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 400;
margin: 0 24px 0 24px
}
.analytics-sic {
background-color: #fff;
box-shadow: 0 1px 0 0 #dadce0;
display: flex;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
flex-direction: column;
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1
}
.analytics-sic-content {
-webkit-align-items: center;
align-items: center;
color: #414549;
display: flex;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-flex-basis: auto;
-ms-flex-basis: auto;
flex-basis: auto;
flex-direction: row;
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: flex-start;
justify-content: flex-start;
line-height: 18px;
margin: 10px 0;
min-height: 38px
}
.analytics-sic-icon {
height: 20px;
margin: 0 10px 0 30px;
min-width: 20px;
width: 20px
}
.analytics-sic-text {
margin-right: 32px
}
.analytics-shc {
overflow: hidden
}
.analytics-shc .activity-deck {
display: flex;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
min-height: 0;
position: relative
}
.analytics-shc .activity-deck-events-view,
.analytics-shc .activity-deck-empty-view {
display: flex;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
height: auto;
min-height: 0;
overflow: hidden;
width: 100%
}
.analytics-shc .activity-deck-empty-view {
-webkit-align-items: center;
align-items: center;
box-pack: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.analytics-shc .activity-list {
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
height: auto;
width: 100%
}
.analytics-shc .activity-event-target-list {
display: none
}
.analytics-shc .activity-event-header {
-webkit-align-items: center;
align-items: center;
display: flex;
height: 40px
}
.analytics-shc .activity-event-scopes-list {
margin-top: 0;
padding-left: 72px
}
.analytics-shc .activity-event>div:first-child {
padding-bottom: 0
}
.analytics-shc .activity-event-scopes-container {
padding: 8px 0
}
.analytics-shc .activity-event-scope-change-detail {
padding-top: 8px
}
.analytics-shc .activity-event-scope-change-detail.activity-event-scope-change-detail-first {
padding-top: 2px
}
.analytics-ssc {
-webkit-align-items: center;
align-items: center;
border-bottom: 1px solid #e0e0e0;
color: #5f6368;
display: flex;
flex-direction: row;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
justify-content: space-between;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 500;
overflow: hidden;
padding: 8px 12px 8px 16px
}
.analytics-ssc-summary {
margin-right: 12px
}
.analytics-ssc-manage-settings-button.analytics-btn-text.jfk-button {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 13px
}
.analytics-ssc-summary {
-webkit-align-items: center;
align-items: center;
display: flex;
flex-direction: row
}
.analytics-ssc-icon {
margin-right: 8px
}
.analytics-trc {
-webkit-align-items: center;
align-items: center;
color: rgba(0, 0, 0, 0.87);
display: flex;
-ms-flex: none;
-webkit-flex: none;
flex: none;
flex-direction: row;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
margin: 24px 24px 18px 24px
}
.analytics-tb-container {
-webkit-align-items: center;
align-items: center;
display: flex;
flex-direction: row;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
height: 72px;
box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between
}
.analytics-tb-title-text {
color: rgba(0, 0, 0, 0.87);
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 22px;
margin: 0 0 0 24px
}
.analytics-tb-close {
border: 0 !important;
border-radius: 20px;
cursor: pointer;
display: inline-flex;
height: auto;
margin: 0;
opacity: 0.54;
padding: 8px;
position: absolute;
right: 11px;
top: 16px;
z-index: 2
}
.analytics-tb-close.jfk-button-hover {
background-color: #f1f3f4;
border: 0
}
.analytics-tb-close.jfk-button-focused {
background-color: #e8eaed;
border: 0
}
.analytics-ttmw {
line-height: 13px
}
.analytics-tt-content {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 500
}
.analytics-appbar-tt-content {
line-height: 15px;
max-width: 320px;
padding: 0;
word-break: normal
}
.analytics-tpec-total-unique-viewers,
.analytics-tpec-explanation {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 400;
padding: 0 128px
}
.analytics-tpec-total-unique-viewers {
color: #212121;
font-size: 16px;
line-height: 24px;
padding-bottom: 8px
}
.analytics-tpec-explanation {
color: #757575;
font-size: 13px
}
.analytics-tpec-container {
-webkit-align-items: center;
align-items: center;
display: flex;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
flex-direction: column;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
min-height: 132px;
text-align: center;
width: 100%
}
.analytics-tpec-heading {
color: #25272b;
font-size: 28px;
height: 36px
}
.analytics-tpec-paragraph {
color: #414549;
font-size: 16px;
margin: 8px 0 16px 0;
width: 400px
}
.analytics-tpec-viewer-trend-button.jfk-button {
-webkit-align-items: center;
align-items: center;
font-weight: 500
}
.analytics-tc {
-webkit-align-items: center;
align-items: center;
color: rgba(0, 0, 0, 0.87);
display: flex;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
flex-direction: row;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 400;
min-height: 30px
}
.analytics-tc-message {
display: inline
}
.analytics-tc-comments-count {
display: inline;
font-weight: 500
}
.analytics-tc-tooltip-icon {
margin: 0 24px 0 6px;
opacity: 0.56
}
.analytics-tuvc {
-webkit-align-items: center;
align-items: center;
color: rgba(0, 0, 0, 0.87);
display: flex;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
flex-direction: row;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 400;
min-height: 30px
}
.analytics-tuvc-message {
display: inline
}
.analytics-tuvc-viewers-count {
display: inline;
font-weight: 500
}
.analytics-tuvc-tooltip-icon {
margin: 0 24px 0 6px;
opacity: 0.56
}
.analytics-tcc,
.analytics-tcc-chart-container,
.analytics-tcc-chart {
display: flex;
flex-direction: column;
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
min-height: 120px;
overflow: hidden
}
.analytics-tcc-chart .google-visualization-tooltip {
pointer-events: none
}
.analytics-tcc-data-table {
position: absolute;
overflow: hidden;
height: 1px;
left: -10000px;
top: auto;
width: 1px
}
.analytics-trend-sparkline-graph {
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
height: 60px;
position: relative
}
.analytics-trend-sparkline-chart {
height: 32px;
left: 24px;
position: absolute;
right: 24px;
top: 8px;
z-index: 3
}
.analytics-trend-sparkline-chart.analytics-trend-sparkline-dragging {
cursor: col-resize
}
.analytics-trend-sparkline-slider {
left: 14.5px;
position: absolute;
right: 14.5px;
top: 8px;
z-index: 4
}
.analytics-trend-sparkline-left-bg,
.analytics-trend-sparkline-right-bg {
border-color: #979797;
border-width: 1px;
position: absolute;
bottom: 20px;
top: 8px;
background-color: #efefef;
z-index: 1
}
.analytics-trend-previous-active-bg {
z-index: 2
}
.analytics-trend-bg-selected.analytics-trend-sparkline-left-bg,
.analytics-trend-bg-selected.analytics-trend-sparkline-right-bg {
border-color: #185abc;
border-width: 2px
}
.analytics-trend-sparkline-left-bg {
border-style: none dashed none none;
left: 24px
}
.analytics-trend-sparkline-right-bg {
border-style: none none none dashed;
right: 24px
}
.analytics-trend-bg-selected.analytics-trend-sparkline-left-bg {
left: 23.5px
}
.analytics-trend-bg-selected.analytics-trend-sparkline-right-bg {
right: 23.5px
}
.analytics-slider-thumbimpl {
background-color: transparent;
cursor: col-resize;
height: 32px;
width: 20px
}
.analytics-trend-sparkline-graph .analytics-twothumbslider {
height: 32px
}
.analytics-twothumbslider:focus,
.analytics-twothumbslider .goog-twothumbslider-value-thumb:focus,
.analytics-twothumbslider .goog-twothumbslider-extent-thumb:focus {
outline: none
}
.analytics-twothumbslider.goog-slider-dragging {
cursor: col-resize
}
.analytics-trend-sparkline-graph .analytics-twothumbslider .goog-twothumbslider-rangehighlight {
height: 0
}
.analytics-trend-sparkline-graph .analytics-twothumbslider .goog-twothumbslider-value-thumb,
.analytics-trend-sparkline-graph .analytics-twothumbslider .goog-twothumbslider-extent-thumb {
height: 32px;
position: absolute;
width: 20px;
z-index: 1
}
.analytics-trend-sparkline-graph .analytics-twothumbslider .analytics-previous-active-thumb {
z-index: 2
}
.analytics-tst {
background-color: #8f8f8f;
border: 0;
border-radius: 2px;
height: 10px;
padding: 4px 5px;
position: absolute
}
.analytics-tst-content {
color: #fff;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 9px;
font-weight: 400;
white-space: nowrap
}
.analytics-tst-arrow {
position: absolute
}
.analytics-tst-arrowup {
top: -5px
}
.analytics-tst-arrowimplbefore,
.analytics-tst-arrowimplafter {
display: block;
height: 0;
position: absolute;
width: 0
}
.analytics-tst-arrowimplbefore {
border: 5px solid;
border-color: #8f8f8f transparent;
border-top-width: 0;
left: -5px
}
.analytics-tst-arrowimplafter {
border: 4px solid;
border-color: #8f8f8f transparent;
border-top-width: 0;
left: -4px;
top: 1px
}
.analytics-vhc-viewcardlist {
width: 100%
}
.analytics-vhc-viewcardlist-scrollable {
overflow-y: auto
}
.analytics-vc-root,
.analytics-vc-content,
.analytics-vc-low-data-content {
display: flex;
flex-direction: column;
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
min-height: 1px;
position: relative;
z-index: 1
}
.analytics-vc-spinner .docs-quantum-spinner {
left: 0;
margin-left: 0
}
.analytics-vc-spinner .docs-spinner {
height: 28px
}
.analytics-vc-spinner {
height: 28px;
left: 50%;
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 28px
}
.analytics-lowdatatreatment {
display: flex;
flex-direction: column;
text-align: center;
width: 100%
}
.analytics-vc-low-data-content {
align-items: center;
justify-content: center
}
.analytics-vhc-rowcard-root .analytics-profile-image {
margin: 0 16px 0 24px;
vertical-align: middle
}
.analytics-votc {
display: flex;
flex-direction: column;
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
margin-bottom: 24px;
overflow-x: hidden;
overflow-y: auto
}
.analytics-votc-header {
-webkit-align-items: center;
align-items: center;
display: flex;
-ms-flex: 0 0 auto;
-webkit-flex: 0 0 auto;
flex: 0 0 auto;
flex-direction: row;
justify-content: space-between;
margin: 18px 24px 0 24px;
overflow: hidden
}
.analytics-votc-threshold-legend {
-webkit-align-items: center;
align-items: center;
color: #25272b;
display: flex;
flex-direction: row;
font-size: 12px;
margin: 16px 24px 0 45px;
text-align: center
}
.analytics-votc-threshold-legend-box {
border-top: 1px solid #669df6;
height: 1px;
margin-right: 12px;
width: 20px
}
.analytics-votc-threshold-tooltip-icon {
margin-left: 8px;
opacity: 0.56
}
.analytics-vhc-container {
display: flex;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
flex-direction: column;
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
min-height: 0
}
.analytics-vhc-viewhistory {
display: flex;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
flex-direction: column;
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
min-height: 0
}
.analytics-vhc-button-container {
-webkit-align-items: flex-start;
align-items: flex-start;
display: flex;
flex-direction: row;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
min-height: 58px;
box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between
}
.analytics-vhc-listsortbutton-container {
display: flex;
flex-direction: row;
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
box-pack: justify;
-ms-flex-pack: justify;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-top: 28px
}
.analytics-vhc-nudgeselectdropdown-container {
-webkit-align-items: center;
align-items: center;
display: flex;
margin-right: 13px;
margin-top: 22px;
width: 60px
}
.analytics-vhc-nudgeselectdropdown-container .goog-menuitem {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.analytics-vhc-nudgeselectdropdown-container .goog-menuitem.goog-menuitem-highlight {
padding-bottom: 6px;
padding-top: 6px
}
.analytics-vhc-tabbarholder {
border-bottom: 1px solid #e0e0e0;
box-shadow: 0 2px 12px 2px rgba(60, 64, 67, .15)
}
.analytics-vhc-tabbarholder .docs-tabbar {
background-color: #fff;
max-width: 100%
}
.analytics-vhc-tabbarholder .docs-tabbar-tab {
border-bottom: 4px solid transparent;
border-top: 4px solid transparent
}
.analytics-vhc-tabbarholder .docs-tabbar-tab-selected {
border-bottom: 4px solid #2196f3
}
.analytics-vhc-tabbarholder .docs-tabbar-focused .docs-tabbar-tab-selected {
background: #fff
}
.analytics-vhc-tabbarholder .docs-tabbar-mouseactive .docs-tabbar-tab {
background: transparent
}
.analytics-vhc-tabbarholder .docs-tabbar .docs-tabbar-tab-active {
background: transparent
}
.analytics-vhc-tabbarholder .docs-tabbar-tablabel {
color: rgba(0, 0, 0, 0.54);
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 500
}
.analytics-vhc-tabbarholder .docs-tabbar-tab-selected .docs-tabbar-tablabel {
color: rgba(0, 0, 0, 0.87)
}
.analytics-vhc-tabbarholder .docs-tabbar .docs-tabbar-tab {
align-items: flex-end;
height: 48px;
padding: 0 16px;
position: relative;
max-width: 300px;
border: 0
}
.analytics-vhc-tabbarholder .docs-tabbar .docs-tabbar-tab:first-child {
margin-left: 8px
}
.analytics-vhc-tabbarholder .docs-tabbar-tab .docs-tabbar-tablabel {
color: #5f6368;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.3px;
text-transform: none;
margin-bottom: 8px;
text-transform: none
}
.analytics-vhc-tabbarholder .docs-tabbar-tab-hover .docs-tabbar-tablabel {
color: #3c4043
}
.analytics-vhc-tabbarholder .docs-tabbar-focused .docs-tabbar-tab-hover .docs-tabbar-tablabel {
color: #202124
}
.analytics-vhc-tabbarholder .docs-tabbar-mouseactive .docs-tabbar-tab-hover .docs-tabbar-tablabel {
color: #137333
}
.analytics-vhc-tabbarholder .docs-tabbar-tab-selected .docs-tabbar-tablabel {
color: #137333
}
.analytics-vhc-tabbarholder .docs-tabbar-tab-selected.docs-tabbar-tab-hover .docs-tabbar-tablabel {
color: #137333
}
.analytics-vhc-tabbarholder .docs-tabbar-focused .docs-tabbar-tab-selected.docs-tabbar-tab-hover .docs-tabbar-tablabel {
color: #137333
}
.analytics-vhc-tabbarholder .docs-tabbar-mouseactive .docs-tabbar-tab-selected.docs-tabbar-tab-hover .docs-tabbar-tablabel {
color: #137333
}
.analytics-vhc-tabbarholder .docs-tabbar-tab-selected::before {
border-top: 3px solid #188038;
border-radius: 3px 3px 0 0;
bottom: 0;
content: '';
display: block;
height: 0;
left: 8px;
position: absolute;
width: calc(100% + -16px)
}
.analytics-vhc-tabbarholder .docs-tabbar-tab-selected.docs-tabbar-tab-hover::before {
border-bottom-color: #137333
}
.analytics-vhc-tabbarholder .docs-tabbar-focused .docs-tabbar-tab-selected.docs-tabbar-tab-hover::before {
border-bottom-color: #137333
}
.analytics-vhc-tabbarholder .docs-tabbar .docs-tabbar-tab-active {
background: transparent
}
.analytics-vhc-tabbarholder .analytics-vhc .analytics-vc-spinner {
top: 325px
}
.analytics-vhc-tablabel-domain-name {
font-weight: 400;
text-transform: none
}
.driveLockingUnlockcontent-text {
color: var(--dt-on-surface-variant, rgb(95, 99, 104));
display: block;
font-family: Roboto, Arial, sans-serif;
font-size: 1rem;
font-weight: 400;
letter-spacing: 0.00625em;
line-height: 1.5rem
}
.drive-locking-dialog {
border-radius: 8px;
max-width: 500px
}
.driveLockingDialogbasedialog-title {
align-items: center;
display: inline-flex
}
.driveLockingDialogbasedialog-title-icon {
background-color: var(--dt-primary-container-icon, rgb(25, 103, 210));
border-radius: 50%;
margin-right: 12px;
padding: 8px 3px 3px 8px;
width: 29px;
height: 29px
}
.driveLockingDialogbasedialog-title-text {
display: block;
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 22px;
line-height: 28px
}
.driveLockingDialogbaseitem-chip {
border: 1px solid var(--dt-outline, rgb(128, 134, 139));
border-radius: 100px;
display: inline-block;
font-size: 14px;
height: 32px;
margin-top: 10px;
max-width: calc(100% - 30px);
padding-left: 15px;
padding-right: 15px
}
.driveLockingDialogbaseitem-chip-content {
align-items: center;
display: flex;
height: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.driveLockingDialogbaseitem-chip-icon {
width: 20px
}
.driveLockingDialogbaseitem-chip-title {
padding-left: 10px
}
.drive-lock-dialog-cancel {
color: var(--dt-primary-action, rgb(25, 103, 210))
}
.drive-lock-dialog-confirm,
.drive-lock-dialog-cancel {
text-transform: initial
}
#docs-approvals-toast-unlock,
#docs-approvals-toast-reload {
cursor: pointer
}
#docs-approvals-toast-unlock.jfk-button-disabled,
#docs-approvals-toast-reload.jfk-button-disabled {
display: none
}
.docs-approvals-banner-container {
align-items: center;
background: #e6f4ea;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
height: 48px;
-webkit-justify-content: space-between;
justify-content: space-between;
position: relative
}
.docs-approvals-banner-unlocked.docs-approvals-banner-container {
border-bottom: 1px solid #dadce0
}
.docs-approvals-banner-locked.docs-approvals-banner-container {
border-top: 1px solid #dadce0
}
.docs-hc-gecko.docs-approvals-banner-container {
border-bottom: 1px solid
}
.docs-approvals-banner-details,
.docs-approvals-banner-buttons,
.docs-approvals-banner-status-details {
align-items: center;
display: flex
}
.docs-approvals-banner-status {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.1px;
margin: 0 16px 0 0
}
.docs-approvals-banner-full-message {
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
letter-spacing: 0.2px
}
.docs-approvals-banner-container .docs-approvals-banner-icon {
margin: 0 18px
}
.docs-approvals-banner-buttons .docs-approvals-banner-primary-button-wrapper .docs-approvals-banner-primary-button.docs-material-button,
.docs-approvals-banner-buttons .docs-approvals-banner-secondary-button-wrapper .docs-approvals-banner-secondary-button.docs-material-button-fill-primary.docs-material-button,
.docs-approvals-banner-buttons .docs-approvals-banner-tertiary-button-wrapper .docs-approvals-banner-tertiary-button.docs-material-button-fill-primary.docs-material-button {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
height: 32px;
letter-spacing: 0.25px;
line-height: 20px;
padding: 5px 10px;
text-transform: none
}
.docs-approvals-banner-non-primary-button-wrapper .docs-material-button-fill-primary.docs-material-button {
background: none
}
.docs-approvals-banner-non-primary-button-wrapper .docs-material-button-fill-primary.docs-material-button-hover {
background-color: #f8fcf9;
box-shadow: none
}
.docs-approvals-banner-non-primary-button-wrapper .docs-material-button-fill-primary.docs-material-button-focused {
box-shadow: none
}
.docs-approvals-banner-non-primary-button-wrapper .docs-material-button-fill-primary.docs-material-button-disabled {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
border: 1px solid #f1f3f4 !important;
color: #3c4043;
opacity: 0.38
}
.docs-approvals-banner-buttons .docs-approvals-banner-dismiss-button.docs-material-button-fill-primary.docs-material-button {
border-radius: 50%;
box-sizing: content-box;
display: flex;
height: 18px;
line-height: 18px;
margin: 0 4px 1px 0;
padding: 7px;
width: 18px
}
.docs-approvals-banner-buttons .docs-approvals-banner-dismiss-button .docs-icon {
margin: 0
}
.docs-feature-level-banner-docs .docs-approvals-banner-non-primary-button-wrapper .docs-material-button {
color: #185abc
}
.docs-feature-level-banner-sheets .docs-approvals-banner-non-primary-button-wrapper .docs-material-button {
color: #188038
}
.docs-feature-level-banner-slides .docs-approvals-banner-non-primary-button-wrapper .docs-material-button {
color: #202124
}
.docs-feature-level-banner-docs .docs-approvals-banner-non-primary-button-wrapper .docs-material-button-fill-primary.docs-material-button-focused {
background-color: rgba(25, 103, 210, .12)
}
.docs-feature-level-banner-sheets .docs-approvals-banner-non-primary-button-wrapper .docs-material-button-fill-primary.docs-material-button-focused {
background-color: rgba(24, 128, 56, .12)
}
.docs-feature-level-banner-slides .docs-approvals-banner-non-primary-button-wrapper .docs-material-button-fill-primary.docs-material-button-focused {
background-color: rgba(234, 134, 0, .12)
}
.docs-feature-level-banner-docs .docs-approvals-banner-icon .docs-approvals-banner-icon-path {
fill: #1967d2
}
.docs-feature-level-banner-sheets .docs-approvals-banner-icon .docs-approvals-banner-icon-path {
fill: #188038
}
.docs-feature-level-banner-slides .docs-approvals-banner-icon .docs-approvals-banner-icon-path {
fill: #202124
}
.docs-grille-gm3 .docs-approvals-banner-container {
background: #d3e3fd;
border: none
}
.docs-grille-gm3 .docs-approvals-banner-buttons .docs-material-button {
background: none
}
.docs-grille-gm3 .docs-approvals-banner-buttons .docs-approvals-banner-primary-button-wrapper .docs-approvals-banner-primary-button.docs-material-button,
.docs-grille-gm3 .docs-approvals-banner-buttons .docs-approvals-banner-secondary-button-wrapper .docs-approvals-banner-secondary-button.docs-material-button-fill-primary.docs-material-button,
.docs-grille-gm3 .docs-approvals-banner-buttons .docs-approvals-banner-tertiary-button-wrapper .docs-approvals-banner-tertiary-button.docs-material-button-fill-primary.docs-material-button {
border: 1px solid transparent;
border-radius: 100px;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 14px;
font-weight: 500;
height: 40px;
line-height: 20px;
padding: 10px 24px;
color: #041e49;
padding: 10px 12px;
height: 36px;
padding: 8px 12px
}
.docs-grille-gm3 .docs-approvals-banner-icon .docs-approvals-banner-icon-path,
.docs-grille-gm3 .docs-approvals-banner-non-primary-button-wrapper .docs-material-button,
.docs-grille-gm3 .docs-approvals-banner-status,
.docs-grille-gm3 .docs-approvals-banner-full-message {
color: #041e49
}
.docs-grille-gm3 .docs-approvals-banner-buttons .docs-material-button-hover,
.docs-grille-gm3 .docs-approvals-banner-non-primary-button-wrapper .docs-material-button-fill-primary.docs-material-button-hover {
border: 1px solid transparent;
border-radius: 100px;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 14px;
font-weight: 500;
height: 40px;
line-height: 20px;
padding: 10px 24px;
color: #041e49;
padding: 10px 12px;
background-color: rgba(11, 87, 208, .08);
box-shadow: none
}
.docs-grille-gm3 .docs-approvals-banner-buttons .docs-material-button-focused,
.docs-grille-gm3 .docs-approvals-banner-non-primary-button-wrapper .docs-material-button-fill-primary.docs-material-button-focused {
border: 1px solid transparent;
border-radius: 100px;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 14px;
font-weight: 500;
height: 40px;
line-height: 20px;
padding: 10px 24px;
color: #041e49;
padding: 10px 12px;
background-color: rgba(11, 87, 208, .12);
box-shadow: none
}
.docs-grille-gm3 .docs-approvals-banner-buttons .docs-approvals-banner-dismiss-button,
.docs-grille-gm3 .docs-approvals-banner-buttons .docs-approvals-banner-dismiss-button.docs-material-button-focused,
.docs-grille-gm3 .docs-approvals-banner-buttons .docs-approvals-banner-dismiss-button.docs-material-button-hover {
border: none;
border-radius: 100%;
height: 40px;
line-height: 40px;
padding: 0;
width: 40px
}
.docs-grille-gm3 .docs-approvals-banner-buttons .docs-approvals-banner-dismiss-button .docs-icon {
margin: 0 3px 3px 0
}
.docs-grille-gm3 .docs-approvals-banner-non-primary-button-wrapper .docs-material-button-fill-primary.docs-material-button-disabled {
border: 1px solid transparent;
border-radius: 100px;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 14px;
font-weight: 500;
height: 40px;
line-height: 20px;
padding: 10px 24px;
color: #041e49;
padding: 10px 12px;
color: #1f1f1f;
border-color: transparent !important
}
.goog-link-button {
position: relative;
color: #15c;
text-decoration: underline;
cursor: pointer
}
.goog-link-button-disabled {
color: #ccc;
text-decoration: none;
cursor: default
}
.docs-approvals-approval-reset-warning-dialog {
font-size: 14px;
letter-spacing: 0.2px;
line-height: 20px;
width: 452px
}
.docs-warning-dialog-image-container {
text-align: center
}
.docs-approvals-approval-reset-warning-dialog .docs-material-gm-dialog-title {
padding: 24px 20px 12px 20px
}
.docs-approvals-approval-reset-warning-dialog .docs-material-gm-dialog-content {
padding: 0 20px 12px 20px
}
.docs-approvals-approval-reset-warning-dialog-content-text {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.docs-approvals-approval-reset-warning-dialog .docs-material-gm-dialog-buttons {
padding: 12px 24px 20px 24px
}
.docs-approvals-approval-reset-warning-dialog-link-button-wrapper {
display: inline-block
}
.docs-approvals-approval-reset-warning-dialog-link-button.goog-link-button {
color: #1a73e8;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
letter-spacing: 0.25px;
text-decoration: none;
text-transform: none
}
.docs-common-banner-container,
.docs-common-banner-flex-wrap {
display: flex;
height: auto;
width: 100%
}
.docs-common-banner-flex-wrap {
flex-wrap: wrap
}
.docs-common-banner-icon {
margin: 14px 0 0 22px
}
.docs-common-banner-title {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
letter-spacing: 0.1px;
margin: 14px 0 0 16px
}
.docs-common-banner-message {
flex-grow: 1;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
letter-spacing: 0.2px;
line-height: 20px;
margin: 14px 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: normal
}
.docs-common-banner-buttons {
display: flex;
align-items: flex-end;
flex-wrap: wrap;
justify-content: flex-end;
margin: 8px 16px 8px auto
}
.docs-common-banner-buttons .docs-material-button {
border-radius: 4px;
font-size: 14px;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: normal;
letter-spacing: 0.25px;
outline: 1px solid transparent;
text-transform: none
}
.docs-common-banner-secondary-button-wrapper {}
.docs-common-banner-primary-button-wrapper {}
.docs-common-banner-dismiss-button-wrapper {}
.docs-blameview {
display: block;
background: #ffffff;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
outline: none;
overflow: hidden;
width: 240px
}
.docs-blameview-title-container {
align-items: center;
background: #f8f8f8;
display: flex;
flex-direction: row;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
justify-content: space-between
}
.docs-blameview-title {
display: block;
background: #f8f8f8;
color: #3c4043;
font-weight: 500;
font-size: 14px;
padding: 16px
}
.docs-blameview-nav-container {
margin: 2px 8px 0 8px;
white-space: nowrap
}
.docs-blameview-previous-edit-button,
.docs-blameview-next-edit-button {
cursor: pointer;
background: transparent;
border-radius: 2px;
height: 24px;
outline: none
}
.docs-blameview-nav-container .docs-blameview-previous-edit-button .docs-blameview-button-icon .docs-icon-img:before,
.docs-blameview-nav-container .docs-blameview-next-edit-button .docs-blameview-button-icon .docs-icon-img:before,
.docs-blameview-nav-container .docs-blameview-previous-edit-button .docs-blameview-button-icon .docs-icon-img,
.docs-blameview-nav-container .docs-blameview-next-edit-button .docs-blameview-button-icon .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.docs-blameview-previous-edit-button.jfk-button-hover,
.docs-blameview-next-edit-button.jfk-button-hover,
.docs-blameview-previous-edit-button.jfk-button-focused,
.docs-blameview-next-edit-button.jfk-button-focused {
cursor: pointer;
background: #f1f3f4;
border-color: transparent
}
.docs-blameview-previous-edit-button.jfk-button-active,
.docs-blameview-next-edit-button.jfk-button-active {
cursor: pointer;
background: #e6f4ea
}
.docs-blameview-previous-edit-button.jfk-button-disabled,
.docs-blameview-next-edit-button.jfk-button-disabled {
cursor: default
}
.docs-blameview-nav-container .docs-blameview-previous-edit-button.jfk-button-disabled .docs-icon-img:before,
.docs-blameview-nav-container .docs-blameview-next-edit-button.jfk-button-disabled .docs-icon-img:before,
.docs-blameview-nav-container .docs-blameview-previous-edit-button.jfk-button-disabled .docs-icon-img,
.docs-blameview-nav-container .docs-blameview-next-edit-button.jfk-button-disabled .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_dark.svg);
opacity: .38
}
.docs-blameview-button-icon {
overflow: hidden;
position: relative
}
.docs-blameview-message {
background: #fff;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
color: #3c4043;
display: block;
font-size: 14px;
line-height: 20px;
overflow: hidden;
overflow-wrap: break-word;
padding: 13px 16px 13px 16px;
text-overflow: ellipsis;
white-space: normal
}
.docs-blameview-header {
background: #f8f8f8;
display: flex;
flex-direction: row;
padding: 0 16px 10px 16px;
white-space: nowrap
}
.docs-blameview-avatar-holder {
display: inline-block;
max-width: 32px
}
.docs-blameview-avatar {
border-radius: 50%;
height: 32px;
width: 32px
}
.docs-blameview-authortimestamp {
color: #3c4043;
display: inline-block;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
overflow: hidden;
padding: 0 10px;
text-overflow: ellipsis;
white-space: nowrap;
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1
}
.docs-blameview-timestamp {
display: block;
font-size: 12px;
margin: 0
}
.docs-blameview-author {
display: block;
font-size: 14px;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
height: 18px;
margin-bottom: 1px;
max-width: 167px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.docs-blameview-valuecontainer {
background: #ffffff;
display: flex;
flex: 1 1 auto;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
justify-content: space-between;
line-height: 20px;
max-height: 160px;
overflow: hidden;
overflow-wrap: break-word;
white-space: normal;
width: 100%
}
.docs-blame-bold-text {
font-style: normal;
font-weight: 500
}
.docs-blameview-value-content {
color: #3c4043;
display: inline;
font-style: italic;
overflow-x: hidden;
overflow-y: auto;
overflow-wrap: break-word;
padding: 10px 16px;
word-wrap: break-word
}
.docs-blameview-value-content-indirect-edit {
margin-right: 0
}
.overlay-container-rtl .docs-blameview-value-content-indirect-edit {
margin-left: 0
}
.docs-blameview-spinner {
background: #fff;
overflow: hidden;
padding: 30px 16px 13px 16px
}
.docs-blameview-spinner-holder {
float: left;
height: 32px;
margin: 0 0 0 16px;
position: relative
}
.overlay-container-rtl .docs-blameview-spinner-holder {
float: right;
margin: 0 16px 0 0
}
.docs-blameview-icon:before {
content: url(//ssl.gstatic.com/docs/common/menu_feature_sprite8.svg)
}
.docs-blameview-icon {
height: 4444px;
position: absolute;
width: 72px
}
.docs-blameview-footer {
border-top: 1px solid #dadce0;
display: flex;
flex-direction: column;
padding: 12px 16px 0 16px
}
.docs-blameview-warning,
.docs-blameview-indirect-edit {
color: #3c4043;
display: block;
font-size: 12px;
line-height: 16px;
padding-bottom: 12px;
white-space: normal
}
a.docs-blameview-warning-info,
.docs-blameview-indirect-edit-learnmore a {
color: #1a73e8;
text-decoration: underline
}
.docs-blameview-feedback {
align-items: center;
background: #ffffff;
border-top: 1px solid #dadce0;
display: block;
padding-left: 16px;
padding-right: 9px;
padding-top: 10px;
line-height: 20px
}
.docs-blameview-short-feedback {
display: none
}
.docs-blameview-useful-text {
color: #3c4043;
float: left;
font-size: 14px;
font-style: italic
}
.docs-blameview-give-thumbs-up {
float: right;
padding-right: 12px
}
.docs-blameview-thumbs-up-button {
float: left;
opacity: 0.6;
padding-right: 10px;
width: 18px
}
.docs-blameview-thumbs-down-button {
float: right;
opacity: 0.6;
width: 18px
}
.docs-blameview-thumbs-up-button:hover,
.docs-blameview-thumbs-down-button:hover {
cursor: pointer;
opacity: 1
}
.docs-blameview-long-feedback {
display: none;
font-size: 14px;
font-style: italic
}
.docs-blameview-long-feedback a,
.docs-blameview-long-feedback a:link,
.docs-blameview-long-feedback a:visited {
color: #1a73e8
}
.docs-blameview-long-feedback-text {
color: #3c4043
}
.docs-blameview-nav-container .docs-hc-gecko.docs-blameview-previous-edit-button .docs-icon-img,
.docs-blameview-nav-container .docs-hc-gecko.docs-blameview-next-edit-button .docs-icon-img {
filter: brightness(1.5)
}
.docs-blameview-nav-container .docs-hc-gecko.docs-blameview-previous-edit-button.jfk-button-disabled .docs-icon-img,
.docs-blameview-nav-container .docs-hc-gecko.docs-blameview-next-edit-button.jfk-button-disabled .docs-icon-img {
filter: brightness(10);
opacity: 1
}
.docs-google-finance-chip-hovercard {
background-color: white;
box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15);
border-radius: 8px;
fill: white;
min-width: max-content
}
.docs-google-finance-chip-header {
padding: 16px
}
.docs-google-finance-chip-header-exchange-symbol {
color: #80868b;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.8px;
line-height: 16px
}
.docs-google-finance-chip-header-entity-name {
color: #3c4043;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
letter-spacing: 0.1px;
line-height: 20px;
padding-top: 4px
}
.docs-google-finance-chip-body {
padding: 0 16px
}
.docs-google-finance-chip-key-metrics {
padding-bottom: 8px
}
.docs-google-finance-chip-key-metrics-primary-row {
align-items: center;
display: flex;
flex-direction: row
}
.docs-google-finance-chip-price {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 32px;
line-height: 40px
}
.docs-google-finance-chip-percent-delta-bubble {
align-content: center;
border-radius: 8px;
display: flex;
flex-direction: row;
margin-left: 12px;
margin-right: 8px;
padding: 4px 8px;
width: fit-content
}
.docs-google-finance-chip-percent-delta-direction-arrow {
margin-right: 2px
}
.docs-google-finance-chip-percent-delta,
.docs-google-finance-chip-scalar-delta {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
letter-spacing: 0.25px;
line-height: 20px
}
.docs-google-finance-chip-percent-delta-bubble.docs-google-finance-chip-delta-positive {
background-color: #e6f4ea
}
.docs-google-finance-chip-percent-delta-bubble.docs-google-finance-chip-delta-negative {
background-color: #fce8e6
}
.docs-google-finance-chip-delta-positive {
color: #137333
}
.docs-google-finance-chip-delta-negative {
color: #a50e0e
}
.docs-google-finance-chip-secondary-metric {
color: #5f6368;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
letter-spacing: 0.3px;
line-height: 18px
}
.docs-google-finance-chip-footer {
align-items: center;
border-top: 1px solid #dadce0;
display: flex;
flex-direction: row;
height: 48px;
-webkit-justify-content: flex-end;
justify-content: flex-end;
padding: 0 16px
}
.docs-google-finance-chip-footer-actions .docs-bubble-button {
line-height: 0;
margin-right: 0;
box-shadow: none;
background-color: transparent;
background-image: none;
cursor: pointer;
height: 18px;
width: 18px;
border-radius: 50%;
border-width: 0px;
border-style: solid;
border-color: transparent;
box-shadow: none;
background-clip: padding-box;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
min-width: unset;
padding: 6px
}
.docs-google-finance-chip-footer-actions .docs-bubble-button.jfk-button:hover,
.docs-google-finance-chip-footer-actions .docs-bubble-button.jfk-button:focus {
background-color: rgba(0, 0, 0, .06)
}
.docs-google-finance-chip-footer-actions .docs-bubble-button.jfk-button:hover:active {
background-color: #e6f4ea
}
@media (forced-colors:active) {
.docs-google-finance-chip-footer-actions .docs-bubble-button.jfk-button:focus {
outline: 1px solid Highlight;
outline-offset: -4px
}
}
.docs-google-finance-chip-footer-actions .docs-bubble-button .docs-icon {
height: 18px;
margin: 0;
width: 18px;
vertical-align: baseline
}
.docs-promo-title-prefix {
color: #d25342;
font-weight: 500
}
.docs-promo-title {
color: #333;
font-weight: 500
}
.docs-promo-content {
color: #666;
cursor: pointer
}
.docs-promo-dismiss-link {
color: #15c;
cursor: pointer
}
.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore,
.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
border-color: rgba(0, 0, 0, .1) transparent
}
.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowleft .jfk-bubble-arrowimplbefore,
.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowright .jfk-bubble-arrowimplbefore {
border-color: transparent rgba(0, 0, 0, .1)
}
.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowdown .jfk-bubble-arrowimplafter {
border: 10px solid;
border-bottom-width: 0;
border-color: #fafafa transparent
}
.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
border: 10px solid;
border-top-width: 0;
border-color: #fafafa transparent
}
.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowleft .jfk-bubble-arrowimplafter {
border: 10px solid;
border-left-width: 0;
border-color: transparent #fafafa
}
.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowright .jfk-bubble-arrowimplafter {
border: 10px solid;
border-right-width: 0;
border-color: transparent #fafafa
}
.jfk-bubble.docs-promo-bubble {
background-color: #fafafa;
border: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
box-shadow: rgba(255, 255, 255, .9) 0 1px 0 inset, rgba(0, 0, 0, .03) 0 -1px 0 inset, rgba(0, 0, 0, .15) 0 15px 10px, rgba(0, 0, 0, .3) 0 8px 36px;
padding: 0
}
.docs-gm-promo.jfk-bubble.docs-promo-bubble {
background-color: #188038;
border-radius: 8px;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
margin-top: 4px
}
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowimplbefore {
border-color: transparent
}
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowdown .jfk-bubble-arrowimplafter,
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
border-color: #188038 transparent
}
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowleft .jfk-bubble-arrowimplafter,
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowright .jfk-bubble-arrowimplafter {
border-color: transparent #188038
}
.docs-promo-text-container {
width: 363px;
word-wrap: break-word
}
.docs-promo-text-container-ltr {
float: right
}
.docs-promo-container {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 24px 16px 0 16px
}
.docs-gm-promo .docs-promo-container {
padding: 16px
}
.docs-promo-icon-container {
width: 48px;
height: 48px;
margin-right: 16px;
float: left
}
.docs-promo-header {
color: #000;
opacity: 0.87;
font-size: 15px;
font-weight: 500
}
.docs-gm-promo .docs-promo-header {
color: #fff;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
opacity: 1
}
.docs-promo-header-prefix {
color: #d25342
}
.docs-promo-body {
color: #666;
font-size: 13px;
line-height: 20px;
padding-top: 20px
}
.docs-gm-promo .docs-promo-body {
color: #fff;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
padding: 4px 0
}
.docs-gm-promo .docs-promo-body a,
.docs-gm-promo .docs-promo-body a:link,
.docs-gm-promo .docs-promo-body a:active,
.docs-gm-promo .docs-promo-body a:hover,
.docs-gm-promo .docs-promo-body a:visited {
color: inherit
}
.docs-promo-action-row {
font-weight: 500;
padding-top: 20px;
padding-right: 8px;
padding-bottom: 24px;
position: relative;
text-align: right
}
.docs-gm-promo .docs-promo-action-row {
padding: 0;
margin-top: 16px
}
.docs-promo-action-row a,
.docs-promo-action-row a:link,
.docs-promo-action-row a:active,
.docs-promo-action-row a:hover,
.docs-promo-action-row a:visited {
color: #4285f4;
text-decoration: none
}
.docs-gm-promo .docs-promo-action-row a,
.docs-gm-promo .docs-promo-action-row a:link,
.docs-gm-promo .docs-promo-action-row a:active,
.docs-gm-promo .docs-promo-action-row a:hover,
.docs-gm-promo .docs-promo-action-row a:visited {
color: #fff
}
.docs-promo-action-container {
color: #4285f4;
cursor: pointer;
text-transform: uppercase
}
.docs-gm-promo .docs-promo-action-container {
color: #fff;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
margin: 0 0 0 20px;
text-transform: none
}
.docs-gm-promo .docs-promo-action-container:focus {
outline-color: #fff
}
.docs-promo-action-button-right {
margin-left: 12.5px;
float: right
}
.docs-promo-action-button-left {
margin-right: 12.5px
}
.docs-promo-two-buttons .docs-promo-action-button-right {
max-width: 125px;
text-align: center
}
.docs-promo-two-buttons .docs-promo-action-button-left {
max-width: 61px;
text-align: center
}
.docs-gm .docs-gm-sidebar-icon {
display: flex;
align-items: center;
margin-right: 12px;
height: 24px;
width: 24px
}
.docs-gm .docs-gm-sidebar-icon .docs-gm-sidebar-icon-24 {
height: 24px;
margin: 0;
width: 24px
}
.docs-gm .docs-gm-sidebar-icon-path {
fill: #188038
}
.docs-sidebar-titlebar-icon-button {
cursor: pointer;
position: absolute;
right: 10px
}
.docs-sidebar-gm-titlebar-icon-button {
background-color: transparent;
border: none !important;
border-radius: 50%;
cursor: pointer;
height: 26px;
margin-left: auto;
margin-right: 0;
padding: 6px 0 0 0;
position: relative;
right: -5px;
text-align: center;
top: 0;
width: 32px
}
.docs-sidebar-gm-titlebar-icon-button:hover {
background-color: #f1f3f4
}
.docs-sidebar-gm-titlebar-icon-button:focus {
background-color: #e8eaed;
outline: none
}
@media screen and (forced-colors:active) {
.docs-sidebar-gm-titlebar-icon-button:focus,
.docs-sidebar-gm-titlebar-icon-button:hover {
background-color: Highlight
}
}
.docs-clipboard-clearall {
font-weight: 500
}
.docs-clipboard-preview {
position: absolute;
background-color: #fff;
color: black;
visibility: hidden;
width: 260px;
height: 195px;
overflow: hidden;
font-size: 80%;
border: 1px solid #888;
outline: 0;
padding: 2px;
top: 0;
z-index: 9999
}
.docs-clipboard-preview iframe {
border: 0;
padding: 0;
margin: 0;
width: 100%;
height: 100%;
vertical-align: top
}
.docs-textcolormenubutton .goog-toolbar-menu-button-outer-box .goog-toolbar-menu-button-inner-box .goog-toolbar-menu-button-caption .goog-color-menu-button-indicator {
height: 20px;
width: 22px;
bottom: 1px
}
.docs-text-color-state-change-button {
margin-right: 0;
padding: 0 18px
}
.jfk-button-standard.docs-c-u-colormenutogglebutton-base.docs-c-u-colormenutogglebutton-extra-visible-border.jfk-button-hover,
.jfk-button-standard.docs-c-u-colormenutogglebutton-base.docs-c-u-colormenutogglebutton-extra-visible-border.jfk-button-hover.jfk-button-checked {
border: 1px solid #000
}
.docs-text-color-omnibox-icon {
float: left;
width: 16px;
height: 16px;
margin: 2px
}
.docs-callout {
align-items: center;
border-radius: 8px;
display: flex;
flex-direction: row;
padding: 12px
}
.docs-callout-info {
background: #e6f4ea
}
.docs-callout-info>.docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.docs-callout-important {
background: #feefc3
}
.docs-callout-warning {
background: #fbbc04
}
.docs-callout-important>.docs-icon-img,
.docs-callout-warning>.docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_dark.svg)
}
.docs-callout>.docs-icon {
flex-shrink: 0;
height: 24px;
width: 24px
}
.docs-callout-message {
color: #202124;
font: 400 14px/20px Roboto, sans-serif;
letter-spacing: 0.2px;
margin-left: 12px
}
.docs-docos-activitybox {
background: #fff;
border: solid 1px #cbcbcb;
-moz-box-shadow: -1px 1px 1px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
padding: 12px 0;
position: absolute;
outline: none;
right: 20px;
top: 46px;
z-index: 900
}
.docs-docos-activitybox-round-corners {
border: unset;
border-radius: 8px
}
.docos-streampanesize {
height: 420px;
width: 385px
}
.docs-docos-activitybox-inner {
height: 100%;
overflow: auto
}
.docs-docos-activitybox.docos-enable-new-header {
padding: 0 !important;
height: auto !important
}
.docs-docos-activitybox.docos-enable-new-header>.docs-docos-activitybox-inner {
overflow: visible !important
}
.docs-docos-caret-inner,
.docs-docos-caret-outer {
border: 9px solid;
border-top-width: 0;
display: block;
height: 0;
margin: 0 auto;
position: relative;
width: 0;
z-index: 901
}
.docs-docos-caret-inner {
border-color: #fff transparent;
top: 1px
}
.docs-docos-caret-outer {
border-color: #cbcbcb transparent;
top: 9px
}
.docos-enable-new-header>.docs-docos-caret-inner {
border-color: #f1f1f1 transparent !important
}
.docs-docos-activity-sidebar {
overflow: hidden;
box-shadow: -3px 0px 6px -3px rgba(60, 64, 67, .15), 3px 0px 6px -3px rgba(60, 64, 67, .15);
background-color: #fff;
display: flex;
flex-direction: column;
outline: none;
position: absolute;
right: 0;
top: 0;
width: 385px
}
.docs-docos-activity-sidebar-header {
display: flex;
align-items: center;
color: #202124;
background-color: #fff;
height: 56px;
padding: 0 16px;
border-bottom: 1px solid #dadce0;
border-top: 1px solid #dadce0;
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
z-index: 2;
justify-content: space-between;
min-height: 56px
}
.docs-docos-activity-sidebar-header-title {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
position: relative;
left: auto
}
.docs-docos-activity-sidebar-header-action-container {
align-items: center;
display: flex
}
.docs-sidebar-gm-titlebar-icon-button.docs-sidebar-gm-close-button.docs-docos-activity-sidebar-close {
align-items: center;
display: flex;
height: 32px;
justify-content: center;
margin: 0;
padding: 4px;
right: 0
}
.docs-grille-gm3 .docs-docos-activity-sidebar {
background-color: #fff;
border-radius: 16px;
box-shadow: none;
margin: 10px 16px 16px;
outline: none;
width: 300px;
margin: 10px 16px 0;
width: 320px;
width: 385px
}
.docs-grille-gm3 .docs-docos-activity-sidebar-header {
align-items: center;
background-color: #fff;
border-bottom: 1px solid #dadce0;
border-top: none;
color: #202124;
display: flex;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 16px;
height: 56px;
padding: 0 16px;
z-index: 2
}
.docos-shelly-icon {
background-image: url(//ssl.gstatic.com/docs/common/d-icons31.png);
background-repeat: no-repeat;
height: 14px;
width: 14px
}
.docos-icon-close-pane {
background-position: 0 -21px
}
.docos-icon-close-pane:hover {
background-position: -38px -45px
}
.docos-icon-grippy {
background-position: -38px -94px;
width: 16px;
height: 4px
}
.docos-icon-discussion-button {
background-position: -22px -66px;
width: 14px;
height: 15px;
vertical-align: text-bottom;
margin-right: 5px
}
.docos-new-dot {
background-color: rgb(242, 153, 0);
border-radius: 50%;
display: inline-block;
float: right;
height: 6px;
margin-left: 10px;
margin-top: 5px;
position: absolute;
width: 6px
}
@keyframes docos-new-dot-animation {
0% {
transform: scale(0)
}
70% {
transform: scale(1.2)
}
100% {
transform: scale(1)
}
}
@-webkit-keyframes docos-new-dot-animation {
0% {
transform: scale(0)
}
70% {
transform: scale(1.2)
}
100% {
transform: scale(1)
}
}
.post-limit-error-dialog {
max-width: 512px;
box-sizing: border-box
}
.post-limit-error-dialog .docs-material-gm-dialog-content {
color: #3c4043;
font-size: 14px
}
.instant-button {
height: 24px;
width: 24px;
outline: none;
padding: 8px
}
.instant-button:hover {
background: #f1f3f4
}
.multi-button .first-visible-button {
padding-top: 15px
}
.multi-button .last-visible-button {
padding-bottom: 15px
}
.superfab-icon-container {
position: absolute;
transition: opacity .15s ease-in-out
}
.docs-material .docs-icon.superfab-icon-size {
height: 24px;
width: 24px
}
.superfab-icon {
display: inline-block;
opacity: 0.9;
transition: opacity .15s ease-in-out
}
#docs-instant-bubble:hover .superfab-icon,
#docs-instant-bubble .superfab-icon:hover {
opacity: 1
}
.send-to-email-toast.docs-ui-toast {
max-width: 323px;
padding: 14px 16px 14px 16px !important
}
.send-to-email-toast.docs-ui-toast .docs-ui-toast-content {
color: #8ab4f8;
font-family: "Google Sans";
font-size: 14px;
min-width: 323px;
line-height: 20px;
align-items: center;
letter-spacing: 0.25px;
margin: 0 8px
}
.superfab-button-container {
position: relative
}
.multi-button .superfab-button-promo-text {
top: 6px
}
.superfab-button-promo-text {
color: #9aa0a6;
display: block;
font-size: 12px;
left: 40px;
line-height: 14px;
opacity: 1;
padding: 12px;
position: absolute;
text-align: left;
top: 1px;
width: max-content
}
.docs-grille-gm3 .instant-button:hover {
background-color: rgba(11, 87, 208, .08)
}
.docs-grille-gm3 .instant-button:focus,
.docs-grille-gm3 .instant-button:active {
background-color: rgba(11, 87, 208, .12)
}
.docs-grille-gm3 .multi-button .first-visible-button {
padding-top: 12px
}
.docs-grille-gm3 .multi-button .last-visible-button {
padding-bottom: 12px
}
.office-editing-detailed-export-error-bubble {
background: #fff;
border: #fff;
border-radius: 8px;
height: 167px;
left: 310px;
outline: transparent;
padding: 0;
position: absolute;
top: 35px;
width: 310px
}
.office-editing-detailed-export-error-bubble-header {
align-items: center;
background: #fce8e6;
border: #fff;
border-radius: 8px 8px 0 0;
color: #c5221f;
display: flex;
font-family: Google Sans;
font-size: 14px;
height: 40px;
left: 310px;
line-height: 20px;
mix-blend-mode: normal;
top: 35px;
width: 310px
}
.office-editing-detailed-export-error-bubble-header-content {
align-items: center;
color: #c5221f;
display: flex;
font-family: Google Sans;
font-weight: 500;
font-size: 14px;
height: 20px;
left: 366px;
letter-spacing: 0.2px;
line-height: 20px;
mix-blend-mode: normal;
top: 45px;
width: 250px
}
.office-editing-detailed-export-error-bubble-description {
color: #202124;
font-family: Roboto;
font-size: 12px;
letter-spacing: 0.3px;
line-height: 16px;
height: 47px;
margin: 16px;
mix-blend-mode: normal;
width: 280px;
display: inline-block
}
.docs-material.office-editing-detailed-export-error-bubble-header .office-editing-detailed-export-error-bubble-warning-amber-icon-container,
.docs-material.office-editing-detailed-export-error-bubble-header .office-editing-detailed-export-error-bubble-loop-icon-container {
align-items: center;
border-radius: 0;
display: flex;
height: 24px;
margin-left: 17px;
margin-right: 10px;
width: 24px
}
.office-editing-detailed-export-error-bubble-learn-more-button.jfk-button {
color: #1a73e8;
cursor: pointer;
font-family: Google Sans;
flex: none;
order: 0;
flex-grow: 0;
font-size: 14px;
font-style: normal;
font-weight: normal;
height: 20px;
line-height: 16px;
left: 8px;
letter-spacing: 0.2px;
margin-left: 194px;
padding-top: 8px;
padding-bottom: 3px;
width: 77px
}
.office-editing-detailed-export-error-bubble-restore-button.jfk-button,
.office-editing-detailed-export-error-bubble-save-as-google-docs-button.jfk-button {
color: #1a73e8;
cursor: pointer;
font-family: Roboto;
font-style: normal;
font-weight: normal;
font-size: 12px;
line-height: 16px;
margin: 0;
padding: 0
}
.office-editing-detailed-export-error-bubble-save-as-google-docs-button.jfk-button:active,
.office-editing-detailed-export-error-bubble-restore-button.jfk-button:active {
color: #1a73e8
}
.office-editing-detailed-export-error-bubble-learn-more-button:focus {
background-color: #e8f0fe;
border: none;
outline: 1px solid
}
.office-editing-detailed-export-error-bubble-save-as-google-docs-button:focus,
.office-editing-detailed-export-error-bubble-restore-button:focus {
background-color: #e8f0fe;
border: none
}
.office-editing-detailed-export-error-bubble-learn-more-button.jfk-button:hover {
background-color: #e8f0fe;
border: none;
outline: none
}
.office-editing-detailed-export-error-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
border-color: transparent
}
.office-editing-detailed-export-error-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
border-color: transparent
}
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.office-editing-detailed-export-error-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore,
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.office-editing-detailed-export-error-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
border-color: #fff transparent
}
.office-editing-onboarding-promo-bubble-dotted-progressbar-dot {
background: #ceead6;
border-radius: 50%;
display: inline-block;
height: 8px;
margin-right: 8px;
width: 8px
}
.office-editing-onboarding-promo-bubble-dotted-progressbar-dot-highlighted {
background: #188038
}
.office-editing-onboarding-dialog {
width: 480px
}
.office-editing-onboarding-dialog-logo {
height: 256px;
width: 480px;
content: url("//ssl.gstatic.com/docs/common/promo/ritz_shadow_docs_promo_ltr.gif");
border-top-left-radius: 8px;
border-top-right-radius: 8px
}
.office-editing-onboarding-dialog-heading {
color: #202124;
font-size: 24px;
line-height: 32px;
padding-top: 24px;
padding-bottom: 12px;
padding-left: 24px;
padding-right: 24px
}
.office-editing-onboarding-dialog-description {
color: #5f6368;
font-size: 18px;
line-height: 28px;
text-align: center;
padding-left: 24px;
padding-right: 24px
}
.office-editing-onboarding-dialog-logo-container,
.office-editing-onboarding-dialog-heading,
.office-editing-onboarding-dialog-description,
.office-editing-onboarding-dialog .docs-material-gm-dialog-buttons {
display: flex;
justify-content: center
}
.office-editing-onboarding-dialog .docs-material-gm-dialog-title {
padding: 0
}
.office-editing-onboarding-dialog .docs-material-gm-dialog-title-close {
cursor: pointer;
top: 18px;
right: 18px
}
.office-editing-onboarding-dialog .docs-material-gm-dialog-content {
padding-left: 0;
padding-right: 0;
padding-bottom: 16px
}
.office-editing-onboarding-dialog .docs-material-gm-dialog-buttons {
padding-top: 0
}
.office-editing-onboarding-promo-bubble {
padding: 16px 16px 16px 20px;
width: 324px
}
.office-editing-onboarding-promo-bubble-title {
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 18px;
line-height: 24px;
padding-bottom: 8px
}
.office-editing-onboarding-promo-bubble-description {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
padding-right: 24px
}
.office-editing-onboarding-promo-bubble .docs-material-promo-walkthrough-bubble-buttons {
display: block;
padding: 24px 0 0 0;
justify-content: normal;
text-align: right
}
.office-editing-onboarding-promo-bubble .docs-material-promo-walkthrough-bubble-buttons .docs-material-button-hairline-primary.docs-material-button {
display: inline-block;
height: 24px;
padding: 3px 18px 3px
}
.office-editing-onboarding-promo-bubble .docs-material-promo-walkthrough-bubble-buttons .docs-material-button-fill-primary.docs-material-button {
display: inline-block;
float: right;
height: 24px;
padding: 3px 18px 3px
}
.office-editing-onboarding-promo-bubble .docs-material-promo-walkthrough-bubble-buttons .office-editing-onboarding-promo-bubble-dotted-progressbar {
display: inline-block;
float: left;
padding-top: 4.5px;
padding-bottom: 4.5px
}
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.office-document-state-bubble {
background-color: #fff;
height: auto;
outline: 1px solid transparent;
width: 313px;
word-wrap: break-word;
z-index: 998 !important
}
.office-document-state-bubble-description-container {
border: 0;
border-radius: 8px 8px 0 0;
padding: 16px
}
.office-document-state-bubble-has-warnings-container-kix {
background: #e6f4ea;
border: 0;
border-radius: 0 0 8px 8px;
color: #1967d2;
padding: 16px
}
.office-document-state-bubble-has-warnings-container-ritz {
background: #e6f4ea;
border: 0;
border-radius: 0 0 8px 8px;
color: #0d652d;
padding: 16px
}
.office-document-state-bubble-has-warnings-container-punch {
background: #e6f4ea;
border: 0;
border-radius: 0 0 8px 8px;
color: #202124;
padding: 16px
}
.office-document-state-bubble-has-warnings-text-container {
font-size: 14px;
line-height: 20px;
padding-bottom: 4px;
width: 250px
}
.office-document-state-bubble-has-warnings-text-container .office-document-state-bubble-has-warnings-text {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 400
}
.office-document-state-bubble-has-warnings-icon {
padding-right: 8px;
vertical-align: top
}
.office-document-state-bubble-description {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
padding-bottom: 4px
}
.office-document-state-bubble-title {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
height: 28px;
line-height: 20px;
padding-bottom: 8px;
display: inline-block
}
.office-document-state-bubble-learn-more-button {
background: inherit;
border: none;
cursor: pointer;
margin-left: 8px;
margin-top: 3px;
user-select: none;
display: inline-block
}
.goog-button.office-document-state-bubble-version-history-button {
background: inherit;
border: none;
color: #15c;
cursor: pointer;
display: inline-block
}
.office-document-state-bubble-learn-more-button:hover {
border: none;
outline: none
}
.office-document-state-bubble-learn-more-button:focus,
.office-document-state-bubble-learn-more-button:hover:focus {
border: none;
outline: 1px solid
}
.office-document-state-bubble-see-details-button {
background: inherit;
cursor: pointer;
float: right;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
margin-right: 8px;
margin-top: 11px;
padding: 1px;
width: fit-content
}
.office-document-state-bubble-has-warnings-container-kix .office-document-state-bubble-see-details-button {
color: #1967d2
}
.office-document-state-bubble-has-warnings-container-ritz .office-document-state-bubble-see-details-button {
color: #0d652d
}
.office-document-state-bubble-has-warnings-container-punch .office-document-state-bubble-see-details-button {
color: #202124
}
.office-document-state-bubble-see-details-button:hover {
border: none;
outline: none
}
.office-document-state-bubble-see-details-button:focus,
.office-document-state-bubble-see-details-button:hover:focus {
border: none;
outline: 1px solid
}
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.office-document-state-bubble .office-document-state-bubble-description-container .document-state-bubble-icon-container-20,
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.office-document-state-bubble .office-document-state-bubble-has-warnings-container .document-state-bubble-icon-container-20,
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.office-document-state-bubble .office-document-state-bubble-no-warning-container .document-state-bubble-icon-container-20 {
height: 20px;
margin: 0;
width: 20px
}
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.office-document-state-bubble .office-document-state-bubble-description-container .document-state-bubble-icon-container-24 {
height: 24px;
margin: 0;
width: 24px
}
.docs-gm .docs-material .office-document-state-bubble-has-warnings-icon .office-document-state-bubble-warning-20 {
left: -40px;
top: -9496px;
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.docs-material .office-document-state-bubble-info-20 {
left: -58px;
top: -10062px
}
.docs-material.office-document-state-bubble-no-warning-container .office-document-state-bubble-check-circle-outline-dark-grey-20 {
left: 0;
top: -8148px
}
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.office-document-state-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore,
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.office-document-state-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
border-color: #fff transparent
}
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.office-document-state-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
background: #fff;
border-radius: 4px;
box-shadow: 0 0 3px 0 rgba(32, 33, 36, 0.3);
height: 13px;
position: absolute;
transform: rotate(-48deg)
}
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.office-document-state-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
height: 24px;
left: -15px;
top: -14px;
transform: scale(1.02) perspective(24px) rotateX(60deg);
width: 16px
}
.office-document-state-bubble-no-warning-container {
background: #f1f3f4;
border: 0;
border-radius: 0 0 8px 8px;
padding: 16px
}
.office-document-state-bubble-no-warning-text {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 400;
line-height: 16px;
padding-left: 8px;
size: 14px;
vertical-align: middle
}
.office-document-state-bubble-warning-accepted-container {
background: #f1f3f4;
border: 0;
border-radius: 0 0 8px 8px;
padding: 16px
}
.office-document-state-bubble-warning-accpeted-text {
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 400;
line-height: 20px;
letter-spacing: 0.3px;
size: 14px
}
.office-document-state-bubble-warning-accpeted-undo-and-restore-button {
background: inherit;
cursor: pointer;
float: right;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
letter-spacing: 0.3px;
line-height: 16px;
margin: 11px 8px 4px 0;
padding: 1px;
size: 14px;
width: fit-content
}
.office-document-state-bubble-warning-accpeted-undo-and-restore-button:hover {
border: none;
outline: none
}
.office-document-state-bubble-warning-accpeted-undo-and-restore-button:focus,
.office-document-state-bubble-warning-accpeted-undo-and-restore-button:hover:focus {
border: none;
outline: 1px solid
}
.office-document-state-bubble-warning-accepted-container .office-document-state-bubble-warning-accpeted-undo-and-restore-button.goog-button.goog-button-disabled {
color: #5f6368
}
.office-document-state-bubble-warning-accpeted-restore-button-kix {
color: #1967d2
}
.office-document-state-bubble-warning-accpeted-restore-button-punch {
color: #202124
}
.office-document-state-bubble-warning-accpeted-restore-button-ritz {
color: #0d652d
}
.office-editing-file-extension .office-editing-file-extension-text {}
.office-editing-file-extension .office-editing-file-extension-warning-icon-container {}
.office-editing-file-extension .office-editing-file-extension-promo-badge {
height: 10px;
width: 10px;
border-radius: 50%;
position: absolute;
top: -4.5px;
background: #d93025;
border: 1px solid #fff;
box-sizing: border-box
}
.office-editing-file-extension .office-editing-file-extension-warning-icon-container .office-editing-file-extension-branded-warning-icon-container {
height: 14px;
width: 14px;
margin: 0 0 4px 4px
}
.docs-gm .office-editing-file-extension-warning-icon-container .office-editing-file-extension-warning-icon-14 {
left: -46px;
top: -7978px
}
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.office-document-warning-callout-bubble {
background-color: #fff;
border: 0;
border-radius: 8px;
height: auto;
outline: 1px solid transparent;
width: 313px;
word-wrap: break-word;
z-index: 998 !important
}
.office-document-warning-callout-bubble-container {
padding: 16px
}
.office-document-warning-callout-bubble-text {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px;
padding: 16px 16px 12px 16px
}
.office-document-warning-callout-bubble-button-container {
font-size: 14px;
float: right;
line-height: 20px;
padding: 0 24px 24px 24px
}
.office-document-warning-callout-bubble-dismiss-button {
background: inherit;
color: #1a73e8;
cursor: pointer;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
margin-right: 19px;
padding: 1px;
width: fit-content
}
.office-document-warning-callout-bubble-dismiss-button:focus,
.office-document-warning-callout-bubble-dismiss-button:hover:focus {
border: none;
outline: none
}
.office-document-warning-callout-bubble-dismiss-button:focus,
.office-document-warning-callout-bubble-dismiss-button:hover:focus {
border: none;
outline: 1px solid
}
.office-document-warning-callout-bubble-see-details-button {
background: inherit;
color: #1a73e8;
cursor: pointer;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
padding: 1px;
width: fit-content
}
.office-document-warning-callout-bubble-see-details-button:hover {
border: none;
outline: none
}
.office-document-warning-callout-bubble-see-details-button:focus,
.office-document-warning-callout-bubble-see-details-button:hover:focus {
border: none;
outline: 1px solid
}
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.office-document-warning-callout-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore,
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.office-document-warning-callout-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
border-color: #fff transparent
}
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.office-document-warning-callout-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
background: #fff;
border-radius: 4px;
box-shadow: 0 0 3px 0 rgba(32, 33, 36, 0.3);
height: 13px;
position: absolute;
transform: rotate(-48deg)
}
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.office-document-warning-callout-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
height: 24px;
left: -15px;
top: -14px;
transform: scale(1.02) perspective(24px) rotateX(60deg);
width: 16px
}
.docs-material .docs-icon,
.docs-material .goog-color-menu-button-indicator .docs-icon,
.docs-material .sketchy-toolbar-color-menu-button .goog-toolbar-menu-button-caption .docs-icon {
height: 18px;
width: 18px;
margin: 1px 2px 2px 1px
}
.docs-material .docs-icon-img:before {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475.svg)
}
.docs-gm .docs-material .docs-icon-img:before {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_medium.svg)
}
.docs-grille .docs-material .docs-icon-img:before {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_gm3_grey_medium.svg)
}
.docs-material .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475.svg)
}
.docs-gm .docs-material .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_medium.svg)
}
.docs-grille .docs-material .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_gm3_grey_medium.svg)
}
.docs-material .docs-icon-img-container {
height: 11944px;
position: absolute;
width: 83px
}
.docs-material .goog-menuitem-icon .docs-icon-img-container {
opacity: 0.54
}
.docs-gm .docs-material .goog-menuitem-icon .docs-icon-img-container {
opacity: 1
}
.docs-material .goog-menuitem-icon .docs-icon-document,
.docs-material .goog-menuitem-icon .docs-icon-punch,
.docs-material .goog-menuitem-icon .docs-icon-presentation,
.docs-material .goog-menuitem-icon .docs-icon-spreadsheet,
.docs-material .goog-menuitem-icon .docs-icon-form,
.docs-material .goog-menuitem-icon .docs-icon-drawing,
.docs-material .goog-menuitem-icon .docs-icon-script,
.docs-material .goog-menuitem-icon .docs-icon-site {
opacity: 1
}
.docs-material .goog-toolbar-button-inner-box .docs-icon,
.docs-material .goog-toolbar-menu-button-caption .docs-icon,
.docs-material .goog-toolbar-menu-button-caption .goog-color-menu-button-indicator .docs-icon {
margin-top: 0px
}
.docs-gm .docs-material .goog-toolbar-button-active .docs-icon-img:before,
.docs-gm .docs-material .goog-toolbar-button-checked .docs-icon-img:before,
.docs-gm .docs-material .goog-toolbar-button-selected .docs-icon-img:before,
.docs-gm .docs-material .goog-toolbar-combo-button-open .docs-icon-img:before,
.docs-gm .docs-material .goog-toolbar-menu-button-open .docs-icon-img:before,
.docs-gm .docs-material .docs-toolbar-split-create-button.goog-toolbar-button-active .docs-icon-img:before,
.docs-gm .docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button-active .docs-icon-img:before,
.docs-gm .docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button-open .docs-icon-img:before,
.docs-gm .docs-material .docs-appbar-circle-button.jfk-button-active .docs-icon-img:before,
.docs-gm .docs-material .docs-appbar-circle-button.jfk-button-checked .docs-icon-img:before,
.docs-gm .docs-material .docs-analytics-sidebar-tab-selected .docs-icon-img:before,
.docs-gm .docs-material.docs-sheet-active-tab .docs-icon-img:before,
.docs-gm .docs-material .docs-sheet-button-active .docs-icon-img:before,
.docs-gm .docs-material .docs-sheet-button-open .docs-icon-img:before,
.docs-gm .docs-material .punch-present-startmenuitem .docs-icon-img:before,
.docs-gm .docs-material .punch-start-presentation-container .docs-icon-img:before,
.docs-gm .docs-material .waffle-named-ranges-promo-title .docs-icon-img:before,
.docs-gm .docs-material.goog-flat-menu-button-open .docs-icon-img:before,
.docs-gm .docs-material.trix-palette .goog-palette-cell-selected .docs-icon-img:before,
.docs-bubble .docs-bubble-button.jfk-button:hover:active .docs-icon-img:before,
.docs-material .docs-save-indicator-popup-icon .docs-icon-img:before,
.docs-material .fta-blanket-warning .docs-icon-img:before,
.docs-material .docs-icon-system-applied-labels.docs-icon-img:before,
.docs-material .docs-labels-banner-icon .docs-icon-editors-ia-label.docs-icon-img:before,
.docs-material .docs-titlebar-badge:active .docs-icon-img:before,
.docs-material .docs-titlebar-badge.docs-titlebar-badge-selected .docs-icon-img:before,
.docs-gm .docs-material .docs-smart-summary-tinted.docs-icon-img:before,
.docs-material .smart-canvas-date-details-bubble-pattern-picker-button .docs-icon-img:before,
.docs-material .smart-canvas-date-details-bubble-pattern-picker-button-original .docs-icon-img:before,
.docs-material .smart-canvas-date-details-bubble-book-meeting-button .docs-icon-img:before,
.docs-gm .docs-emoji-picker-tabbar .docs-tabbar-tab-selected .docs-icon-img:before,
.docs-gm .docs-material .docs-talk-track-menu-button .docs-icon-img:before,
.docs-gm .docs-material .kix-task-bubble-blue-icon .docs-icon-img:before,
.docs-gm .docs-talk-track-filmstrip-button-record-icon .docs-icon-img:before,
.docs-gm .docs-icon-camera-placeholder-18 .docs-icon-img:before,
.docs-gm .docs-icon-camera-placeholder-24 .docs-icon-img:before,
.docs-gm .docs-icon-video-camera-front-18 .docs-icon-img:before,
.docs-gm .docs-icon-video-camera-front-24 .docs-icon-img:before {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.docs-gm .docs-material .goog-toolbar-button-active .docs-icon-img,
.docs-gm .docs-material .goog-toolbar-button-checked .docs-icon-img,
.docs-gm .docs-material .goog-toolbar-button-selected .docs-icon-img,
.docs-gm .docs-material .goog-toolbar-combo-button-open .docs-icon-img,
.docs-gm .docs-material .goog-toolbar-menu-button-open .docs-icon-img,
.docs-gm .docs-material .docs-toolbar-split-create-button.goog-toolbar-button-active .docs-icon-img,
.docs-gm .docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button-active .docs-icon-img,
.docs-gm .docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button-open .docs-icon-img,
.docs-gm .docs-material .docs-appbar-circle-button.jfk-button-active .docs-icon-img,
.docs-gm .docs-material .docs-appbar-circle-button.jfk-button-checked .docs-icon-img,
.docs-gm .docs-material .docs-analytics-sidebar-tab-selected .docs-icon-img,
.docs-gm .docs-material.docs-sheet-active-tab .docs-icon-img,
.docs-gm .docs-material .docs-sheet-button-active .docs-icon-img,
.docs-gm .docs-material .docs-sheet-button-open .docs-icon-img,
.docs-gm .docs-material .punch-present-startmenuitem .docs-icon-img,
.docs-gm .docs-material .punch-start-presentation-container .docs-icon-img,
.docs-gm .docs-material .waffle-named-ranges-promo-title .docs-icon-img,
.docs-gm .docs-material.goog-flat-menu-button-open .docs-icon-img,
.docs-gm .docs-material.trix-palette .goog-palette-cell-selected .docs-icon-img,
.docs-bubble .docs-bubble-button.jfk-button:hover:active .docs-icon-img,
.docs-material .docs-save-indicator-popup-icon .docs-icon-img,
.docs-material .docs-icon-system-applied-labels.docs-icon-img,
.docs-material .docs-labels-banner-icon .docs-icon-editors-ia-label.docs-icon-img,
.docs-material .fta-blanket-warning .docs-icon-img,
.docs-material .docs-titlebar-badge:active .docs-icon-img,
.docs-material .docs-titlebar-badge.docs-titlebar-badge-selected .docs-icon-img,
.docs-gm .docs-material .docs-smart-summary-tinted.docs-icon-img,
.docs-material .smart-canvas-date-details-bubble-pattern-picker-button .docs-icon-img,
.docs-material .smart-canvas-date-details-bubble-pattern-picker-button-original .docs-icon-img,
.docs-material .smart-canvas-date-details-bubble-book-meeting-button .docs-icon-img,
.docs-gm .docs-emoji-picker-tabbar .docs-tabbar-tab-selected .docs-icon-img,
.docs-gm .docs-material .docs-talk-track-menu-button .docs-icon-img,
.docs-gm .docs-material .kix-task-bubble-blue-icon .docs-icon-img,
.docs-gm .docs-talk-track-filmstrip-button-record-icon .docs-icon-img,
.docs-gm .docs-icon-camera-placeholder-18 .docs-icon-img,
.docs-gm .docs-icon-camera-placeholder-24 .docs-icon-img,
.docs-gm .docs-icon-video-camera-front-18 .docs-icon-img,
.docs-gm .docs-icon-video-camera-front-24 .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.docs-material.clean-palette .docs-icon {
margin: 4px
}
.docs-material .docs-omnibox-row-icon .shape-icon {
margin: -1px 0 0 -1px
}
.docs-material .docs-icon-editors-ia-accessibility-person {
left: 0;
top: -2744px
}
.docs-material .docs-icon-editors-ia-add-box {
left: -26px;
top: -1578px
}
.docs-material .docs-icon-editors-ia-add-comment {
left: -62px;
top: -3446px
}
.docs-material .docs-icon-editors-ia-add-ons-docs {
left: 0;
top: -1322px
}
.docs-material .docs-icon-editors-ia-add-ons-sheets {
left: -52px;
top: -11330px
}
.docs-material .docs-icon-editors-ia-add-ons-slides {
left: 0;
top: -3210px
}
.docs-material .docs-icon-editors-ia-add-person {
left: 0;
top: -5518px
}
.docs-material .docs-icon-editors-ia-add-photo {
left: -20px;
top: -3572px
}
.docs-material .docs-icon-editors-ia-add-to-drive {
left: -20px;
top: -1708px
}
.docs-material .docs-icon-editors-ia-align-bottom {
left: -20px;
top: -11086px
}
.docs-material .docs-icon-editors-ia-align-center {
left: -40px;
top: -8896px
}
.docs-material .docs-icon-editors-ia-align-horizontal-center {
left: -42px;
top: -1958px
}
.docs-material .docs-icon-editors-ia-align-horizontal-left {
left: -60px;
top: -20px
}
.docs-material .docs-icon-editors-ia-align-horizontal-right {
left: -62px;
top: -962px
}
.docs-material .docs-icon-editors-ia-align-justify {
left: -46px;
top: -7288px
}
.docs-material .docs-icon-editors-ia-align-left {
left: -60px;
top: -8710px
}
.docs-material .docs-icon-editors-ia-align-middle {
left: 0;
top: -1488px
}
.docs-material .docs-icon-editors-ia-align-right {
left: 0;
top: -1766px
}
.docs-material .docs-icon-editors-ia-align-top {
left: -40px;
top: -9162px
}
.docs-material .docs-icon-editors-ia-align-vertical-bottom {
left: -42px;
top: -5706px
}
.docs-material .docs-icon-editors-ia-align-vertical-center {
left: -60px;
top: -11086px
}
.docs-material .docs-icon-editors-ia-align-vertical-top {
left: -26px;
top: -7776px
}
.docs-material .docs-icon-editors-ia-alphabetical-sort {
left: -22px;
top: -7132px
}
.docs-material .docs-icon-editors-ia-alphabetical-sort-reverse {
left: 0;
top: -5618px
}
.docs-material .docs-icon-editors-ia-animation {
left: -60px;
top: -10042px
}
.docs-material .docs-icon-editors-ia-antenna-update {
left: -46px;
top: -11904px
}
.docs-material .docs-icon-editors-ia-approvals-stamp {
left: -62px;
top: -8690px
}
.docs-material .docs-icon-editors-ia-apps-script {
left: -20px;
top: -3552px
}
.docs-material .docs-icon-editors-ia-article-document {
left: -20px;
top: -9474px
}
.docs-material .docs-icon-editors-ia-article-document-blue {
left: -22px;
top: -10324px
}
.docs-material .docs-icon-editors-ia-article-document-filled {
left: 0;
top: -1938px
}
.docs-material .docs-icon-editors-ia-auto-complete-draw {
left: 0;
top: -9316px
}
.docs-material .docs-icon-editors-ia-auto-fix-wand {
left: -40px;
top: -8730px
}
.docs-material .docs-icon-editors-ia-bigquery {
left: -40px;
top: -3676px
}
.docs-material .docs-icon-editors-ia-bold {
left: -60px;
top: -5164px
}
.docs-material .docs-icon-editors-ia-bookmark {
left: -20px;
top: -2596px
}
.docs-material .docs-icon-editors-ia-calendar-event {
left: -42px;
top: -10686px
}
.docs-material .docs-icon-editors-ia-camera {
left: 0;
top: -9402px
}
.docs-material .docs-icon-editors-ia-chart {
left: -62px;
top: -6730px
}
.docs-material .docs-icon-editors-ia-chart-horizontal {
left: -42px;
top: -8670px
}
.docs-material .docs-icon-editors-ia-change-connector {
left: -62px;
top: -942px
}
.docs-material .docs-icon-editors-ia-checkbox {
left: -60px;
top: -2596px
}
.docs-material .docs-icon-editors-ia-chips-people {
left: -20px;
top: -5800px
}
.docs-material .docs-icon-editors-ia-clear-format {
left: -26px;
top: -11924px
}
.docs-material .docs-icon-editors-ia-close {
left: 0;
top: -4454px
}
.docs-material .docs-icon-editors-ia-columns {
left: 0;
top: -10428px
}
.docs-material .docs-icon-editors-ia-colors-fill {
left: -62px;
top: -122px
}
.docs-material .docs-icon-editors-ia-comment-edit {
left: 0;
top: -4494px
}
.docs-material .docs-icon-editors-ia-comment-edit-green700 {
left: 0;
top: -11718px
}
.docs-material .docs-icon-editors-ia-comment-feedback-warning {
left: -42px;
top: -8542px
}
.docs-material .docs-icon-editors-ia-comment-lines {
left: -62px;
top: -10448px
}
.docs-material .docs-icon-editors-ia-compare-arrows {
left: 0;
top: -6072px
}
.docs-material .docs-icon-editors-ia-content-copy {
left: -62px;
top: -586px
}
.docs-material .docs-icon-editors-ia-control-point-duplicate {
left: -46px;
top: -5124px
}
.docs-material .docs-icon-editors-ia-crop {
left: -48px;
top: -1552px
}
.docs-material .docs-icon-editors-ia-cut {
left: 0;
top: -10386px
}
.docs-material .docs-icon-editors-ia-database {
left: -26px;
top: -4198px
}
.docs-material .docs-icon-editors-ia-delete-trash {
left: 0;
top: -4434px
}
.docs-material .docs-icon-editors-ia-device-hub-connector {
left: 0;
top: -7154px
}
.docs-material .docs-icon-editors-ia-dictionary {
left: -60px;
top: -4886px
}
.docs-material .docs-icon-editors-ia-distribute-shapes-horizontal {
left: -40px;
top: -10538px
}
.docs-material .docs-icon-editors-ia-distribute-shapes-vertical {
left: -54px;
top: -4414px
}
.docs-material .docs-icon-editors-ia-download {
left: 0;
top: -5598px
}
.docs-material .docs-icon-editors-ia-download-box {
left: -42px;
top: -6670px
}
.docs-material .docs-icon-editors-ia-drag-move {
left: 0;
top: -6144px
}
.docs-material .docs-icon-editors-ia-drawings {
left: -42px;
top: -10324px
}
.docs-material .docs-icon-editors-ia-drawings-filled {
left: 0;
top: -3614px
}
.docs-material .docs-icon-editors-ia-drawings-red {
left: -40px;
top: -8170px
}
.docs-material .docs-icon-editors-ia-drive-presentation {
left: -52px;
top: -11414px
}
.docs-material .docs-icon-editors-ia-drive-video {
left: 0;
top: -7074px
}
.docs-material .docs-icon-editors-ia-dropdown-arrow-in-circle {
left: -26px;
top: -3842px
}
.docs-material .docs-icon-editors-ia-ear-hear {
left: 0;
top: -10728px
}
.docs-material .docs-icon-editors-ia-edit-pen {
left: -22px;
top: -1938px
}
.docs-material .docs-icon-editors-ia-edit-pen-blue700 {
left: -20px;
top: -9726px
}
.docs-material .docs-icon-editors-ia-email-outline {
left: -22px;
top: -10664px
}
.docs-material .docs-icon-editors-ia-emoji {
left: 0;
top: -11502px
}
.docs-material .docs-icon-editors-ia-encrypted-shield {
left: 0;
top: -4650px
}
.docs-material .docs-icon-editors-ia-equals-circle {
left: 0;
top: -7268px
}
.docs-material .docs-icon-editors-ia-equation-pi-squared {
left: -40px;
top: -9970px
}
.docs-material .docs-icon-editors-ia-expand {
left: -20px;
top: -4692px
}
.docs-material .docs-icon-editors-ia-expand-horizontal {
left: -62px;
top: -606px
}
.docs-material .docs-icon-editors-ia-extract-sheet-copy {
left: 0;
top: -9836px
}
.docs-material .docs-icon-editors-ia-file {
left: 0;
top: -3012px
}
.docs-material .docs-icon-editors-ia-file-bullet-form {
left: -40px;
top: -9002px
}
.docs-material .docs-icon-editors-ia-file-copy {
left: -40px;
top: -7468px
}
.docs-material .docs-icon-editors-ia-filter-bars {
left: -62px;
top: -8670px
}
.docs-material .docs-icon-editors-ia-filter-funnel {
left: -60px;
top: -3114px
}
.docs-material .docs-icon-editors-ia-filter-funnel-solid {
left: -60px;
top: -7174px
}
.docs-material .docs-icon-editors-ia-filter-table-view {
left: -26px;
top: -280px
}
.docs-material .docs-icon-editors-ia-find-in-page {
left: -26px;
top: -1104px
}
.docs-material .docs-icon-editors-ia-find-replace {
left: 0;
top: -1688px
}
.docs-material .docs-icon-editors-ia-flip-to-front {
left: -20px;
top: -8482px
}
.docs-material .docs-icon-editors-ia-focus-center {
left: 0;
top: -11462px
}
.docs-material .docs-icon-editors-ia-folder {
left: -20px;
top: -10928px
}
.docs-material .docs-icon-editors-ia-folder-move {
left: 0;
top: -8062px
}
.docs-material .docs-icon-editors-ia-format-group {
left: -20px;
top: -7074px
}
.docs-material .docs-icon-editors-ia-format-shapes {
left: 0;
top: -822px
}
.docs-material .docs-icon-editors-ia-format-ungroup {
left: -22px;
top: -626px
}
.docs-material .docs-icon-editors-ia-font-text-size {
left: 0;
top: -4178px
}
.docs-material .docs-icon-editors-ia-freeze-row-column {
left: -22px;
top: -3446px
}
.docs-material .docs-icon-editors-ia-fullscreen {
left: -20px;
top: -3114px
}
.docs-material .docs-icon-editors-ia-fullscreen-exit {
left: 0;
top: -842px
}
.docs-material .docs-icon-editors-ia-globe {
left: -40px;
top: -2320px
}
.docs-material .docs-icon-editors-ia-gmail {
left: -22px;
top: -2832px
}
.docs-material .docs-icon-editors-ia-grid-goldenratio {
left: 0;
top: -11262px
}
.docs-material .docs-icon-editors-ia-grid-range {
left: -42px;
top: -6774px
}
.docs-material .docs-icon-editors-ia-header-footer {
left: 0;
top: -6920px
}
.docs-material .docs-icon-editors-ia-help {
left: -60px;
top: -9726px
}
.docs-material .docs-icon-editors-ia-hide-invisible {
left: -46px;
top: -1084px
}
.docs-material .docs-icon-editors-ia-hierarchy {
left: -40px;
top: -3232px
}
.docs-material .docs-icon-editors-ia-history-restore {
left: 0;
top: -9296px
}
.docs-material .docs-icon-editors-ia-horizontal-line {
left: -60px;
top: -8082px
}
.docs-material .docs-icon-editors-ia-horizontal-rows {
left: -22px;
top: -3466px
}
.docs-material .docs-icon-editors-ia-import {
left: -40px;
top: -9836px
}
.docs-material .docs-icon-editors-ia-indent-decrease {
left: -40px;
top: -3552px
}
.docs-material .docs-icon-editors-ia-indent-decrease-rtl {
left: -38px;
top: -3910px
}
.docs-material .docs-icon-editors-ia-indent-increase {
left: -22px;
top: -2280px
}
.docs-material .docs-icon-editors-ia-indent-increase-rtl {
left: -40px;
top: -2596px
}
.docs-material .docs-icon-editors-ia-info {
left: 0;
top: -6334px
}
.docs-material .docs-icon-editors-ia-ink-pen {
left: -40px;
top: -3486px
}
.docs-material .docs-icon-editors-ia-input {
left: 0;
top: -9002px
}
.docs-material .docs-icon-editors-ia-insights {
left: -60px;
top: -5558px
}
.docs-material .docs-icon-editors-ia-internet-globe {
left: -20px;
top: -1342px
}
.docs-material .docs-icon-editors-ia-italic {
left: 0;
top: -3656px
}
.docs-material .docs-icon-editors-ia-keyboard {
left: -60px;
top: -6858px
}
.docs-material .docs-icon-editors-ia-keyboard-tab {
left: -62px;
top: -40px
}
.docs-material .docs-icon-editors-ia-label {
left: 0;
top: -3738px
}
.docs-material .docs-icon-editors-ia-library {
left: 0;
top: -6752px
}
.docs-material .docs-icon-editors-ia-lightbulb {
left: -26px;
top: -6960px
}
.docs-material .docs-icon-editors-ia-line-chart-landscape {
left: -62px;
top: -5598px
}
.docs-material .docs-icon-editors-ia-line-spacing {
left: 0;
top: -2576px
}
.docs-material .docs-icon-editors-ia-line-tool {
left: -54px;
top: -4548px
}
.docs-material .docs-icon-editors-ia-link {
left: -52px;
top: -448px
}
.docs-material .docs-icon-editors-ia-link-box {
left: 0;
top: -2054px
}
.docs-material .docs-icon-editors-ia-link-off {
left: -62px;
top: -8482px
}
.docs-material .docs-icon-editors-ia-list-bulleted {
left: -20px;
top: -6334px
}
.docs-material .docs-icon-editors-ia-list-bulleted-rtl {
left: -20px;
top: -2120px
}
.docs-material .docs-icon-editors-ia-list-numbered {
left: 0;
top: -20px
}
.docs-material .docs-icon-editors-ia-lock-close {
left: -20px;
top: -11884px
}
.docs-material .docs-icon-editors-ia-lock-open {
left: -40px;
top: -7072px
}
.docs-material .docs-icon-editors-ia-logo-forms {
left: -20px;
top: -10584px
}
.docs-material .docs-icon-editors-ia-looker {
left: 0;
top: -170px
}
.docs-material .docs-icon-editors-ia-merge {
left: -62px;
top: -6670px
}
.docs-material .docs-icon-editors-ia-microphone {
left: -20px;
top: -7174px
}
.docs-material .docs-icon-editors-ia-minus {
left: 0;
top: -3506px
}
.docs-material .docs-icon-editors-ia-minus-box {
left: -20px;
top: -3190px
}
.docs-material .docs-icon-editors-ia-more-ellipsis-vertical {
left: 0;
top: -5948px
}
.docs-material .docs-icon-editors-ia-move-slide-down {
left: 0;
top: -2636px
}
.docs-material .docs-icon-editors-ia-move-slide-up {
left: -26px;
top: -10016px
}
.docs-material .docs-icon-editors-ia-note {
left: -26px;
top: -8278px
}
.docs-material .docs-icon-editors-ia-notes-lines {
left: -40px;
top: -6164px
}
.docs-material .docs-icon-editors-ia-notification-bell {
left: -62px;
top: -2656px
}
.docs-material .docs-icon-editors-ia-number-sign {
left: 0;
top: -3074px
}
.docs-material .docs-icon-editors-ia-numbers-123 {
left: -26px;
top: -4158px
}
.docs-material .docs-icon-editors-ia-offline-pin {
left: 0;
top: -3676px
}
.docs-material .docs-icon-editors-ia-offline-pin-filled {
left: -40px;
top: -7052px
}
.docs-material .docs-icon-editors-ia-offline-pin-green {
left: -48px;
top: -2080px
}
.docs-material .docs-icon-editors-ia-omega-special-character {
left: -40px;
top: -9182px
}
.docs-material .docs-icon-editors-ia-opacity {
left: -40px;
top: -10624px
}
.docs-material .docs-icon-editors-ia-open-new-window {
left: 0;
top: -11018px
}
.docs-material .docs-icon-editors-ia-page-break {
left: -22px;
top: -3336px
}
.docs-material .docs-icon-editors-ia-page-description {
left: 0;
top: -7012px
}
.docs-material .docs-icon-editors-ia-page-orientation {
left: -26px;
top: -8604px
}
.docs-material .docs-icon-editors-ia-paint-palette-theme {
left: 0;
top: -9448px
}
.docs-material .docs-icon-editors-ia-paintbrush {
left: -40px;
top: -8710px
}
.docs-material .docs-icon-editors-ia-paintbrush-box {
left: 0;
top: -5800px
}
.docs-material .docs-icon-editors-ia-paperclip {
left: -40px;
top: -3114px
}
.docs-material .docs-icon-editors-ia-paragraph-right-to-left {
left: 0;
top: -8710px
}
.docs-material .docs-icon-editors-ia-paste {
left: -52px;
top: -9538px
}
.docs-material .docs-icon-editors-ia-paste-no-format {
left: -52px;
top: -5780px
}
.docs-material .docs-icon-editors-ia-people-group {
left: -20px;
top: -7932px
}
.docs-material .docs-icon-editors-ia-performance-meter {
left: -42px;
top: -9794px
}
.docs-material .docs-icon-editors-ia-person {
left: -40px;
top: -10604px
}
.docs-material .docs-icon-editors-ia-person-check {
left: -20px;
top: -10186px
}
.docs-material .docs-icon-editors-ia-pin {
left: -20px;
top: -5292px
}
.docs-material .docs-icon-editors-ia-pin-off {
left: 0;
top: -5478px
}
.docs-material .docs-icon-editors-ia-photo-image {
left: 0;
top: -9882px
}
.docs-material .docs-icon-editors-ia-photo-image-select {
left: -20px;
top: -20px
}
.docs-material .docs-icon-editors-ia-photos {
left: -42px;
top: -7132px
}
.docs-material .docs-icon-editors-ia-pie-chart {
left: -60px;
top: -2120px
}
.docs-material .docs-icon-editors-ia-pivot-table {
left: -40px;
top: -9950px
}
.docs-material .docs-icon-editors-ia-place-item {
left: -42px;
top: -9296px
}
.docs-material .docs-icon-editors-ia-play-circle {
left: -40px;
top: 0
}
.docs-material .docs-icon-editors-ia-plus {
left: 0;
top: -2482px
}
.docs-material .docs-icon-editors-ia-plx {
left: -40px;
top: -9122px
}
.docs-material .docs-icon-editors-ia-post-add {
left: 0;
top: -1136px
}
.docs-material .docs-icon-editors-ia-presentation {
left: -20px;
top: -1848px
}
.docs-material .docs-icon-editors-ia-presentation-yellow {
left: -26px;
top: -6596px
}
.docs-material .docs-icon-editors-ia-print {
left: 0;
top: -760px
}
.docs-material .docs-icon-editors-ia-question-answer {
left: -40px;
top: -7174px
}
.docs-material .docs-icon-editors-ia-quotes {
left: 0;
top: -7468px
}
.docs-material .docs-icon-editors-ia-redo {
left: -42px;
top: -3426px
}
.docs-material .docs-icon-editors-ia-refresh {
left: -42px;
top: -122px
}
.docs-material .docs-icon-editors-ia-rename {
left: 0;
top: -10564px
}
.docs-material .docs-icon-editors-ia-reset-image {
left: 0;
top: -122px
}
.docs-material .docs-icon-editors-ia-resize-box {
left: -20px;
top: -428px
}
.docs-material .docs-icon-editors-ia-right-angle {
left: -20px;
top: -4650px
}
.docs-material .docs-icon-editors-ia-rotate-right-clockwise {
left: 0;
top: -3982px
}
.docs-material .docs-icon-editors-ia-save {
left: 0;
top: -218px
}
.docs-material .docs-icon-editors-ia-school-graduation {
left: -62px;
top: -7796px
}
.docs-material .docs-icon-editors-ia-select-all {
left: -40px;
top: -8854px
}
.docs-material .docs-icon-editors-ia-settings-gear {
left: -40px;
top: -4886px
}
.docs-material .docs-icon-editors-ia-shapes {
left: -40px;
top: -4692px
}
.docs-material .docs-icon-editors-ia-shape-recognition {
left: 0;
top: -5226px
}
.docs-material .docs-icon-editors-ia-sheets-tab {
left: -42px;
top: -3758px
}
.docs-material .docs-icon-editors-ia-shuffle-swap {
left: -62px;
top: -2636px
}
.docs-material .docs-icon-editors-ia-sigma-function {
left: -40px;
top: -902px
}
.docs-material .docs-icon-editors-ia-slideshow {
left: -20px;
top: -10848px
}
.docs-material .docs-icon-editors-ia-sort {
left: 0;
top: -4886px
}
.docs-material .docs-icon-editors-ia-sort-ascending {
left: -62px;
top: -8854px
}
.docs-material .docs-icon-editors-ia-sort-descending {
left: -22px;
top: -4866px
}
.docs-material .docs-icon-editors-ia-speaker-notes {
left: -20px;
top: -9002px
}
.docs-material .docs-icon-editors-ia-spellcheck {
left: -60px;
top: -346px
}
.docs-material .docs-icon-editors-ia-split {
left: -40px;
top: -7154px
}
.docs-material .docs-icon-editors-ia-split-columns {
left: 0;
top: -6992px
}
.docs-material .docs-icon-editors-ia-spreadsheet-black {
left: -20px;
top: -8170px
}
.docs-material .docs-icon-editors-ia-spreadsheet-green {
left: -20px;
top: -6164px
}
.docs-material .docs-icon-editors-ia-square-box-selection {
left: -20px;
top: -5478px
}
.docs-material .docs-icon-editors-ia-square-grid-view {
left: -62px;
top: -10324px
}
.docs-material .docs-icon-editors-ia-square-rounded {
left: -20px;
top: -5164px
}
.docs-material .docs-icon-editors-ia-strikethrough {
left: -52px;
top: -5952px
}
.docs-material .docs-icon-editors-ia-swap-vertical {
left: 0;
top: -1648px
}
.docs-material .docs-icon-editors-ia-sync {
left: -20px;
top: -11522px
}
.docs-material .docs-icon-editors-ia-sync-problem {
left: 0;
top: -8644px
}
.docs-material .docs-icon-editors-ia-table-chart {
left: -52px;
top: -5932px
}
.docs-material .docs-icon-editors-ia-table-check {
left: -20px;
top: -962px
}
.docs-material .docs-icon-editors-ia-table-tab {
left: 0;
top: -6876px
}
.docs-material .docs-icon-editors-ia-text-box {
left: -26px;
top: -8430px
}
.docs-material .docs-icon-editors-ia-text-box-two {
left: 0;
top: -10448px
}
.docs-material .docs-icon-editors-ia-text-fields {
left: -54px;
top: -4482px
}
.docs-material .docs-icon-editors-ia-text-rotate-angle-down {
left: -22px;
top: -3384px
}
.docs-material .docs-icon-editors-ia-text-rotate-angle-up {
left: -20px;
top: -6000px
}
.docs-material .docs-icon-editors-ia-text-rotate-down {
left: -40px;
top: -4112px
}
.docs-material .docs-icon-editors-ia-text-rotate-none {
left: -42px;
top: -6500px
}
.docs-material .docs-icon-editors-ia-text-rotate-up {
left: -54px;
top: -4328px
}
.docs-material .docs-icon-editors-ia-text-rotate-vertical-stack {
left: -62px;
top: -3224px
}
.docs-material .docs-icon-editors-ia-text-wrap {
left: -20px;
top: -3094px
}
.docs-material .docs-icon-editors-ia-timeline {
left: 0;
top: -8102px
}
.docs-material .docs-icon-editors-ia-transition {
left: 0;
top: -1786px
}
.docs-material .docs-icon-editors-ia-translate {
left: -20px;
top: -3012px
}
.docs-material .docs-icon-editors-ia-trending-up-arrow {
left: 0;
top: -3296px
}
.docs-material .docs-icon-editors-ia-triangle-problem-warning {
left: -42px;
top: -1938px
}
.docs-material .docs-icon-editors-ia-underline {
left: -20px;
top: -2676px
}
.docs-material .docs-icon-editors-ia-undo {
left: -62px;
top: -2744px
}
.docs-material .docs-icon-editors-ia-update-clock {
left: -20px;
top: -6816px
}
.docs-material .docs-icon-editors-ia-upload {
left: -20px;
top: 0
}
.docs-material .docs-icon-editors-ia-user-edit-history {
left: -62px;
top: -3264px
}
.docs-material .docs-icon-editors-ia-user-preference-settings {
left: 0;
top: -2100px
}
.docs-material .docs-icon-editors-ia-vertical-columns {
left: -26px;
top: -7288px
}
.docs-material .docs-icon-editors-ia-vertical-distribute {
left: -20px;
top: -902px
}
.docs-material .docs-icon-editors-ia-view-compact {
left: -60px;
top: -9002px
}
.docs-material .docs-icon-editors-ia-view-show {
left: 0;
top: -5082px
}
.docs-material .docs-icon-editors-ia-volume-up {
left: 0;
top: -8956px
}
.docs-material .docs-icon-editors-ia-word-art {
left: 0;
top: -8456px
}
.docs-material .docs-icon-editors-ia-wrap-text-clip {
left: 0;
top: -780px
}
.docs-material .docs-icon-editors-ia-wrap-text-overflow {
left: -40px;
top: -2636px
}
.docs-material .docs-icon-editors-ia-wrap-text-wrap {
left: -60px;
top: -3486px
}
.docs-material .docs-icon-editors-ia-zoom-in {
left: -62px;
top: -5618px
}
.docs-material .docs-icon-drive-monochrome-2021 {
left: -20px;
top: -10346px
}
.docs-material .docs-icon-drive-monochrome-2021-24 {
left: -26px;
top: -9746px
}
.docs-material .docs-icon-add-to-drive-2021 {
left: -60px;
top: -5144px
}
.docs-material .docs-icon-team-drive-outline {
left: -20px;
top: -1668px
}
.docs-material .docs-icon-save {
left: 0;
top: -1708px
}
.docs-material .docs-icon-print {
left: 0;
top: -5062px
}
.docs-material .docs-icon-print-20 {
left: -22px;
top: -2696px
}
.docs-material .docs-icon-undo,
.docs-material .docs-icon-redo-rtl {
left: -60px;
top: -5478px
}
.docs-material .docs-icon-undo-20,
.docs-material .docs-icon-redo-rtl-20 {
left: -22px;
top: -10298px
}
.docs-material .docs-icon-redo,
.docs-material .docs-icon-undo-rtl {
left: -20px;
top: -3134px
}
.docs-material .docs-icon-redo-20,
.docs-material .docs-icon-undo-rtl-20 {
left: 0;
top: -6416px
}
.docs-material .docs-icon-copy {
left: -40px;
top: -4224px
}
.docs-material .docs-icon-cut {
left: -40px;
top: -10366px
}
.docs-material .docs-icon-paste {
left: -20px;
top: -8710px
}
.docs-material .docs-icon-document {
left: 0;
top: -1064px
}
.docs-material .docs-icon-presentation,
.docs-material .docs-icon-punch {
left: -22px;
top: -7508px
}
.docs-material .docs-icon-presentation-grey900 {
left: -60px;
top: -1156px
}
.docs-material .docs-icon-spreadsheet {
left: -42px;
top: -606px
}
.docs-material .docs-icon-form {
left: -62px;
top: -3384px
}
.docs-material .docs-icon-form-black {
left: -20px;
top: -9518px
}
.docs-material .docs-icon-drawing {
left: -42px;
top: -8190px
}
.docs-material .docs-icon-site {
left: -26px;
top: -1084px
}
.docs-material .docs-icon-drawing-black {
left: -42px;
top: -5518px
}
.docs-material .docs-icon-drawing-black-24 {
left: -52px;
top: -11304px
}
.docs-material .docs-icon-excel {
left: 0;
top: -5124px
}
.docs-material .docs-icon-powerpoint {
left: -20px;
top: -4980px
}
.docs-material .docs-icon-word {
left: 0;
top: -5538px
}
.docs-material .docs-icon-script {
left: -20px;
top: -10604px
}
.docs-material .docs-icon-insert-script {
left: 0;
top: -4746px
}
.docs-material .docs-icon-gadget {
left: -40px;
top: -7932px
}
.docs-material .docs-icon-image {
left: -20px;
top: -3506px
}
.docs-material .docs-icon-clipboard {
left: 0;
top: -1848px
}
.docs-material .docs-icon-bold {
left: -40px;
top: -1156px
}
.docs-material .docs-icon-bold-20 {
left: 0;
top: -11696px
}
.docs-material .docs-icon-italic {
left: -20px;
top: -4224px
}
.docs-material .docs-icon-italic-20 {
left: -22px;
top: -3526px
}
.docs-material .docs-icon-text-color {
left: -62px;
top: -10568px
}
.docs-material .docs-icon-text-color-20 {
left: -20px;
top: -170px
}
.docs-material .docs-icon-align-left {
left: -42px;
top: -3592px
}
.docs-material .docs-icon-align-left-20 {
left: -26px;
top: -2054px
}
.docs-material .docs-icon-align-center {
left: -22px;
top: -1958px
}
.docs-material .docs-icon-align-center-20 {
left: -60px;
top: -9122px
}
.docs-material .docs-icon-align-right {
left: -42px;
top: -8790px
}
.docs-material .docs-icon-align-right-20 {
left: 0;
top: -3358px
}
.docs-material .docs-icon-align-justify {
left: -46px;
top: -7328px
}
.docs-material .docs-icon-align-justify-20 {
left: 0;
top: -11064px
}
.docs-material .docs-icon-align-shapes-left {
left: -62px;
top: -3738px
}
.docs-material .docs-icon-align-shapes-center {
left: -20px;
top: -8502px
}
.docs-material .docs-icon-align-shapes-right {
left: -40px;
top: -1176px
}
.docs-material .docs-icon-align-shapes-top {
left: 0;
top: -8916px
}
.docs-material .docs-icon-align-shapes-middle {
left: 0;
top: -8562px
}
.docs-material .docs-icon-align-shapes-bottom {
left: -20px;
top: -10448px
}
.docs-material .docs-icon-distribute-shapes-horizontally {
left: -48px;
top: -8122px
}
.docs-material .docs-icon-distribute-shapes-vertically {
left: -20px;
top: -8916px
}
.docs-material .docs-icon-valign-top {
left: -52px;
top: -5760px
}
.docs-material .docs-icon-valign-top-20 {
left: -60px;
top: -4224px
}
.docs-material .docs-icon-valign-middle {
left: 0;
top: -3486px
}
.docs-material .docs-icon-valign-middle-20 {
left: -40px;
top: -8874px
}
.docs-material .docs-icon-valign-bottom {
left: -62px;
top: -922px
}
.docs-material .docs-icon-valign-bottom-20 {
left: 0;
top: -1826px
}
.docs-material .docs-icon-list-number {
left: -26px;
top: -11904px
}
.docs-material .docs-icon-list-number-20 {
left: -52px;
top: -11372px
}
.docs-material .docs-icon-list-number-24 {
left: -52px;
top: -6640px
}
.docs-material .docs-icon-list-numbered-54-30 {
left: -26px;
top: -10154px
}
.docs-material .docs-icon-list-bullet {
left: 0;
top: -10186px
}
.docs-material .docs-icon-list-bullet-20 {
left: -42px;
top: -6458px
}
.docs-material .docs-icon-list-bullet-24 {
left: -44px;
top: -10298px
}
.docs-material .docs-icon-list-bulleted-54-30 {
left: -20px;
top: -1786px
}
.docs-material .docs-icon-indent {
left: 0;
top: -6184px
}
.docs-material .docs-icon-indent-20 {
left: -26px;
top: -6616px
}
.docs-material .docs-icon-outdent {
left: 0;
top: -3572px
}
.docs-material .docs-icon-outdent-20 {
left: -26px;
top: -11262px
}
.docs-material .docs-icon-line-spacing {
left: -62px;
top: -10664px
}
.docs-material .docs-icon-line-spacing-20 {
left: -57px;
top: -2916px
}
.docs-material .docs-icon-columns {
left: -62px;
top: -3284px
}
.docs-material .docs-icon-underline {
left: -40px;
top: -7112px
}
.docs-material .docs-icon-underline-20 {
left: 0;
top: -7052px
}
.docs-material .docs-icon-text-bgcolor {
left: -20px;
top: -5144px
}
.docs-material .docs-icon-textbox {
left: -40px;
top: -9428px
}
.docs-material .docs-icon-textbox-24-yellow700 {
left: 0;
top: -5922px
}
.docs-material .docs-icon-shapes {
left: -58px;
top: -3910px
}
.docs-material .docs-icon-shapes-20 {
left: 0;
top: -6204px
}
.docs-material .docs-icon-shapes-24-yellow {
left: -26px;
top: -5974px
}
.docs-material .sketchy-icon-scribble-40 {
left: 0;
top: -5184px
}
.docs-material .docs-icon-line-width {
left: -22px;
top: -720px
}
.docs-material .docs-icon-line-weight-20 {
left: -26px;
top: -192px
}
.docs-material .docs-icon-add-trendline {
left: 0;
top: -326px
}
.docs-material .docs-icon-data-label {
left: -42px;
top: -8522px
}
.docs-material .docs-icon-next {
left: -52px;
top: -11284px
}
.docs-material .docs-icon-previous {
left: -40px;
top: -2140px
}
.docs-material .docs-icon-no-color {
left: 0;
top: -3316px
}
.docs-material .docs-icon-fill-color {
left: -42px;
top: -7528px
}
.docs-material .docs-icon-fill-color-20 {
left: 0;
top: -2696px
}
.docs-material .docs-icon-line-color {
left: -40px;
top: -5498px
}
.docs-material .docs-icon-line-type {
left: 0;
top: -3232px
}
.docs-material .docs-icon-line-style-20 {
left: -40px;
top: -5292px
}
.docs-material .docs-icon-table {
left: -20px;
top: -1688px
}
.docs-material .docs-icon-table-24 {
left: 0;
top: -6046px
}
.docs-material .docs-icon-table-of-contents-24 {
left: -52px;
top: -7896px
}
.docs-material .docs-icon-comment {
left: 0;
top: -5164px
}
.docs-material .docs-icon-add-comment-20 {
left: 0;
top: -238px
}
.docs-material .docs-icon-comment-blank {
left: -22px;
top: -5456px
}
.docs-material .docs-icon-comment-blank-20 {
left: 0;
top: -9928px
}
.docs-material .docs-icon-comment-blank-highlighted {
left: 0;
top: -8502px
}
.docs-material .docs-icon-comment-blank-grey600 {
left: 0;
top: -2616px
}
.docs-material .docs-icon-comment-blank-n10-20 {
left: -26px;
top: -2076px
}
.docs-material .docs-icon-comment-blank-p40-20x20 {
left: 0;
top: -8040px
}
.docs-material .docs-icon-insert-comment {
left: -42px;
top: -5456px
}
.docs-material .docs-icon-insert-comment-24 {
left: 0;
top: -5266px
}
.docs-material .docs-icon-trending-up-24 {
left: -26px;
top: -11348px
}
.docs-material .docs-icon-trending-up-18 {
left: -20px;
top: -7468px
}
.docs-material .docs-icon-trending-down-18 {
left: -60px;
top: -6046px
}
.docs-material .docs-icon-chart {
left: 0;
top: -7112px
}
.docs-material .docs-icon-insert-chart-20 {
left: -26px;
top: -9096px
}
.docs-material .docs-icon-chart-24 {
left: 0;
top: -3930px
}
.docs-material .docs-icon-list-number-rtl {
left: -46px;
top: -862px
}
.docs-material .docs-icon-list-number-rtl-20 {
left: 0;
top: -4846px
}
.docs-material .docs-icon-list-bullet-rtl {
left: -42px;
top: -3384px
}
.docs-material .docs-icon-list-bullet-rtl-20 {
left: 0;
top: -7488px
}
.docs-material .docs-icon-indent-rtl {
left: -20px;
top: -10564px
}
.docs-material .docs-icon-indent-rtl-20 {
left: -52px;
top: -6940px
}
.docs-material .docs-icon-outdent-rtl {
left: -60px;
top: -6354px
}
.docs-material .docs-icon-outdent-rtl-20 {
left: 0;
top: -7132px
}
.docs-material .docs-icon-line-spacing-rtl {
left: -40px;
top: -4178px
}
.docs-material .docs-icon-line-spacing-rtl-20 {
left: 0;
top: -3336px
}
.docs-material .docs-icon-text-ltr {
left: -20px;
top: -7268px
}
.docs-material .docs-icon-text-ltr-20 {
left: 0;
top: -2916px
}
.docs-material .docs-icon-text-rtl {
left: -20px;
top: -1322px
}
.docs-material .docs-icon-text-rtl-20 {
left: -40px;
top: -9474px
}
.docs-material .docs-icon-sheet-rtl {
left: -62px;
top: -6438px
}
.docs-material .docs-icon-sheet-rtl-20 {
left: -44px;
top: -1826px
}
.docs-material .docs-icon-share {
left: -20px;
top: -9276px
}
.docs-material .docs-icon-subscript {
left: -42px;
top: -740px
}
.docs-material .docs-icon-superscript {
left: 0;
top: -8936px
}
.docs-material .docs-icon-strikethrough {
left: -20px;
top: -3054px
}
.docs-material .docs-icon-strikethrough-20 {
left: -20px;
top: -8522px
}
.docs-material .docs-icon-clear-formatting {
left: -42px;
top: -6730px
}
.docs-material .docs-icon-link {
left: -62px;
top: -10686px
}
.docs-material .docs-icon-link-20 {
left: -42px;
top: -5082px
}
.docs-material .docs-icon-special-character {
left: 0;
top: -4328px
}
.docs-material .docs-icon-special-character-24 {
left: 0;
top: -1110px
}
.docs-material .docs-icon-close-white {
left: -42px;
top: -6710px
}
.docs-material .docs-icon-close-small {
left: -40px;
top: -5558px
}
.docs-material .docs-icon-close-thin {
left: -20px;
top: -9950px
}
.docs-material .docs-icon-paint-format {
left: 0;
top: -9142px
}
.docs-material .docs-icon-paint-format-20 {
left: -44px;
top: -3154px
}
.docs-material .docs-icon-video {
left: -20px;
top: -780px
}
.docs-material .docs-icon-reload {
left: 0;
top: -10206px
}
.docs-material .docs-icon-reload-rtl {
left: -42px;
top: -170px
}
.docs-material .docs-icon-insert-page-break {
left: -20px;
top: -6438px
}
.docs-material .docs-icon-insert-page-break-24 {
left: -44px;
top: -3526px
}
.docs-material .docs-icon-close {
left: -60px;
top: -6838px
}
.docs-material .docs-icon-check {
left: 0;
top: -5144px
}
.docs-material .docs-icon-up {
left: 0;
top: -8542px
}
.docs-material .docs-icon-down {
left: -20px;
top: -2140px
}
.docs-material .docs-icon-add-page {
left: 0;
top: -10042px
}
.docs-material .docs-icon-email {
left: -42px;
top: -9276px
}
.docs-material .docs-icon-insert-equation {
left: 0;
top: -5388px
}
.docs-material .docs-icon-insert-equation-24 {
left: 0;
top: -11858px
}
.docs-material .docs-icon-insert-horizontal-line {
left: -62px;
top: -5680px
}
.docs-material .docs-icon-insert-horizontal-line-24 {
left: 0;
top: -2718px
}
.docs-material .docs-icon-tabstop-center-blue500 {
left: 0;
top: -7648px
}
.docs-material .docs-icon-tabstop-center-bottom-blue500 {
left: 0;
top: -9122px
}
.docs-material .docs-icon-tabstop-left-blue500 {
left: 0;
top: -82px
}
.docs-material .docs-icon-tabstop-right-blue500 {
left: -40px;
top: -9726px
}
.docs-material .docs-icon-tag-24 {
left: -52px;
top: -11434px
}
.docs-material .docs-icon-ruler-first-indent-drag-blue500 {
left: -26px;
top: -8298px
}
.docs-material .docs-icon-border-all {
left: 0;
top: -3054px
}
.docs-material .docs-icon-border-all-20 {
left: -26px;
top: -2180px
}
.docs-material .docs-icon-border-right {
left: 0;
top: -3114px
}
.docs-material .docs-icon-border-right-20 {
left: 0;
top: -2280px
}
.docs-material .docs-icon-border-left {
left: 0;
top: -428px
}
.docs-material .docs-icon-border-left-20 {
left: -40px;
top: -7796px
}
.docs-material .docs-icon-border-top {
left: -42px;
top: -8148px
}
.docs-material .docs-icon-border-top-20 {
left: -40px;
top: -10558px
}
.docs-material .docs-icon-border-bottom {
left: -22px;
top: -9814px
}
.docs-material .docs-icon-border-bottom-20 {
left: -60px;
top: -3778px
}
.docs-material .docs-icon-border-outside {
left: 0;
top: -11482px
}
.docs-material .docs-icon-border-outside-20 {
left: -20px;
top: -9296px
}
.docs-material .docs-icon-border-inside {
left: -40px;
top: -9142px
}
.docs-material .docs-icon-border-inside-20 {
left: -20px;
top: -122px
}
.docs-material .docs-icon-border-none {
left: -46px;
top: -7370px
}
.docs-material .docs-icon-border-none-20 {
left: -60px;
top: -9950px
}
.docs-material .docs-icon-border-horizontal {
left: -60px;
top: -10624px
}
.docs-material .docs-icon-border-horizontal-20 {
left: -26px;
top: -9856px
}
.docs-material .docs-icon-border-vertical {
left: -26px;
top: -11858px
}
.docs-material .docs-icon-border-vertical-20 {
left: -20px;
top: -5706px
}
.docs-material .docs-icon-merge {
left: -20px;
top: -3696px
}
.docs-material .docs-icon-wrap {
left: -20px;
top: -9496px
}
.docs-material .docs-icon-filter-alt {
left: 0;
top: -10366px
}
.docs-material .docs-icon-autofilter {
left: -26px;
top: -11812px
}
.docs-material .docs-icon-autofilter-filled {
left: 0;
top: -1044px
}
.docs-material .docs-icon-insert-function {
left: -22px;
top: -922px
}
.docs-material .docs-icon-insert-function-20 {
left: 0;
top: -7818px
}
.docs-material .docs-icon-insert-formula {
left: -20px;
top: -9428px
}
.docs-material .docs-icon-folder-shared {
left: -20px;
top: -5498px
}
.docs-material .docs-icon-folder-shared-outline {
left: -40px;
top: -3572px
}
.docs-material .docs-icon-folder-outline {
left: -60px;
top: -4112px
}
.docs-material .docs-icon-folder-outline-hover {
left: 0;
top: -7932px
}
.docs-material .docs-icon-folder-outline-pressed {
left: -40px;
top: -11086px
}
.docs-material .docs-icon-folder-solid {
left: 0;
top: -8482px
}
.docs-material .docs-icon-drive {
left: -42px;
top: -8770px
}
.docs-material .docs-icon-drive-hover {
left: -40px;
top: -8750px
}
.docs-material .docs-icon-drive-pressed {
left: -46px;
top: -842px
}
.docs-material .docs-icon-dropdown-arrow-in-circle-24 {
left: 0;
top: -1908px
}
.docs-material .docs-icon-drive-large {
left: 0;
top: -11562px
}
.docs-material .docs-icon-drive-large-wrapper {
width: 36px;
height: 36px
}
.docs-material .docs-icon-back {
left: -18px;
top: -3910px
}
.docs-material .docs-icon-back-rtl {
left: 0;
top: -902px
}
.docs-material .docs-icon-arrow-more {
left: -40px;
top: -4650px
}
.docs-material .docs-icon-arrow-more-rtl {
left: 0;
top: -1508px
}
.docs-material .docs-icon-search-this-document {
left: 0;
top: -4980px
}
.docs-material .docs-icon-arrow-dropdown {
left: -20px;
top: -10428px
}
.docs-material .docs-icon-arrow-dropdown-grey600 {
left: -42px;
top: -3738px
}
.docs-material .docs-icon-expand-all {
left: -62px;
top: -8210px
}
.docs-material .docs-icon-word-art {
left: -62px;
top: -3466px
}
.docs-material .docs-icon-delete-x {
left: -62px;
top: -9474px
}
.docs-material .docs-icon-description-24 {
left: 0;
top: -5842px
}
.docs-material .docs-icon-settings {
left: -42px;
top: -7488px
}
.docs-material .docs-icon-plus {
left: -22px;
top: -4670px
}
.docs-material .docs-icon-plus-white {
left: -22px;
top: -4846px
}
.docs-material .docs-icon-alert {
left: -40px;
top: -6072px
}
.docs-material .docs-icon-alert-error-24-orange600 {
left: 0;
top: -9746px
}
.docs-material .docs-icon-trash {
left: -62px;
top: -6710px
}
.docs-material .docs-icon-locked {
left: 0;
top: -3094px
}
.docs-material .docs-icon-locked-grey600 {
left: -44px;
top: -800px
}
.docs-material .docs-icon-unlocked {
left: -20px;
top: -346px
}
.docs-material .docs-icon-add-fonts {
left: -20px;
top: -6354px
}
.docs-material .docs-icon-enter-compact {
left: -60px;
top: -10366px
}
.docs-material .docs-icon-exit-compact {
left: -22px;
top: -3252px
}
.docs-material .docs-icon-mode-edit {
left: -26px;
top: -7308px
}
.docs-material .docs-icon-mode-edit-blue700 {
left: -54px;
top: -4368px
}
.docs-material .docs-icon-mode-view {
left: -26px;
top: -4132px
}
.docs-material .docs-icon-chat {
left: -60px;
top: -4588px
}
.docs-material .docs-icon-chat-bubble-grey900 {
left: -40px;
top: -4712px
}
.docs-material .docs-icon-chat-bubble-white {
left: -46px;
top: -5104px
}
.docs-material .docs-icon-chat-person-grey900 {
left: -20px;
top: -1156px
}
.docs-material .docs-icon-chat-person-wide-grey900 {
left: -26px;
top: -4064px
}
.docs-material .docs-icon-person-add-white {
left: -60px;
top: 0
}
.docs-material .docs-icon-star {
left: -20px;
top: -2616px
}
.docs-material .docs-icon-duplicate {
left: -62px;
top: -5498px
}
.docs-material .docs-icon-file {
left: -60px;
top: -7154px
}
.docs-material .docs-icon-opacity {
left: -20px;
top: -1044px
}
.docs-material .docs-icon-label-slant {
left: 0;
top: -3778px
}
.docs-material .docs-icon-point-size {
left: -62px;
top: -3304px
}
.docs-material .docs-icon-question {
left: -60px;
top: -6164px
}
.docs-material .docs-icon-quote {
left: -42px;
top: -4846px
}
.docs-material .docs-icon-vertical-gridlines {
left: 0;
top: -4158px
}
.docs-material .docs-icon-left-axis {
left: 0;
top: -1888px
}
.docs-material .docs-icon-right-axis {
left: -62px;
top: -10488px
}
.docs-material .docs-icon-left-axis-gridlines {
left: 0;
top: -9496px
}
.docs-material .docs-icon-right-axis-gridlines {
left: -20px;
top: -2576px
}
.docs-material .docs-icon-reset {
left: 0;
top: -882px
}
.docs-material .docs-icon-drag-move {
left: -26px;
top: -7978px
}
.docs-material .docs-icon-col-dragger {
left: 0;
top: -4414px
}
.docs-material .docs-icon-chrome-store {
left: 0;
top: -2160px
}
.docs-material .docs-icon-fit-area {
left: -60px;
top: -1342px
}
.docs-material .docs-icon-zoom-in-20 {
left: -20px;
top: -5082px
}
.docs-material .docs-icon-zoom-out {
left: -42px;
top: -942px
}
.docs-material .docs-icon-zoom-tool {
left: -20px;
top: -518px
}
.docs-material .docs-icon-download {
left: -62px;
top: -10468px
}
.docs-material .docs-icon-fusion-table {
left: 0;
top: -8894px
}
.docs-material .docs-icon-spreadsheet-sink {
left: 0;
top: -10928px
}
.docs-material .docs-icon-send-responses {
left: -62px;
top: -9296px
}
.docs-material .docs-icon-liveform {
left: 0;
top: -102px
}
.docs-material .docs-icon-ellipsis {
left: -62px;
top: -7488px
}
.docs-material .docs-icon-html-preview {
left: -52px;
top: -5272px
}
.docs-material .docs-icon-grid {
left: -44px;
top: -4246px
}
.docs-material .docs-icon-add-animation {
left: -22px;
top: -586px
}
.docs-material .docs-icon-play-filled-24 {
left: -54px;
top: -4522px
}
.docs-material .docs-icon-play-filled-error-36 {
left: -26px;
top: -5868px
}
.docs-material .docs-icon-playhead {
left: -20px;
top: -7670px
}
.docs-material .docs-icon-playhead-rtl {
left: -20px;
top: -6072px
}
.docs-material .docs-icon-unsupported {
left: -20px;
top: -5638px
}
.docs-material .docs-icon-calendar {
left: 0;
top: -8750px
}
.docs-material .docs-icon-calendar-busy-yellow900 {
left: -42px;
top: -922px
}
.docs-material .docs-zippy-closed {
left: -20px;
top: -11542px
}
.docs-material .docs-zippy-open {
left: -26px;
top: -5686px
}
.docs-material .docs-icon-bookmark {
left: -20px;
top: -4414px
}
.docs-material .docs-icon-bookmark-24 {
left: 0;
top: -7840px
}
.docs-material .docs-icon-heading {
left: 0;
top: -8770px
}
.docs-material .docs-icon-hd-indicator-18 {
left: 0;
top: -518px
}
.docs-material .docs-icon-heading-24 {
left: -26px;
top: -6046px
}
.docs-material .docs-icon-file-blue {
left: -22px;
top: -8148px
}
.docs-material .docs-icon-web-result {
left: -20px;
top: -8062px
}
.docs-material .docs-icon-mic {
left: 0;
top: -1156px
}
.docs-material .docs-icon-paragraph {
left: -40px;
top: -20px
}
.docs-material .docs-icon-paragraph-20 {
left: -20px;
top: -6458px
}
.docs-material .docs-icon-bookmark-black {
left: -20px;
top: -2656px
}
.docs-material .docs-icon-web-result-blue {
left: -26px;
top: -3930px
}
.docs-material .docs-icon-popout {
left: -20px;
top: -8082px
}
.docs-material .docs-icon-checkbox {
left: 0;
top: -10848px
}
.docs-material .docs-icon-checkbox-type {
left: 0;
top: -6164px
}
.docs-material .docs-icon-dropdown-type {
left: -20px;
top: -7374px
}
.docs-material .docs-icon-grid-type {
left: -62px;
top: -5660px
}
.docs-material .docs-icon-image-type {
left: -62px;
top: -10428px
}
.docs-material .docs-icon-image-type-20 {
left: -46px;
top: -1104px
}
.docs-material .docs-icon-image-type-24 {
left: -20px;
top: -7328px
}
.docs-material .docs-icon-radio-type {
left: -60px;
top: -1176px
}
.docs-material .docs-icon-scale-type {
left: -40px;
top: -6270px
}
.docs-material .docs-icon-text-type {
left: -26px;
top: -6092px
}
.docs-material .docs-icon-time-type {
left: 0;
top: -4268px
}
.docs-material .docs-icon-timeline-24 {
left: -42px;
top: -5184px
}
.docs-material .docs-icon-insert-text-block {
left: -20px;
top: -10406px
}
.docs-material .docs-icon-accepting-responses-on {
left: 0;
top: -4308px
}
.docs-material .docs-icon-accepting-responses-on-white {
left: -40px;
top: -6354px
}
.docs-material .docs-icon-accepting-responses-off {
left: -22px;
top: -6670px
}
.docs-material .docs-icon-decimal-increase {
left: 0;
top: -3134px
}
.docs-material .docs-icon-decimal-increase-20 {
left: -46px;
top: -1002px
}
.docs-material .docs-icon-decimal-decrease {
left: 0;
top: -11442px
}
.docs-material .docs-icon-decimal-decrease-20 {
left: -22px;
top: -3154px
}
.docs-material .docs-icon-settings-white {
left: -20px;
top: -7796px
}
.docs-material .docs-icon-no-symbol {
left: -62px;
top: -10508px
}
.docs-material .docs-icon-crop {
left: 0;
top: -982px
}
.docs-material .docs-icon-crop-20 {
left: 0;
top: -3800px
}
.docs-material .docs-icon-green-check {
left: -26px;
top: -11328px
}
.docs-material .docs-icon-font-size {
left: 0;
top: -1806px
}
.docs-material .docs-icon-reset-image {
left: -20px;
top: -5558px
}
.docs-material .docs-icon-reset-image-20 {
left: -42px;
top: -564px
}
.docs-material .docs-icon-r-squared {
left: 0;
top: -11522px
}
.docs-material .docs-icon-graph-legend {
left: -20px;
top: -2320px
}
.docs-material .docs-icon-cast {
left: -62px;
top: -6774px
}
.docs-material .docs-icon-wrap-overflow {
left: -20px;
top: -1508px
}
.docs-material .docs-icon-wrap-wrap {
left: -40px;
top: -10042px
}
.docs-material .docs-icon-wrap-clip {
left: -42px;
top: -720px
}
.docs-material .docs-icon-highlights {
left: -20px;
top: -8874px
}
.docs-material .docs-icon-green-back {
left: -52px;
top: -3800px
}
.docs-material .docs-icon-arrow-back-white {
left: -38px;
top: -11562px
}
.docs-material .docs-icon-arrow-back-white-rtl {
left: -52px;
top: -9336px
}
.docs-material .docs-icon-help {
left: 0;
top: -9428px
}
.docs-material .docs-icon-highlight-green {
left: -26px;
top: -3956px
}
.docs-material .docs-icon-equalizer {
left: 0;
top: -3190px
}
.docs-material .docs-icon-explore-24 {
left: -26px;
top: -144px
}
.docs-material .docs-icon-explore-black {
left: -40px;
top: -3054px
}
.docs-material .docs-icon-explore-black-padded {
left: -62px;
top: -4090px
}
.docs-material .docs-icon-explore-green {
left: -60px;
top: -2320px
}
.docs-material .docs-icon-explore-white {
left: -20px;
top: -10366px
}
.docs-material .docs-icon-insert-autovis-chart {
left: -62px;
top: -3426px
}
.docs-material .docs-icon-insert-autovis-chart-white {
left: 0;
top: -4002px
}
.docs-material .docs-icon-zoom-in {
left: -52px;
top: -9882px
}
.docs-material .docs-icon-thumb-up {
left: 0;
top: -7328px
}
.docs-material .docs-icon-thumb-down {
left: -42px;
top: -2744px
}
.docs-material .docs-icon-dlp-warning {
left: -20px;
top: -3074px
}
.docs-material .docs-icon-dogfood {
left: 0;
top: -10406px
}
.docs-material .docs-icon-add-to-drive {
left: -20px;
top: -4454px
}
.docs-material .docs-icon-add-shortcut-to-drive {
left: -20px;
top: -1176px
}
.docs-material .docs-icon-paste-without-formatting {
left: -60px;
top: -4178px
}
.docs-material .docs-icon-qanda {
left: -18px;
top: -10062px
}
.docs-material .docs-icon-update-chart {
left: 0;
top: -10624px
}
.docs-material .docs-icon-arrow-back-dark {
left: 0;
top: -6644px
}
.docs-material .docs-icon-arrow-right-alt-white-24 {
left: -46px;
top: -8604px
}
.docs-material .docs-icon-arrow-back-dark-rtl {
left: 0;
top: -4388px
}
.docs-material .docs-icon-open-in-external {
left: 0;
top: -4474px
}
.docs-material .docs-icon-close-20 {
left: -20px;
top: -7648px
}
.docs-material .docs-icon-close-24 {
left: -52px;
top: -7870px
}
.docs-material .docs-icon-unlink {
left: 0;
top: -7796px
}
.docs-material .docs-icon-bar-chart {
left: -20px;
top: -4268px
}
.docs-material .docs-icon-bar-chart-outline-24 {
left: 0;
top: -10748px
}
.docs-material .docs-icon-column-chart {
left: -60px;
top: -8170px
}
.docs-material .docs-icon-column-chart-outline-24 {
left: -26px;
top: -5660px
}
.docs-material .docs-icon-line-chart {
left: -22px;
top: -606px
}
.docs-material .docs-icon-line-chart-24 {
left: 0;
top: -2180px
}
.docs-material .docs-icon-pie-chart {
left: 0;
top: -9382px
}
.docs-material .docs-icon-pie-chart-outline {
height: 18px;
left: -20px;
top: -6184px;
width: 18px
}
.docs-material .docs-icon-pie-chart-outline-24 {
left: -54px;
top: -4456px
}
.docs-material .docs-icon-named-range {
left: -20px;
top: -8750px
}
.docs-material .docs-icon-clock {
left: -40px;
top: -1342px
}
.docs-material .docs-icon-cancel {
left: -22px;
top: -2300px
}
.docs-material .docs-icon-cancel-24 {
left: 0;
top: -11832px
}
.docs-material .docs-icon-cancel-outline {
left: 0;
top: 0
}
.docs-material .docs-icon-arrow-line-tool {
left: -22px;
top: -7528px
}
.docs-material .docs-icon-arrow-line-tool-40 {
left: -40px;
top: -1488px
}
.docs-material .docs-icon-arrow-tilted {
left: -52px;
top: -7844px
}
.docs-material .docs-icon-unsupported-black {
left: -42px;
top: -7508px
}
.docs-material .docs-icon-text-rotation-up {
left: -62px;
top: -9316px
}
.docs-material .docs-icon-text-rotation-up-20 {
left: -52px;
top: -6596px
}
.docs-material .docs-icon-text-rotation-down {
left: -20px;
top: -82px
}
.docs-material .docs-icon-text-rotation-down-20 {
left: -20px;
top: -10906px
}
.docs-material .docs-icon-text-rotation-angleup {
left: 0;
top: -9362px
}
.docs-material .docs-icon-text-rotation-angleup-20 {
left: -42px;
top: -3336px
}
.docs-material .docs-icon-text-rotation-angledown {
left: -62px;
top: -10406px
}
.docs-material .docs-icon-text-rotation-angledown-20 {
left: -20px;
top: -7012px
}
.docs-material .docs-icon-text-rotation-vertical {
left: 0;
top: -5706px
}
.docs-material .docs-icon-text-rotation-vertical-20 {
left: 0;
top: -3592px
}
.docs-material .docs-icon-text-rotation-none {
left: 0;
top: -6458px
}
.docs-material .docs-icon-text-rotation-none-20 {
left: -26px;
top: -7818px
}
.docs-material .docs-icon-keep-lightbulb {
left: -20px;
top: -882px
}
.docs-material .docs-icon-update-table {
left: -46px;
top: -882px
}
.docs-material .docs-icon-update-slide {
left: -60px;
top: -8916px
}
.docs-material .docs-icon-overflow-three-dots {
left: 0;
top: -6000px
}
.docs-material .docs-icon-restore {
left: 0;
top: -5246px
}
.docs-material .docs-icon-paragraph-border-between {
left: -24px;
top: -1024px
}
.docs-material .docs-icon-paragraph-border-bottom {
left: -20px;
top: -7154px
}
.docs-material .docs-icon-paragraph-border-left {
left: -22px;
top: -8040px
}
.docs-material .docs-icon-paragraph-border-right {
left: -60px;
top: -428px
}
.docs-material .docs-icon-paragraph-border-top {
left: -52px;
top: -7736px
}
.docs-material .docs-icon-diagram-white {
left: -40px;
top: -7092px
}
.docs-material .docs-icon-directions-24 {
left: 0;
top: -5026px
}
.docs-material .docs-icon-drive-black {
left: -46px;
top: -4158px
}
.docs-material .docs-icon-file-upload {
left: -62px;
top: -10706px
}
.docs-material .docs-icon-file-upload-24 {
left: 0;
top: -9700px
}
.docs-material .docs-icon-photos {
left: -42px;
top: -10664px
}
.docs-material .docs-icon-photos-24 {
left: 0;
top: -8604px
}
.docs-material .docs-icon-keyboard {
left: -62px;
top: -3244px
}
.docs-material .docs-icon-dogfood-white {
left: 0;
top: -10906px
}
.docs-material .docs-icon-domain-disabled-yellow900 {
left: 0;
top: -3552px
}
.docs-material .docs-icon-hierarchy {
left: -20px;
top: -10386px
}
.docs-material .docs-icon-transition {
left: -26px;
top: -3822px
}
.docs-material .docs-icon-map-white {
left: -52px;
top: -11394px
}
.docs-material .docs-icon-map {
left: -42px;
top: -3272px
}
.docs-material .docs-icon-mask {
left: -40px;
top: -5578px
}
.docs-material .docs-icon-visibility {
left: 0;
top: -937px
}
.docs-material .docs-icon-visibility-off {
left: 0;
top: -5686px
}
.docs-material .docs-icon-volume-up {
left: 0;
top: -5498px
}
.docs-material .docs-icon-volume-up-filled-36 {
left: -40px;
top: -4268px
}
.docs-material .docs-icon-camera {
left: -22px;
top: -6690px
}
.docs-material .docs-icon-camera-outline-24 {
left: -52px;
top: -10948px
}
.docs-material .docs-icon-pivot-table {
left: -40px;
top: -5800px
}
.docs-material .docs-icon-insert-pivot-table {
left: -40px;
top: -10386px
}
.docs-material .docs-icon-avatar-anonymous-white-32 {
left: 0;
top: -4354px
}
.docs-material .docs-icon-code {
left: -52px;
top: -538px
}
.docs-material .docs-icon-code-24 {
left: 0;
top: -6966px
}
.docs-material .docs-icon-play {
left: -40px;
top: -8916px
}
.docs-material .docs-icon-record {
left: -60px;
top: -1732px
}
.docs-material .docs-icon-flip-horizontal {
left: 0;
top: -8430px
}
.docs-material .docs-icon-flip-vertical {
left: -20px;
top: -842px
}
.docs-material .docs-icon-rotate-cw {
left: -20px;
top: -5104px
}
.docs-material .docs-icon-database {
left: 0;
top: -4692px
}
.docs-material .docs-icon-database-grey600 {
left: 0;
top: -11308px
}
.docs-material .docs-icon-database-20x20 {
left: 0;
top: -800px
}
.docs-material .docs-icon-database-p40-20x20 {
left: -40px;
top: -10580px
}
.docs-material .docs-icon-plx {
left: -62px;
top: -626px
}
.docs-material .docs-icon-bigquery {
left: -40px;
top: -5478px
}
.docs-material .docs-icon-insert-dashboard {
left: -42px;
top: -2300px
}
.docs-material .docs-icon-filter-control {
left: -20px;
top: -7354px
}
.docs-material .docs-icon-drag-handle-20 {
left: -26px;
top: -9930px
}
.docs-material .docs-icon-drag-handle-24 {
left: -48px;
top: -2054px
}
.docs-material .docs-icon-drag-indicator-dark-24-nv60 {
left: -50px;
top: -8304px
}
.docs-material .docs-icon-comment-outline-20 {
left: -20px;
top: -8832px
}
.docs-material .docs-icon-comment-outline-24 {
left: 0;
top: -7952px
}
.docs-material .docs-icon-edit-outline {
left: -40px;
top: -8062px
}
.docs-material .docs-icon-edit-outline-20 {
left: 0;
top: -3888px
}
.docs-material .docs-icon-edit-outline-24 {
left: -26px;
top: -7716px
}
.docs-material .docs-icon-error-outline-24 {
left: -52px;
top: -6092px
}
.docs-material .docs-icon-error-outline-20 {
left: 0;
top: -3252px
}
.docs-material .docs-icon-error-filled-24-red600 {
left: 0;
top: -1600px
}
.docs-material .docs-icon-settings-outline-20 {
left: 0;
top: -10298px
}
.docs-material .docs-icon-settings-outline-24 {
left: 0;
top: -192px
}
.docs-material .docs-icon-share-outline-20 {
left: -26px;
top: -11306px
}
.docs-material .docs-icon-share-outline-24 {
left: -42px;
top: -1362px
}
.docs-material .docs-icon-time-outline-20 {
left: -26px;
top: -5922px
}
.docs-material .docs-icon-trend-outline-20 {
left: -46px;
top: -1578px
}
.docs-material .docs-icon-accessibility {
left: -22px;
top: -3292px
}
.docs-material .docs-icon-people-24 {
left: -48px;
top: -9096px
}
.docs-material .docs-icon-reload-white {
left: -60px;
top: -7932px
}
.docs-material .docs-icon-present {
left: -40px;
top: -2120px
}
.docs-material .docs-icon-present-to-all {
left: -62px;
top: -5292px
}
.docs-material .docs-icon-present-to-all-24 {
left: -22px;
top: -4536px
}
.docs-material .docs-icon-present-to-all-24-blue {
left: -46px;
top: -4198px
}
.docs-material .docs-icon-present-to-all-24-white {
left: 0;
top: -3848px
}
.docs-material .docs-icon-present-to-all-p40-24x24 {
left: 0;
top: -1084px
}
.docs-material .docs-icon-chevron-left-grey800-20 {
left: -22px;
top: -1826px
}
.docs-material .docs-icon-chevron-left-grey600-20 {
left: 0;
top: -1578px
}
.docs-material .docs-icon-chevron-left-24 {
left: -26px;
top: -11400px
}
.docs-material .docs-icon-chevron-right-24 {
left: 0;
top: -11416px
}
.docs-material .docs-icon-chevron-down-24 {
left: 0;
top: -8976px
}
.docs-material .docs-icon-delete-24 {
left: 0;
top: -6940px
}
.docs-material .docs-icon-delete-grey600-24 {
left: 0;
top: -4132px
}
.docs-material .docs-icon-palette {
left: -20px;
top: -4002px
}
.docs-material .docs-icon-sheets-table-24 {
left: -20px;
top: -306px
}
.docs-material .docs-icon-notifications-24 {
left: -52px;
top: -5906px
}
.docs-material .docs-icon-notifications-active-24 {
left: 0;
top: -8278px
}
.docs-material .docs-icon-notifications-off-24 {
left: 0;
top: -6092px
}
.docs-material .docs-icon-notifications-20 {
left: -20px;
top: -5518px
}
.docs-material .docs-icon-spellcheck {
left: 0;
top: -8170px
}
.docs-material .docs-icon-spellcheck-20 {
left: -22px;
top: -4246px
}
.docs-material .docs-icon-add-item {
left: -42px;
top: -2764px
}
.docs-material .docs-icon-datasheet-24-grey800 {
left: 0;
top: -280px
}
.docs-material .docs-icon-undo-autocorrect {
left: -46px;
top: -6020px
}
.docs-material .docs-icon-spellbubble-feedback-16 {
left: -22px;
top: -3716px
}
.docs-material .docs-icon-spellbubble-ignore-16 {
left: 0;
top: -3910px
}
.docs-material .docs-icon-spellbubble-overflow-three-dots-16 {
left: 0;
top: -10062px
}
.docs-material .docs-icon-list-24 {
left: -26px;
top: -2718px
}
.docs-material .docs-icon-audio {
left: -22px;
top: -4496px
}
.docs-material .docs-icon-drive-folder {
left: -26px;
top: -8982px
}
.docs-material .docs-icon-loading-circle-grey200 {
left: -20px;
top: -11502px
}
.docs-material .docs-icon-pdf {
left: -40px;
top: -5144px
}
.docs-material .docs-icon-web {
left: -22px;
top: -564px
}
.docs-material .docs-icon-offline-pin-20 {
left: 0;
top: -3634px
}
.docs-material .docs-icon-sync-20 {
left: -20px;
top: -1362px
}
.docs-material .docs-icon-sync-problem-20 {
left: 0;
top: -1626px
}
.docs-material .docs-icon-sync-white {
left: -40px;
top: -3012px
}
.docs-material .docs-icon-acl-view-only {
left: -34px;
top: -4354px
}
.docs-material .docs-icon-acl-view-only-on-brand-color-background {
left: -60px;
top: -10604px
}
.docs-material .docs-icon-acl-comment-only {
left: -22px;
top: -8670px
}
.docs-material .docs-icon-acl-comment-only-on-brand-color-background {
left: 0;
top: -9182px
}
.docs-material .docs-icon-acl-comment-only-green700 {
left: -62px;
top: -5456px
}
.docs-material .docs-icon-approvals-lock {
left: -60px;
top: -3552px
}
.docs-material .docs-icon-approvals-lock-white {
left: 0;
top: -2120px
}
.docs-material .docs-icon-approvals-lock-open {
left: -22px;
top: -2874px
}
.docs-material .docs-icon-approvals-stamp {
left: -40px;
top: -6838px
}
.docs-material .docs-icon-approvals-stamp-24 {
left: -26px;
top: -6980px
}
.docs-material .docs-icon-recall-24 {
left: -48px;
top: -7818px
}
.docs-material .docs-icon-feedback {
left: 0;
top: -8832px
}
.docs-material .docs-icon-offline-cloud-24 {
left: 0;
top: -10016px
}
.docs-material .docs-icon-arrow-down {
left: -40px;
top: -1732px
}
.docs-material .docs-icon-arrow-up {
left: 0;
top: -11086px
}
.docs-material .docs-icon-avatar-grey600 {
left: 0;
top: -3696px
}
.docs-material .docs-icon-description-grey600 {
left: -20px;
top: -8730px
}
.docs-material .docs-icon-popout-below {
left: -62px;
top: -3592px
}
.docs-material .docs-icon-group {
left: -20px;
top: -9836px
}
.docs-material .docs-icon-revisions-grey600 {
left: -26px;
top: -5842px
}
.docs-material .docs-icon-popout-viewer-24-white {
left: -26px;
top: -11832px
}
.docs-material .docs-icon-maximize-viewer {
left: -62px;
top: -7508px
}
.docs-material .docs-icon-maximize-viewer-24-white {
left: -42px;
top: -60px
}
.docs-material .docs-icon-open-in-external-24-white {
left: 0;
top: -11126px
}
.docs-material .docs-icon-copy-24-white {
left: -52px;
top: -6118px
}
.docs-material .docs-icon-sync {
left: -34px;
top: -4374px
}
.docs-material .docs-icon-search-insights {
left: 0;
top: -8874px
}
.docs-material .docs-icon-logo-docs-40px {
left: 0;
top: -8790px
}
.docs-material .docs-icon-logo-sheets-40px {
left: 0;
top: -10686px
}
.docs-material .docs-icon-logo-slides-40px {
left: -40px;
top: -10186px
}
.docs-material .docs-icon-logo-docs-2020q4-40px {
left: 0;
top: -40px
}
.docs-material .docs-icon-logo-sheets-2020q4-40px {
left: 0;
top: -8190px
}
.docs-material .docs-icon-logo-slides-2020q4-40px {
left: -22px;
top: -3614px
}
.docs-material .docs-icon-logo-docs-36 {
left: -20px;
top: -5598px
}
.docs-material .docs-icon-logo-sheets-36 {
left: 0;
top: -1728px
}
.docs-material .docs-icon-logo-slides-36 {
left: -40px;
top: -10848px
}
.docs-material .docs-icon-logo-drawings-36 {
left: -40px;
top: -1694px
}
.docs-material .docs-icon-text-wrapping-wrap-72 {
left: 0;
top: -646px
}
.docs-material .docs-icon-text-wrapping-break-72 {
left: 0;
top: -4906px
}
.docs-material .docs-icon-text-wrapping-inline-72 {
left: 0;
top: -7394px
}
.docs-material .docs-icon-text-wrapping-above-72 {
left: 0;
top: -1196px
}
.docs-material .docs-icon-text-wrapping-behind-72 {
left: 0;
top: -8330px
}
.docs-material .docs-icon-text-wrapping-wrap-text {
left: -62px;
top: -8148px
}
.docs-material .goog-toolbar-button-checked .docs-icon-text-wrapping-wrap-text {
left: -62px;
top: -8562px
}
.docs-material .docs-icon-text-wrapping-break-text {
left: -20px;
top: -3232px
}
.docs-material .goog-toolbar-button-checked .docs-icon-text-wrapping-break-text {
left: -60px;
top: -3054px
}
.docs-material .docs-icon-text-wrapping-inline-with-text {
left: -20px;
top: -760px
}
.docs-material .goog-toolbar-button-checked .docs-icon-text-wrapping-inline-with-text {
left: 0;
top: -1868px
}
.docs-material .docs-icon-text-wrapping-above-text {
left: 0;
top: -8522px
}
.docs-material .goog-toolbar-button-checked .docs-icon-text-wrapping-above-text {
left: -40px;
top: -6816px
}
.docs-material .docs-icon-text-wrapping-behind-text {
left: -62px;
top: -10548px
}
.docs-material .goog-toolbar-button-checked .docs-icon-text-wrapping-behind-text {
left: 0;
top: -4712px
}
.docs-material .docs-icon-quick-layout-top-left-50 {
left: -22px;
top: -366px
}
.docs-material .docs-icon-quick-layout-top-center-50 {
left: 0;
top: -9538px
}
.docs-material .docs-icon-quick-layout-top-right-50 {
left: -26px;
top: -11018px
}
.docs-material .docs-icon-quick-layout-center-left-50 {
left: 0;
top: -7870px
}
.docs-material .docs-icon-quick-layout-center-50 {
left: -26px;
top: -11126px
}
.docs-material .docs-icon-quick-layout-center-right-50 {
left: 0;
top: -5734px
}
.docs-material .docs-icon-quick-layout-bottom-left-50 {
left: 0;
top: -4588px
}
.docs-material .docs-icon-quick-layout-bottom-center-50 {
left: -26px;
top: -5000px
}
.docs-material .docs-icon-quick-layout-bottom-right-50 {
left: -22px;
top: -218px
}
.docs-material .docs-icon-encryption-shield {
left: -20px;
top: -6836px
}
.docs-material .docs-icon-encryption-shield-large {
left: -42px;
top: -7648px
}
.docs-material .docs-icon-not-encrypted-shield-16-grey900 {
left: -60px;
top: -7468px
}
.docs-material .docs-icon-notes-24 {
left: -46px;
top: -7756px
}
.docs-material .docs-icon-cloud-check {
left: -20px;
top: -7112px
}
.docs-material .docs-icon-sync-no-connection {
left: -40px;
top: -2160px
}
.docs-material .docs-icon-sync-no-connection-red600 {
left: -46px;
top: -11924px
}
.docs-material .docs-icon-sync-problem-red500 {
left: -20px;
top: -1488px
}
.docs-material .docs-icon-sync-saved-locally {
left: 0;
top: -2656px
}
.docs-material .docs-icon-sync-saved-locally-20 {
left: 0;
top: -8122px
}
.docs-material .docs-icon-sync-disabled {
left: -26px;
top: -7756px
}
.docs-material .docs-icon-sync-disabled-red600 {
left: -22px;
top: -3358px
}
.docs-material .docs-icon-cloud-check-24 {
left: -26px;
top: -8956px
}
.docs-material .docs-icon-sync-no-connection-24 {
left: 0;
top: -1270px
}
.docs-material .docs-icon-sync-no-connection-24-red600 {
left: -52px;
top: -8936px
}
.docs-material .docs-icon-sync-problem-24-red500 {
left: -46px;
top: -8430px
}
.docs-material .docs-icon-sync-saved-locally-24 {
left: -52px;
top: -9856px
}
.docs-material .docs-icon-sync-disabled-24 {
left: -26px;
top: -7690px
}
.docs-material .docs-icon-sync-disabled-24-red600 {
left: -52px;
top: -11812px
}
.docs-material .docs-icon-auto-awesome {
left: -26px;
top: -6940px
}
.docs-material .docs-icon-auto-awesome-black {
left: -42px;
top: -40px
}
.docs-material .docs-icon-auto-awesome-24 {
left: -26px;
top: -5948px
}
.docs-material .docs-icon-auto-awesome-24-yellow {
left: 0;
top: -7690px
}
.docs-material .docs-icon-warning {
left: 0;
top: -10644px
}
.docs-material .docs-icon-warning-24 {
left: -50px;
top: -8278px
}
.docs-material .docs-icon-warning-filled-red700 {
left: 0;
top: -2140px
}
.docs-material .docs-icon-watermark {
left: 0;
top: -9518px
}
.docs-material .docs-icon-watermark-24 {
left: -22px;
top: -8252px
}
.docs-material .docs-icon-info {
left: -44px;
top: -6898px
}
.docs-material .docs-icon-info-blue800 {
left: -60px;
top: -2140px
}
.docs-material .docs-icon-info-green800 {
left: -44px;
top: -3888px
}
.docs-material .docs-icon-info-grey800 {
left: -62px;
top: -8190px
}
.docs-material .docs-icon-info_14 {
left: 0;
top: -11348px
}
.docs-material .docs-icon-info-24 {
left: -48px;
top: -8252px
}
.docs-material .docs-icon-info-outline-grey {
left: -60px;
top: -9428px
}
.docs-material .docs-icon-search-24 {
left: -20px;
top: -4328px
}
.docs-material .docs-icon-sync-24 {
left: -46px;
top: -4064px
}
.docs-material .docs-icon-add {
left: -40px;
top: -8082px
}
.docs-material .docs-icon-add-24 {
left: -52px;
top: -5734px
}
.docs-material .docs-icon-folder {
left: -20px;
top: -10042px
}
.docs-material .docs-icon-star-border {
left: -40px;
top: -11522px
}
.docs-material .docs-icon-star-filled {
left: 0;
top: -5104px
}
.docs-material .docs-icon-star-box {
left: 0;
top: -10886px
}
.docs-material .docs-icon-link-24 {
left: -52px;
top: -2718px
}
.docs-material .docs-icon-link-no-24 {
left: 0;
top: -144px
}
.docs-material .docs-icon-paste-source-24 {
left: 0;
top: -10538px
}
.docs-material .docs-icon-paste-destination-24 {
left: -42px;
top: -3358px
}
.docs-material .docs-preview {
left: -40px;
top: -428px
}
.docs-material .docs-icon-increase-22 {
left: -20px;
top: -6290px
}
.docs-material .docs-icon-decrease-22 {
left: 0;
top: -1002px
}
.docs-material .docs-icon-gear-grey400-13 {
left: 0;
top: -922px
}
.docs-material .docs-icon-gear-grey700-13 {
left: -22px;
top: -2916px
}
.docs-material .docs-icon-gmail {
left: 0;
top: -7032px
}
.docs-material .docs-icon-folder-move {
left: -40px;
top: -1848px
}
.docs-material .docs-icon-drag-top-left {
left: -62px;
top: -3210px
}
.docs-material .docs-icon-drag-top-right {
left: -62px;
top: -5720px
}
.docs-material .docs-icon-sync-pending {
left: 0;
top: -9276px
}
.docs-material .docs-icon-sync-pending-24 {
left: -42px;
top: -2874px
}
.docs-material .docs-icon-check-24 {
left: -40px;
top: -760px
}
.docs-material .docs-icon-check-24-white {
left: 0;
top: -3822px
}
.docs-material .docs-icon-check-n10-24x24 {
left: -26px;
top: -1296px
}
.docs-material .docs-icon-close-n10-24x24 {
left: 0;
top: -9096px
}
.docs-material .docs-icon-check-p40-24x24 {
left: -26px;
top: -6638px
}
.docs-material .docs-icon-close-p40-24x24 {
left: -26px;
top: -11374px
}
.docs-material .docs-icon-instant-comment-24 {
left: 0;
top: -2074px
}
.docs-material .docs-icon-instant-comment-blue600-24 {
left: 0;
top: -5968px
}
.docs-material .docs-icon-instant-comment-blue40-24 {
left: -46px;
top: -9402px
}
.docs-material .docs-icon-instant-suggest-24 {
left: 0;
top: -5660px
}
.docs-material .docs-icon-instant-suggest-green600-24 {
left: 0;
top: -11282px
}
.docs-material .docs-icon-instant-suggest-blue40-24 {
left: 0;
top: -5868px
}
.docs-material .docs-icon-inventory-24 {
left: 0;
top: -6118px
}
.docs-material .docs-icon-inventory {
left: 0;
top: -8020px
}
.docs-material .docs-icon-timeline {
left: 0;
top: -11152px
}
.docs-material .docs-icon-timeline-20x20 {
left: 0;
top: -1552px
}
.docs-material .docs-icon-timeline-p40-20x20 {
left: -22px;
top: -6204px
}
.docs-material .docs-icon-docos-continue-the-conversation-24 {
left: -20px;
top: -9448px
}
.docs-material .docs-icon-locked-white {
left: 0;
top: -7670px
}
.docs-material .docs-icon-youtube-red {
left: -42px;
top: -10706px
}
.docs-material .docs-icon-unarchive-24 {
left: 0;
top: -7288px
}
.docs-material .docs-icon-paintbrush {
left: -40px;
top: -1752px
}
.docs-material .docs-icon-videocam {
left: 0;
top: -6500px
}
.docs-material .docs-icon-videocam-24 {
left: 0;
top: -9856px
}
.docs-material .docs-icon-videocam-colored-24 {
left: 0;
top: -10154px
}
.docs-material .docs-icon-send-to-email-24-red600 {
left: 0;
top: -10228px
}
.docs-material .docs-icon-sort_az {
left: 0;
top: -1668px
}
.docs-material .docs-icon-sort_za {
left: 0;
top: -11884px
}
.docs-material .docs-icon-insights {
left: -37px;
top: -2916px
}
.docs-material .docs-icon-appsheet {
left: 0;
top: -8730px
}
.docs-material .docs-icon-tv {
left: -40px;
top: -346px
}
.docs-material .docs-icon-laptop {
left: 0;
top: -2596px
}
.docs-material .docs-icon-laptop-24 {
left: -26px;
top: -11426px
}
.docs-material .docs-icon-autofit-none {
left: -40px;
top: -6184px
}
.docs-material .docs-icon-autofit-resize-shape {
left: 0;
top: -2874px
}
.docs-material .docs-icon-autofit-shrink-text {
left: -20px;
top: -8020px
}
.docs-material .docs-icon-avatar {
left: -54px;
top: -4502px
}
.docs-material .docs-icon-smart-summary {
left: -46px;
top: -822px
}
.docs-material .docs-icon-smart-summary-16 {
left: 0;
top: -8692px
}
.docs-material .docs-icon-smart-summary-20 {
left: 0;
top: -4246px
}
.docs-material .docs-icon-smart-summary-24 {
left: 0;
top: -3956px
}
.docs-material .docs-icon-insert-emoji-reaction-24-yellow700 {
left: 0;
top: -11390px
}
.docs-material .docs-icon-insert-emoji-reaction-blue40-24 {
left: -52px;
top: -5246px
}
.docs-material .docs-icon-insert-thumbs-up-24-yellow700 {
left: -52px;
top: -1296px
}
.docs-material .docs-icon-insert-emoticon {
left: -62px;
top: -9794px
}
.docs-material .docs-icon-more-vert {
left: -20px;
top: -4288px
}
.docs-material .docs-icon-more-vert-20 {
left: 0;
top: -11674px
}
.docs-material .docs-icon-more-vert-24 {
left: -26px;
top: -9904px
}
.docs-material .docs-icon-more-vert-n10-24x24 {
left: -40px;
top: -1044px
}
.docs-material .docs-icon-performance-meter-24-green700 {
left: -26px;
top: -3862px
}
.docs-material .docs-icon-label-outline {
left: 0;
top: -5574px
}
.docs-material .docs-icon-checkbox-hollow {
left: -48px;
top: -11460px
}
.docs-material .docs-icon-person-search-24 {
left: 0;
top: -9902px
}
.docs-material .docs-icon-rectangle {
left: -62px;
top: -10528px
}
.docs-material .docs-icon-rounded-rectangle {
left: -52px;
top: -9928px
}
.docs-material .docs-icon-oval {
left: -20px;
top: -4112px
}
.docs-material .docs-icon-comment-topbar-24 {
left: -26px;
top: -7844px
}
.docs-material .docs-icon-confirmation-number-24 {
left: 0;
top: -7622px
}
.docs-material .docs-icon-contacts-24 {
left: -26px;
top: -9878px
}
.docs-material .docs-icon-checklist {
left: -54px;
top: -4348px
}
.docs-material .docs-icon-checklist-20 {
left: 0;
top: -6898px
}
.docs-material .docs-icon-checklist-24 {
left: 0;
top: -4198px
}
.docs-material .docs-icon-checklist-rtl {
left: -20px;
top: -10624px
}
.docs-material .docs-icon-checklist-rtl-20 {
left: 0;
top: -6670px
}
.docs-material .docs-icon-report {
left: -62px;
top: -8582px
}
.docs-material .docs-icon-report-white {
left: -40px;
top: -9518px
}
.docs-material .docs-icon-report-red800 {
left: 0;
top: -6314px
}
.docs-material .docs-icon-report-blue800 {
left: -62px;
top: -2280px
}
.docs-material .docs-icon-report-green800 {
left: -42px;
top: -8210px
}
.docs-material .docs-icon-report-grey800 {
left: 0;
top: -6438px
}
.docs-material .docs-icon-assignment-ind-24 {
left: -46px;
top: -280px
}
.docs-material .docs-icon-assignment-ind-white-24 {
left: -46px;
top: -4132px
}
.docs-material .docs-icon-assignment {
left: -26px;
top: -8936px
}
.docs-material .docs-icon-assignment-24 {
left: -40px;
top: -1668px
}
.docs-material .docs-icon-paperclip-24 {
left: -54px;
top: -4388px
}
.docs-material .docs-icon-emoji-24 {
left: -48px;
top: -2180px
}
.docs-material .docs-icon-emoji-emotions {
left: -42px;
top: -6438px
}
.docs-material .docs-icon-emoji-events {
left: 0;
top: -11106px
}
.docs-material .docs-icon-emoji-flags {
left: 0;
top: -862px
}
.docs-material .docs-icon-emoji-food-beverage {
left: -20px;
top: -9162px
}
.docs-material .docs-icon-emoji-nature {
left: -20px;
top: -3486px
}
.docs-material .docs-icon-emoji-objects {
left: -22px;
top: -740px
}
.docs-material .docs-icon-emoji-people {
left: 0;
top: -306px
}
.docs-material .docs-icon-emoji-symbols {
left: -40px;
top: -4002px
}
.docs-material .docs-icon-emoji-transportation {
left: 0;
top: -8232px
}
.docs-material .docs-icon-pushpin {
left: 0;
top: -4112px
}
.docs-material .docs-icon-pushpin-unpin {
left: -62px;
top: -5700px
}
.docs-material .docs-icon-delete {
left: 0;
top: -6836px
}
.docs-material .docs-icon-logo-maps {
left: 0;
top: -11812px
}
.docs-material .docs-icon-maps-pin {
left: -42px;
top: -4090px
}
.docs-material .docs-icon-calendar-event-24 {
left: 0;
top: -9990px
}
.docs-material .docs-icon-calendar-view-day-24 {
left: 0;
top: -6596px
}
.docs-material .docs-icon-displays {
left: -26px;
top: -1598px
}
.docs-material .docs-icon-emoji-emotions-24 {
left: -26px;
top: -538px
}
.docs-material .docs-icon-emoji-events-24 {
left: -42px;
top: -7012px
}
.docs-material .docs-icon-emoji-flags-24 {
left: 0;
top: -7978px
}
.docs-material .docs-icon-emoji-food-beverage-24 {
left: 0;
top: -4064px
}
.docs-material .docs-icon-emoji-nature-24 {
left: -52px;
top: -6984px
}
.docs-material .docs-icon-emoji-objects-24 {
left: -20px;
top: -6020px
}
.docs-material .docs-icon-emoji-people-24 {
left: -26px;
top: -6112px
}
.docs-material .docs-icon-emoji-symbols-24 {
left: 0;
top: -1980px
}
.docs-material .docs-icon-emoji-transportation-24 {
left: -22px;
top: -1552px
}
.docs-material .docs-icon-warning-amber-red700 {
left: -20px;
top: -2636px
}
.docs-material .docs-icon-warning-amber-24-red700 {
left: 0;
top: -7738px
}
.docs-material .docs-icon-loop-red700 {
left: 0;
top: -10604px
}
.docs-material .docs-icon-map-24 {
left: -52px;
top: -3846px
}
.docs-material .docs-icon-loop-24-red700 {
left: -26px;
top: -9336px
}
.docs-material .docs-icon-send-to-email-24 {
left: -20px;
top: -8644px
}
.docs-material .docs-icon-play-filled-20-yellow600 {
left: -20px;
top: -3210px
}
.docs-material .docs-icon-record-voice-over {
left: 0;
top: -11328px
}
.docs-material .docs-icon-record-circle {
left: -22px;
top: -7488px
}
.docs-material .docs-icon-add-task {
left: 0;
top: -2388px
}
.docs-material .docs-icon-task-alt {
left: -22px;
top: -6226px
}
.docs-material .docs-icon-add-task-white {
left: -20px;
top: -9122px
}
.docs-material .docs-icon-slideshow {
left: 0;
top: -6816px
}
.docs-material .docs-icon-send-to-email {
left: -40px;
top: -518px
}
.docs-material .docs-icon-dropdown-arrow-in-oval-24 {
left: 0;
top: -538px
}
.docs-material .docs-icon-task-alt-24 {
left: -52px;
top: -9902px
}
.docs-material .docs-icon-dropdown-arrow-in-oval {
left: -20px;
top: -6270px
}
.docs-material .docs-icon-gmail-blue600-24 {
left: -52px;
top: -7690px
}
.docs-material .docs-icon-person {
left: -62px;
top: -170px
}
.docs-material .docs-icon-check-circle {
left: -42px;
top: -3446px
}
.docs-material .docs-icon-supervisor-account {
left: -60px;
top: -10386px
}
.docs-material .docs-icon-brand-awareness {
left: 0;
top: -9726px
}
.docs-material .docs-icon-comment-edit-24 {
left: 0;
top: -11364px
}
.docs-material .docs-icon-esignature-pen {
left: -42px;
top: -3252px
}
.docs-material .docs-icon-check-circle-green700 {
left: 0;
top: -9970px
}
.docs-material .docs-icon-insert-emoticon-24 {
left: -20px;
top: -4746px
}
.docs-material .docs-icon-docs-smart-chips-18 {
left: 0;
top: -5638px
}
.docs-material .docs-icon-meet-24 {
left: -22px;
top: -8122px
}
.docs-material .docs-icon-meet-24-white {
left: 0;
top: -7764px
}
.docs-material .docs-icon-meet-p40-24x24 {
left: 0;
top: -1296px
}
.docs-material .docs-icon-meet-white {
left: 0;
top: -7174px
}
.docs-material .docs-icon-finance-mode {
left: -40px;
top: -6878px
}
.docs-material .docs-icon-arrow-upward-green800 {
left: 0;
top: -8854px
}
.docs-material .docs-icon-arrow-downward-red900 {
left: -52px;
top: -7716px
}
.docs-material .docs-icon-plus-green800 {
left: -60px;
top: -7112px
}
.docs-material .docs-icon-minus-red900 {
left: 0;
top: -6480px
}
.docs-material .docs-icon-post-add-24 {
left: -46px;
top: -11858px
}
.docs-material .docs-icon-slide-library {
left: -62px;
top: -7978px
}
.docs-material .docs-icon-talk-track-live-video {
left: 0;
top: -2320px
}
.docs-material .docs-listpreset-checklist {
left: 0;
top: -5408px
}
.docs-material .docs-listpreset-checklist-rtl {
left: 0;
top: -2784px
}
.docs-material .docs-listpreset-checklist-without-strikethrough {
left: 0;
top: -2340px
}
.docs-material .docs-listpreset-checklist-without-strikethrough-rtl {
left: 0;
top: -2006px
}
.docs-material .docs-icon-download-and-decrypt {
left: -42px;
top: -9814px
}
.docs-material .docs-history-24 {
left: -52px;
top: -9746px
}
.docs-material .docs-icon-colorize {
left: 0;
top: -4090px
}
.docs-material .docs-icon-system-applied-labels {
left: 0;
top: -6856px
}
.docs-material .docs-icon-format-list-bulleted-24 {
left: 0;
top: -11904px
}
.docs-material .docs-icon-add-to-drive-20 {
left: 0;
top: -8304px
}
.docs-material .docs-icon-cloud-check-20 {
left: -42px;
top: -8040px
}
.docs-material .docs-icon-folder-20x20 {
left: -22px;
top: -800px
}
.docs-material .docs-icon-folder-move-20 {
left: -22px;
top: -6898px
}
.docs-material .docs-icon-info-20 {
left: -58px;
top: -10062px
}
.docs-material .docs-icon-star-border-20 {
left: 0;
top: -4022px
}
.docs-material .docs-icon-star-filled-20-blue600 {
left: -40px;
top: -5638px
}
.docs-material .docs-cloud-off-20 {
left: -48px;
top: -7998px
}
.docs-material .docs-icon-computer-20 {
left: -20px;
top: -4090px
}
.docs-material .docs-icon-schedule-20 {
left: 0;
top: -1958px
}
.docs-material .docs-sync-20 {
left: -20px;
top: -1362px
}
.docs-material .docs-icon-sync-problem-20 {
left: 0;
top: -1626px
}
.docs-material .docs-icon-offline-bolt-20 {
left: -22px;
top: -4474px
}
.docs-material .docs-icon-docs-encrypted {
left: -38px;
top: -10062px
}
.docs-material .docs-icon-slides-encrypted {
left: -62px;
top: -9276px
}
.docs-material .docs-icon-sheets-encrypted {
left: 0;
top: -6354px
}
.docs-material .docs-icon-building-block {
left: -40px;
top: -4980px
}
.docs-material .docs-icon-building-block-24 {
left: -52px;
top: -5972px
}
.docs-material .docs-icon-columns-24 {
left: -26px;
top: -7952px
}
.docs-material .docs-icon-camera-placeholder-18 {
left: 0;
top: -5292px
}
.docs-material .docs-icon-camera-placeholder-24 {
left: -20px;
top: -1388px
}
.docs-material .docs-icon-add-20 {
left: 0;
top: -1530px
}
.docs-material .docs-icon-chevron-left-20 {
left: 0;
top: -10324px
}
.docs-material .docs-icon-chevron-right-20 {
left: 0;
top: -4562px
}
.docs-material .docs-icon-expand-less-20 {
left: 0;
top: -720px
}
.docs-material .docs-icon-expand-more-20 {
left: -20px;
top: -2744px
}
.docs-material .docs-icon-menu-20 {
left: 0;
top: -10664px
}
.docs-material .docs-icon-mode-comment-filled-20 {
left: -22px;
top: -1530px
}
.docs-material .docs-icon-animation-20 {
left: -24px;
top: -1002px
}
.docs-material .docs-icon-grid-view-20 {
left: -26px;
top: -3976px
}
.docs-material .docs-icon-grid-view-filled-20 {
left: 0;
top: -8670px
}
.docs-material .docs-icon-error-filled-red700 {
left: -20px;
top: -3676px
}
.docs-material .docs-icon-arrow-dropdown-20 {
left: -42px;
top: -8832px
}
.docs-material .docs-icon-arrow-dropdown-tertiary-green-20 {
left: -42px;
top: -2852px
}
.docs-material .docs-icon-arrow-dropdown-p40-20x20 {
left: 0;
top: -5820px
}
.docs-material .docs-icon-arrow-dropdown-on-surface-20 {
left: -42px;
top: -3404px
}
.docs-material .docs-icon-edit-20 {
left: 0;
top: -4514px
}
.docs-material .docs-icon-rate-review-20 {
left: -40px;
top: -8482px
}
.docs-material .docs-icon-category-24 {
left: -42px;
top: -1978px
}
.docs-material .docs-icon-variables {
left: 0;
top: -9950px
}
.docs-material .docs-icon-variables-24 {
left: 0;
top: -9336px
}
.docs-material .docs-icon-video-camera-front-18 {
left: 0;
top: -4224px
}
.docs-material .docs-icon-file-copy-blue900 {
left: -60px;
top: -6248px
}
.docs-material .docs-icon-sort-20 {
left: 0;
top: -9600px
}
.docs-material .docs-icon-video-camera-front-24 {
left: 0;
top: -5000px
}
.docs-material .docs-icon-bolt {
left: -40px;
top: -3696px
}
.docs-material .docs-icon-editors-ia-bolt {
left: -40px;
top: -3696px
}
.docs-material .docs-icon-format-clear-20 {
left: -60px;
top: -6816px
}
.docs-material .docs-icon-ink-highlighter-20 {
left: -20px;
top: -6752px
}
.docs-material .docs-icon-numbers-20 {
left: -54px;
top: -4434px
}
.docs-material .docs-icon-remove-20 {
left: 0;
top: -564px
}
.docs-material .docs-icon-border-color-20 {
left: 0;
top: -5456px
}
.docs-material .docs-icon-voting-chip-24 {
left: -52px;
top: -3820px
}
.docs-material .docs-icon-toc-links-50-68 {
left: -26px;
top: -1868px
}
.docs-material .docs-icon-toc-links-rtl-50-68 {
left: 0;
top: -10084px
}
.docs-material .docs-icon-toc-page-numbers-50-68 {
left: -26px;
top: -10228px
}
.docs-material .docs-icon-toc-page-numbers-rtl-50-68 {
left: 0;
top: -10948px
}
.docs-material .docs-icon-arrow-selector-tool-20 {
left: -52px;
top: -6962px
}
.docs-material .docs-icon-cell-merge-20 {
left: -20px;
top: -3738px
}
.docs-material .docs-icon-chip-extraction-20 {
left: 0;
top: -4536px
}
.docs-material .docs-icon-format-ink-highlighter-20 {
left: -26px;
top: -7998px
}
.docs-material .docs-icon-format-text-clip-20 {
left: -52px;
top: -11350px
}
.docs-material .docs-icon-format-text-overflow-20 {
left: 0;
top: -3032px
}
.docs-material .docs-icon-format-text-wrap-20 {
left: -20px;
top: -6248px
}
.docs-material .docs-icon-insert-text-20 {
left: -60px;
top: -6268px
}
.docs-material .docs-icon-line-end-20 {
left: 0;
top: -8252px
}
.docs-material .docs-icon-line-end-arrow-20 {
left: -26px;
top: -11460px
}
.docs-material .docs-icon-line-end-arrow-filled-20 {
left: -26px;
top: -11284px
}
.docs-material .docs-icon-line-end-arrow-notch-20 {
left: 0;
top: -2832px
}
.docs-material .docs-icon-line-end-circle-20 {
left: -46px;
top: -9448px
}
.docs-material .docs-icon-line-end-circle-filled-20 {
left: -52px;
top: -11262px
}
.docs-material .docs-icon-line-end-diamond-20 {
left: 0;
top: -7716px
}
.docs-material .docs-icon-line-end-diamond-filled-20 {
left: -46px;
top: -8644px
}
.docs-material .docs-icon-line-end-square-20 {
left: -48px;
top: -3956px
}
.docs-material .docs-icon-line-end-square-filled-20 {
left: 0;
top: -9814px
}
.docs-material .docs-icon-line-start-20 {
left: -42px;
top: -6226px
}
.docs-material .docs-icon-line-start-arrow-20 {
left: 0;
top: -3446px
}
.docs-material .docs-icon-line-start-arrow-filled-20 {
left: 0;
top: -366px
}
.docs-material .docs-icon-line-start-arrow-notch-20 {
left: 0;
top: -3716px
}
.docs-material .docs-icon-line-start-circle-20 {
left: -46px;
top: -7348px
}
.docs-material .docs-icon-line-start-circle-filled-20 {
left: -22px;
top: -3888px
}
.docs-material .docs-icon-line-start-diamond-20 {
left: -46px;
top: -10016px
}
.docs-material .docs-icon-line-start-diamond-filled-20 {
left: 0;
top: -3154px
}
.docs-material .docs-icon-line-start-square-20 {
left: -40px;
top: -2656px
}
.docs-material .docs-icon-line-start-square-filled-20 {
left: 0;
top: -586px
}
.docs-material .docs-icon-colorize-24 {
left: -22px;
top: -9600px
}
.docs-material .docs-icon-search-20-nv50 {
left: -40px;
top: -3716px
}
.docs-material .docs-icon-toc-dotted-50-68 {
left: 0;
top: -448px
}
.docs-material .docs-icon-toc-dotted-rtl-50-68 {
left: 0;
top: -10468px
}
.docs-material .docs-icon-table-quick-layout-top-left-72 {
left: 0;
top: -7548px
}
.docs-material .docs-icon-table-quick-layout-top-center-72 {
left: 0;
top: -2408px
}
.docs-material .docs-icon-table-quick-layout-top-right-72 {
left: 0;
top: -9202px
}
.docs-material .docs-icon-table-quick-layout-center-left-72 {
left: 0;
top: -10774px
}
.docs-material .docs-icon-table-quick-layout-center-72 {
left: 0;
top: -2938px
}
.docs-material .docs-icon-table-quick-layout-center-right-72 {
left: 0;
top: -5314px
}
.docs-material .docs-icon-table-quick-layout-bottom-left-72 {
left: 0;
top: -2502px
}
.docs-material .docs-icon-table-quick-layout-bottom-center-72 {
left: 0;
top: -9626px
}
.docs-material .docs-icon-table-quick-layout-bottom-right-72 {
left: 0;
top: -9022px
}
.docs-material .docs-icon-table-left-aligned-72 {
left: 0;
top: -1414px
}
.docs-material .docs-icon-table-center-aligned-72 {
left: 0;
top: -6522px
}
.docs-material .docs-icon-table-right-aligned-72 {
left: 0;
top: -11188px
}
.docs-material .docs-icon-table-text-wrapping-inline-72 {
left: 0;
top: -2206px
}
.docs-material .docs-icon-table-text-wrapping-wrap-72 {
left: 0;
top: -11738px
}
.docs-material .docs-icon-table-text-wrap-direction-bothsides-72 {
left: 0;
top: -7194px
}
.docs-material .docs-icon-table-text-wrap-direction-left-72 {
left: 0;
top: -11600px
}
.docs-material .docs-icon-table-text-wrap-direction-right-72 {
left: 0;
top: -4772px
}
.docs-material .docs-icon-function-20 {
left: 0;
top: -3526px
}
.docs-material .docs-icon-visibility-24 {
left: -26px;
top: -5246px
}
.docs-material .docs-icon-timer-24 {
left: -20px;
top: -9402px
}
.docs-material .docs-icon-encrypted-outline-18 {
left: -42px;
top: -6374px
}
.docs-material .docs-icon-expand-header {
left: -54px;
top: -4568px
}
.docs-material .docs-icon-collapse-header {
left: 0;
top: -962px
}
.docs-material .docs-icon-filter-alt-20 {
left: -60px;
top: -6290px
}
.docs-material .docs-icon-filter-alt-filled-20 {
left: -46px;
top: -5842px
}
.docs-material .docs-icon-logo-colab-18x18 {
left: -20px;
top: -3778px
}
.docs-material .docs-icon-timeline-milestones-18x18 {
left: -42px;
top: -4866px
}
.docs-material .docs-icon-lock-filled-20x20 {
left: -48px;
top: -9600px
}
.docs-material .docs-icon-lock-filled-p40-20x20 {
left: 0;
top: -6622px
}
.docs-material .docs-icon-hourglass-empty-24x24 {
left: -20px;
top: -8404px
}
.docs-material .docs-icon-assistant-20x20 {
left: -42px;
top: -6394px
}
.docs-material .docs-icon-assistant-p40-20x20 {
left: 0;
top: -2894px
}
.docs-material .docs-icon-assistant-24x24 {
left: 0;
top: -11038px
}
.docs-material .docs-icon-assistant-p40-24x24 {
left: -20px;
top: -8456px
}
.docs-material .docs-icon-calendar-event-draft-18x18 {
left: -40px;
top: -6858px
}
.docs-material .docs-icon-calendar-event-draft-24x24 {
left: -48px;
top: -192px
}
.docs-material .docs-icon-chip-extraction-18x18 {
left: -20px;
top: -4178px
}
.docs-material .docs-icon-lock-20x20 {
left: -42px;
top: -9772px
}
.docs-material .docs-icon-visibility-20x20 {
left: -40px;
top: -10406px
}
.docs-gm .docs-circle-promo-base {
height: 210px;
width: 210px;
background-color: #188038 !important;
border-color: #188038 !important
}
.docs-circle-promo-base {
border-style: solid;
border-width: 400px;
border-radius: 800px;
font-size: 16px;
height: 136px;
position: absolute;
width: 136px;
z-index: 9000
}
.docs-gm .docs-circle-promo-content {
color: white;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 22px;
margin-left: 80px;
position: relative;
width: 350px
}
.docs-circle-promo-content {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
width: 280px
}
.docs-gm .docs-circle-promo-header {
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 20px;
font-size: var(--docs-material-font-size-22, 20px)
}
.docs-circle-promo-header {
font-size: 20px;
line-height: 27px;
margin-bottom: 16px
}
.docs-circle-promo-buttons {
margin-top: 16px
}
.docs-circle-promo-button {
cursor: pointer;
font-size: 14px;
font-weight: 500;
text-transform: uppercase
}
.docs-circle-promo-button:hover,
.docs-circle-promo-button:focus {
opacity: 0.87
}
.docs-circle-promo-continue-button {
margin-right: 20px
}
.docs-material-promo-walkthrough-bubble {
background: #fff;
border: 1px solid transparent;
border-radius: 8px;
box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15);
position: absolute;
z-index: 1003
}
.docs-material-promo-walkthrough-bubble:focus {
outline: none
}
.docs-material-promo-walkthrough-bubble .jfk-bubble-content {
min-width: 312px;
padding: 0px 24px 24px;
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
font-size: var(--docs-material-font-size-normal, 13px)
}
.docs-material-promo-walkthrough-bubble-buttons {
display: flex;
justify-content: flex-end;
padding: 24px
}
.docs-material-promo-walkthrough-bubble .docs-material-button-fill-primary.docs-material-button {
margin-left: 12px;
text-transform: none
}
.docs-material-promo-walkthrough-bubble-close-button {
background-color: transparent;
border: none;
border-radius: 50%;
cursor: pointer;
margin: 0px;
outline: 0;
padding: 7px;
position: absolute;
right: 8px;
top: 8px
}
.docs-material-promo-walkthrough-bubble-close-button.goog-flat-button-hover {
background-color: #f1f3f4
}
.docs-material-promo-walkthrough-bubble-close-button.goog-flat-button-focused {
background-color: #e8eaed;
outline: none
}
.docs-material-promo-walkthrough-bubble .jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore,
.docs-material-promo-walkthrough-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
border-color: rgba(60, 64, 67, 0.1) transparent
}
.docs-material-promo-walkthrough-bubble .jfk-bubble-arrowleft .jfk-bubble-arrowimplbefore,
.docs-material-promo-walkthrough-bubble .jfk-bubble-arrowright .jfk-bubble-arrowimplbefore {
border-color: transparent rgba(60, 64, 67, 0.1)
}
.docs-binaryupsavewarning {
width: 512px
}
.docs-binaryupsavewarning-content-text {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px
}
a.docs-binaryupsavewarning-learn-more,
a.docs-binaryupsavewarning-learn-more:visited {
align-self: center;
color: #137333;
font-family: var(--docs-material-header-font-family, Roboto, RobotoDraft, Helvetica, Arial, sans-serif);
font-size: 14px;
font-weight: var(--docs-material-font-weight-bold, 700);
margin-right: auto
}
.docs-incompatibility-banner {
align-items: center;
background-color: #e6f4ea;
border: 0;
color: #202124;
display: flex;
font-size: 13px;
height: 40px;
overflow: hidden
}
.docs-hc-gecko.docs-incompatibility-banner .docs-incompatibility-banner-view-details-button {
border: 1px solid transparent
}
.docs-incompatibility-banner-text {
flex-grow: 1;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
letter-spacing: 0.2px;
margin: 0 0 0 16px;
overflow: hidden;
text-overflow: ellipsis
}
.docs-incompatibility-banner-view-details-button {
align-self: center;
background-color: inherit;
border: none;
color: #137333;
cursor: pointer;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 24px;
margin: 0 16px 0 32px
}
.docs-unsupportedofficefeatureswarning {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
width: 512px
}
.docs-unsupportedofficefeatureswarning-content-restorefiletext {
border-bottom: 1px solid #bdc1c6;
color: #5f6368;
font-size: 16px;
line-height: 24px;
margin-bottom: 23px;
margin-top: -8px;
padding-bottom: 16px
}
.docs-unsupportedofficefeatureswarning-content-features-list {
font-size: 14px;
max-height: 128px;
overflow-y: auto
}
.docs-unsupportedofficefeatureswarning-content-feature {
color: #3c4043;
margin-bottom: 12px
}
a.docs-unsupportedofficefeatureswarning-learn-more,
a.docs-unsupportedofficefeatureswarning-learn-more:visited {
align-self: center;
color: #137333;
font-family: var(--docs-material-header-font-family, Roboto, RobotoDraft, Helvetica, Arial, sans-serif);
font-size: 14px;
font-weight: var(--docs-material-font-weight-bold, 700);
margin-right: auto
}
.docs-gm .docs-embedded-file-bubble {
border-color: #dadce0;
border-radius: 8px;
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
padding: 4px
}
.docs-embedded-file-bubble .docs-bubble-button.embedded-file-bubble-view-button.jfk-button-standard.jfk-button:hover,
.docs-embedded-file-bubble .docs-bubble-button.embedded-file-bubble-add-to-drive-button.jfk-button-standard.jfk-button:hover,
.docs-embedded-file-bubble .docs-bubble-button.embedded-file-bubble-download-button.jfk-button-standard.jfk-button:hover {
border-width: 0;
box-shadow: none
}
.docs-embedded-file-bubble .docs-bubble-button.embedded-file-bubble-view-button.jfk-button-standard.jfk-button-disabled,
.docs-embedded-file-bubble .docs-bubble-button.embedded-file-bubble-add-to-drive-button.jfk-button-standard.jfk-button-disabled,
.docs-embedded-file-bubble .docs-bubble-button.embedded-file-bubble-download-button.jfk-button-standard.jfk-button-disabled {
opacity: .38;
background-color: transparent !important
}
@media only screen and (max-width:560px) {
.embedded-file-projector-add-to-drive-button {
display: none;
padding-right: 2px
}
}
.embedded-file-projector-btn .embedded-file-projector-icon {
margin: 6px 8px;
vertical-align: middle
}
.embedded-file-projector-icon {
height: 24px;
width: 24px;
margin: 1px 2px 2px 1px
}
.embedded-file-projector-add-to-drive-button {
background: transparent;
margin-left: 8px;
padding-left: 2px;
margin-right: 11px
}
.embedded-file-projector-download-button {
background: transparent;
margin-left: 8px;
padding-left: 2px;
margin-right: 11px
}
.docs-file-history-exceeded-banner-container {
background: #c5221f
}
.collaborator.docs-file-history-exceeded-banner-container {
background: #e8f0fe
}
.yellow.collaborator.docs-file-history-exceeded-banner-container {
background: #fef7e0
}
.green.collaborator.docs-file-history-exceeded-banner-container {
background: #fef7e0
}
.docs-hc-gecko.docs-file-history-exceeded-banner-container {
border-bottom: 1px solid
}
.collaborator .docs-icon-img-container.docs-icon-img.docs-icon-report-white {
left: -62px;
top: -2280px
}
.green.collaborator .docs-icon-img-container.docs-icon-img.docs-icon-report-white {
left: -42px;
top: -8210px
}
.yellow.collaborator .docs-icon-img-container.docs-icon-img.docs-icon-report-white {
left: 0;
top: -6438px
}
.large-icon .docs-file-history-exceeded-banner-icon {
margin: 12px 0 0 16px
}
.docs-file-history-exceeded-banner-title {
color: #ffffff
}
.collaborator .docs-file-history-exceeded-banner-title {
color: #202124
}
.docs-file-history-exceeded-banner-message {
color: #ffffff
}
.collaborator .docs-file-history-exceeded-banner-message {
color: #202124
}
.docs-file-history-exceeded-banner-buttons .docs-material-button {
color: #ffffff
}
.docs-file-history-exceeded-banner-primary-button {
border-color: #ffffff;
border-width: 1px;
border-style: solid;
line-height: 30px
}
.docs-file-history-exceeded-banner-icon .docs-icon-img-container.docs-icon-img.docs-icon-close {
left: 0;
top: -6314px
}
.docs-file-history-exceeded-banner-dismiss-button-wrapper {
display: none
}
.docs-file-history-exceeded-banner-secondary-button {}
.docs-file-history-exceeded-banner-primary-button-wrapper {}
.docs-file-history-exceeded-banner-secondary-button-wrapper {}
.docs-file-history-exceeded {}
.pre-ga.docs-freemium-banner-container {
background: #fce8e6
}
.hard-exceeded.docs-freemium-banner-container {
background: #c5221f
}
.yellow.collaborator.hard-exceeded.docs-freemium-banner-container {
background: #fef7e0
}
.green.collaborator.hard-exceeded.docs-freemium-banner-container {
background: #e6f4ea
}
.collaborator.hard-exceeded.docs-freemium-banner-container {
background: #e8f0fe
}
.docs-hc-gecko.docs-freemium-banner-container {
border-bottom: 1px solid
}
.large-icon .docs-freemium-banner-icon {
margin: 12px 0 0 16px
}
.pre-ga .docs-icon-img-container.docs-icon-img.docs-icon-report-white {
left: 0;
top: -6314px
}
.collaborator.hard-exceeded .docs-icon-img-container.docs-icon-img.docs-icon-report-white {
left: -62px;
top: -2280px
}
.green.collaborator.hard-exceeded .docs-icon-img-container.docs-icon-img.docs-icon-report-white {
left: -42px;
top: -8210px
}
.yellow.collaborator.hard-exceeded .docs-icon-img-container.docs-icon-img.docs-icon-report-white {
left: 0;
top: -6438px
}
.collaborator.hard-exceeded .docs-freemium-banner-title,
.pre-ga .docs-freemium-banner-title {
color: #202124
}
.hard-exceeded .docs-freemium-banner-title {
color: #ffffff
}
.collaborator.hard-exceeded .docs-freemium-banner-message,
.pre-ga .docs-freemium-banner-message {
color: #202124
}
.hard-exceeded .docs-freemium-banner-message {
color: #ffffff
}
.docs-freemium-banner-buttons .docs-material-button {
color: #ffffff
}
.pre-ga .docs-freemium-banner-secondary-button-wrapper .docs-material-button .docs-material-button-content {
color: #202124
}
.docs-freemium-banner-dismiss-button-wrapper .docs-material-button {}
.hard-exceeded .docs-icon-img-container.docs-icon-img.docs-icon-close {
top: -6710px;
left: -42px
}
.hard-exceeded .docs-freemium-banner-primary-button {
border-color: #ffffff;
border-style: solid;
border-width: 1px;
line-height: 30px
}
.pre-ga .docs-freemium-banner-primary-button {
background: #d93025
}
.pre-ga .docs-freemium-banner-primary-button.docs-material-button-flat-default.docs-material-button.docs-material-button-hover {
background-color: #c5221f
}
.docs-freemium-banner-primary-button-wrapper {}
.docs-freemium-banner-secondary-button {}
.docs-freemium-banner-dismiss-button {}
.docs-freemium {}
.gwef-promo {
white-space: normal
}
.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.gwef-promo .jfk-bubble-arrowdown .jfk-bubble-arrowimplafter {
border-left-width: 8px
}
.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.gwef-promo .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
border-left-width: 8px
}
.gwef-promo .docs-promo-container {
display: flex;
border-radius: 8px
}
.gwef-promo .docs-promo-action-row {
display: flex;
justify-content: flex-end;
text-align: center
}
.gwef-promo .docs-promo-header {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 22px;
line-height: 28px;
width: 217px
}
.gwef-promo .docs-promo-body-description {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 20px;
padding: 16px 0
}
.gwef-promo .docs-promo-body-instruction {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 14px;
line-height: 20px;
padding: 0 0 16px 0
}
.gwef-promo-icon {
margin-right: 24px
}
.gwef-promo-cta-button {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
cursor: pointer;
height: auto;
margin: 4px
}
.gwef-promo-cta-button:hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #2a8947;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15);
height: auto
}
.gwef-promo-cta-button:active {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #62a877;
box-shadow: 0 2px 6px 2px rgba(52, 168, 83, 0.15)
}
.gwef-promo-cta-button:focus {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #4f9e67;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15);
height: auto
}
.gwef-promo-dismiss-button {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
color: #137333;
cursor: pointer;
margin: 4px
}
.gwef-promo-dismiss-button:hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #f8fcf9;
border: 1px solid #c8e7d1 !important;
height: auto
}
.gwef-promo-dismiss-button:active {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
border: 1px solid transparent !important;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}
.gwef-promo-dismiss-button:focus {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #e7f5eb;
border: 1px solid #bbe2c6 !important;
height: auto
}
.docs-gm .ita-cp-cell {
display: table-cell
}
.docs-image-picker-upload {
font-family: Roboto, Arial, sans-serif
}
.docs-image-picker-upload.modal-dialog {
padding: 0
}
.docs-image-picker-upload .modal-dialog-title {
padding: 17px 20px 0
}
.docs-image-picker-upload .modal-dialog-title-text {
font-size: 20px
}
.docs-image-picker-upload .modal-dialog-content {
line-height: normal;
padding: 0 20px
}
.docs-image-picker-upload .modal-dialog-buttons {
border-top: 1px solid #e5e5e5;
margin-top: 20px;
padding: 17px 20px
}
.docs-image-picker-upload-container {
min-height: 300px;
min-width: 450px
}
.docs-image-picker-upload-msg-bar {
color: #ccc;
font-size: 16px;
font-style: italic;
padding: 0 0 10px
}
.docs-image-picker-upload-dropzone-parent {
height: 100%;
width: 100%
}
.docs-image-picker-upload-dropzone-cell {
border: #ddd 4px dashed;
border-radius: 2px;
height: 100%
}
.docs-image-picker-upload-dropzone-cell .jfk-button {
margin: 0
}
.docs-image-picker-upload-dropzone {
height: 100%;
text-align: center;
width: 100%
}
.docs-image-picker-upload-drop-here {
color: #ccc;
font-size: 20pt;
padding: 0 10px
}
.docs-image-picker-upload-drop-alt {
color: #ccc;
font-size: 13px;
font-weight: 500;
padding: 15px 0 5px
}
.docs-image-picker-upload-warning {
color: #aaa;
display: inline-block;
font-size: 13px;
padding: 0 20px 0 30px;
vertical-align: middle
}
@media print {
.docs-link-smartinsertlinkbubble {
display: none
}
}
.docs-gm .docs-link-smartinsertlinkbubble ::selection {
background: #d2e3fc
}
.docs-link-smartinsertlinkbubble {
margin: -1px;
width: 360px;
outline: none;
padding: 1px
}
.docs-link-smartinsertlinkbubble-no-anchor-input {
height: 350px
}
.docs-link-smartinsertlinkbubble-with-anchor-input {
height: 390px
}
.jfk-bubble.docs-calloutbubble-bubble.docs-linkbubble-bubble {
z-index: 1000 !important
}
.docs-gm .docs-link-smartinsertlinkbubble-toppane {
margin: 0 16px;
position: relative
}
.docs-link-smartinsertlinkbubble-bottompane {
max-height: 230px;
overflow-x: hidden
}
.docs-link-smartinsertlinkbubble-bottompane-margin-error {
margin-top: 15px
}
.docs-link-smartinsertlinkbubble-internal-links-bottompane {
max-height: 255px;
overflow-x: hidden
}
.docs-link-smartinsertlinkbubble-screen-resize-no-anchor-input {
height: 250px
}
.docs-link-smartinsertlinkbubble-screen-resize-with-anchor-input {
height: 300px
}
.docs-gm .docs-link-smartinsertlinkbubble-screen-resize-suggestions-holder {
height: 132px
}
.docs-gm .docs-link-smartinsertlinkbubble-screen-resize-internal-links-suggestions-holder {
height: 170px
}
.docs-link-searchinput-search {
background: transparent;
border: none;
box-sizing: border-box;
box-shadow: none;
display: inline-block;
flex-grow: 1;
margin: 0;
outline: none
}
.docs-gm .docs-link-searchinput-search {
color: #5f6368;
display: block;
font-size: 14px;
width: 261px
}
.docs-gm .docs-link-searchinput-search::placeholder {
color: #9aa0a6
}
.docs-link-searchinput-search-container-focus {
border: 1px solid #4d90fe !important;
outline: none
}
.docs-link-searchinput-search-container-error {
border: 2px solid #d93025 !important;
outline: none
}
.docs-link-smartinsertlinkbubble-error {
font-size: 12px;
line-height: 16px;
margin-left: 14px;
display: flex;
color: #d93025
}
.docs-gm .docs-link-searchinput-search-container-focus {
border: 2px solid #1a73e8 !important;
box-shadow: none;
color: #3c4043
}
.docs-smart-link-searchinput-search-container {
background: #fff;
border: 1px solid #d9d9d9;
border-top: 1px solid #c0c0c0;
min-width: 20px;
width: 262px;
display: flex;
margin: 8px 0
}
.docs-gm .docs-smart-link-searchinput-search-container {
border-color: #dadce0;
border-radius: 4px;
box-sizing: border-box
}
.docs-smart-link-searchinput-search-container-wrapper-no-error {
height: 36px
}
.docs-smart-link-searchinput-search-container-wrapper-error {
height: 55px
}
.docs-link-smartinsertlinkbubble-search-icon {
display: block;
color: #333;
font-size: 90%;
padding: 6px
}
.docs-link-smartinsertlinkbubble-search-icon-focused {
padding: 5px;
padding-right: 6px
}
.docs-link-smartinsertlinkbubble-anchor-text-container {
position: relative;
margin: 16px 16px 6px 16px
}
.docs-link-smartinsertlinkbubble-text-label {
display: block;
height: 13px;
padding: 8px 0
}
.docs-link-smartinsertlinkbubble-text {
display: block;
width: 262px
}
.docs-gm .docs-material-bubble .docs-link-insertlinkbubble .docs-link-smartinsertlinkbubble-text {
box-sizing: content-box;
color: #5f6368;
height: 32px;
margin: 0;
width: 294px
}
.docs-gm .docs-material-bubble .docs-link-smartinsertlinkbubble-text:focus {
color: #3c4043
}
.docs-link-smartinsertlinkbubble-text-label,
.docs-link-smartinsertlinkbubble-text {
margin-bottom: 5px
}
.docs-gm .docs-link-smartinsertlinkbubble-text-label {
background-color: white;
box-shadow: 5px 0 0 white, -5px 0 0 white;
color: #5f6368;
display: inline;
font-size: 12px;
left: 12px;
margin-bottom: 0;
max-width: 300px;
padding: 0;
position: absolute;
top: -8px;
word-wrap: break-word
}
.docs-link-smartlinksuggestion:last-child {
margin-bottom: 6px
}
.docs-link-smartlinksuggestion:first-child {
margin-top: 6px
}
.docs-link-smartlinksuggestion {
border: none;
border-collapse: separate;
border-spacing: 0 6px;
display: table;
font-size: 90%;
height: 24px;
outline: none;
width: 100%
}
.docs-link-smartlinksuggestion:hover,
.docs-link-smartlinksuggestion:focus,
.docs-link-smartlinksuggestion-paste-match:hover,
.docs-link-smartlinksuggestion-paste-match:focus {
cursor: pointer;
background-color: #f1f3f4;
outline: 1px transparent dotted
}
.docs-link-smartlinksuggestion-paste-match {
background-color: #f8f9fa
}
.docs-link-smartlinksuggestion-favicon {
padding-left: 2px
}
.docs-link-smartlinksuggestion-icon {
display: table-cell;
height: 21px;
padding: 0 12px 0 16px;
vertical-align: middle;
width: 21px
}
.docs-link-smartlinksuggestion-search,
.docs-link-smartlinksuggestion-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 300px;
color: #202124
}
.docs-link-smartlinksuggestion-title:last-child {
margin-top: 2px
}
.docs-link-smartlinksuggestion-search {
color: #5f6368;
font-size: 12px
}
.docs-link-smartlinksuggestion-text {
display: table-cell
}
.docs-link-smartlinksuggestion-action-link {
border-color: #dadce0;
border-style: solid;
border-width: 1px 0 0;
color: #5f6368;
background-color: transparent
}
.docs-link-smartlinksuggestioncontentbox-offline-container,
.docs-link-smartlinksuggestioncontentbox-empty-container {
width: 270px;
height: 56px;
margin: 16px auto
}
.docs-link-smartlinksuggestioncontentbox-offline-label,
.docs-link-smartlinksuggestioncontentbox-empty-label {
font-family: Google Sans;
font-size: 14px;
line-height: 20px;
color: #5f6368;
margin-top: 60px;
text-align: center
}
.docs-link-smartlinksuggestioncontentbox-promo-label-title {
padding: 49px 28px 3px 28px;
font-family: Google Sans;
font-size: 16px;
line-height: 24px;
align-items: center;
text-align: center;
letter-spacing: 0.1px;
color: #202124
}
.docs-link-smartlinksuggestioncontentbox-promo-label {
padding: 0 28px;
font-family: Google Sans;
font-size: 14px;
line-height: 20px;
align-items: center;
text-align: center;
letter-spacing: 0.25px;
color: #5f6368
}
.docs-link-smartinsertlinkbubble-search-bubble {
margin: -1px;
outline: none;
padding: 1px;
height: 330px
}
.docs-link-smartinsertlinkbubble-search-bubble-sheets-small {
height: 240px
}
.docs-link-smartinsertlinkbubble-search-bubble-drawings {
height: 290px
}
.docs-gm .docs-link-smartinsertlinkbubble-toppane,
.docs-gm .docs-link-smartinsertlinkbubble-searchholder {
position: relative
}
.docs-gm .docs-link-smartinsertlinkbubble-searchholder {
margin-right: 4px
}
.docs-gm .docs-link-smartinsertlinkbubble-toppane {
display: flex;
height: 50px
}
.docs-insert-link-bubble-internal-links-button {
color: #5f6368;
background-color: transparent;
margin: 0;
font-size: 90%;
padding-right: 16px;
padding-left: 16px;
padding-top: 6px;
padding-bottom: 6px;
border-color: #dadce0;
border-style: solid;
border-width: 1px 0 0;
bottom: 0%;
right: 0%;
left: 0%;
position: absolute;
border-radius: 0 0 7px 7px
}
.docs-insert-link-bubble-internal-links-button:hover,
.docs-insert-link-bubble-internal-links-button:focus {
background-color: #e8eaed;
outline: none;
cursor: pointer
}
.docs-insert-link-bubble-internal-links-text {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 252px;
font-size: 14px;
font-family: 'Google Sans', sans-serif;
font-weight: 500;
color: #3c4043;
padding: 8px 0
}
.docs-link-internal-links-icon {
float: right;
width: 24px;
height: 24px;
margin: 4px
}
[dir="rtl"] .docs-link-internal-links-icon {
transform: rotate(180deg)
}
.docs-link-smartinsertlinkbubble-search-bubble-content {}
.docs-smartinsertlinkbubble-suggestions-holder {}
.docs-link-smartinsertlinkbubble-apply-button,
.docs-link-smartinsertlinkbubble-apply-button.jfk-button.jfk-button-standard {
font-family: 'Google Sans', sans-serif;
font-size: 14px;
margin: 8px;
cursor: pointer;
height: 28px;
border: none;
box-shadow: none;
outline: none;
background: none;
color: #1a73e8;
padding: 4px 0;
align-self: center;
font-weight: 500
}
.docs-link-smartinsertlinkbubble-apply-button.jfk-button.jfk-button-standard.jfk-button-disabled {
color: rgba(60, 64, 67, 0.38);
pointer-events: none
}
.docs-link-smartinsertlinkbubble-apply-button:active:hover,
.docs-link-smartinsertlinkbubble-apply-button:focus,
.docs-link-smartinsertlinkbubble-apply-button.jfk-button.jfk-button-standard:active:hover,
.docs-link-smartinsertlinkbubble-apply-button.jfk-button.jfk-button-standard:focus {
background: rgba(26, 115, 232, 0.1);
border-radius: 4px;
color: #174ea6
}
.docs-link-smartinsertlinkbubble-apply-button:hover,
.docs-link-smartinsertlinkbubble-apply-button.jfk-button.jfk-button-standard:hover {
background: rgba(26, 115, 232, 0.04);
color: #174ea6
}
.docs-link-smartinsertlinkbubble-internal-links-bubble {
margin: -1px;
outline: none;
padding: 1px;
height: 288px
}
.docs-link-back-to-search-icon-button {
float: left;
color: #80868b;
margin: 4px 8px 4px 2px;
padding: 0;
min-width: 24px;
border-radius: 50%
}
.docs-material .docs-link-back-to-search-icon-button .docs-icon {
height: 24px;
width: 24px
}
[dir="rtl"] .docs-link-back-to-search-icon-button {
transform: rotate(180deg)
}
.docs-link-back-to-search-icon-button:hover,
.docs-link-back-to-search-icon-button:focus {
background-color: #e8eaed;
cursor: pointer;
outline: none
}
.docs-insert-link-bubble-back-search-text {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 146px;
font-size: 14px;
font-family: 'Google Sans', sans-serif;
color: #5f6368;
padding: 8px 0
}
.docs-link-smartinsertlinkbubble-internal-links-heading {
position: relative
}
.docs-link-smartinternallinksuggestiongroup-title {
text-transform: uppercase;
font-family: Roboto;
font-style: normal;
font-weight: 500;
font-size: 11px;
margin: 5px 16px 11px
}
.docs-labels-banner-container .docs-labels-banner-flex-wrap {
height: 48px;
flex-wrap: nowrap
}
.docs-labels-banner-container {
background: #e6f4ea;
border-bottom: 1px solid #dadce0
}
.docs-hc-gecko.docs-labels-banner-container {
border-bottom: 1px solid
}
.docs-labels-banner-message {
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.docs-labels-banner-container .docs-labels-banner-buttons {
flex-wrap: nowrap
}
.docs-labels-banner-buttons .docs-labels-banner-primary-button-wrapper {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.docs-feature-level-banner-sheets .docs-labels-banner-primary-button-wrapper .docs-material-button.docs-material-button-disabled,
.docs-feature-level-banner-slides .docs-labels-banner-primary-button-wrapper .docs-material-button.docs-material-button-disabled,
.docs-feature-level-banner-docs .docs-labels-banner-primary-button-wrapper .docs-material-button.docs-material-button-disabled {
background: none;
color: #3c4043;
opacity: 0.38
}
.docs-feature-level-banner-docs .docs-labels-banner-primary-button-wrapper .docs-material-button {
color: #185abc
}
.docs-feature-level-banner-sheets .docs-labels-banner-primary-button-wrapper .docs-material-button {
color: #188038
}
.docs-feature-level-banner-slides .docs-labels-banner-primary-button-wrapper .docs-material-button {
color: #202124
}
.docs-labels {}
.docs-labels-banner-primary-button {}
.docs-labels-banner-icon.docs-common-banner-icon {
margin-top: 14px
}
.docs-labels-banner-title {
display: none
}
@keyframes shimmer {
0% {
background-position: 100% 50%
}
100% {
background-position: 0% 50%
}
}
@keyframes fadeInAnimation {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.boqDriveecmOdpClientOdpclientLoading {
align-content: center;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation: fadeInAnimation ease 200ms;
background-color: var(--dt-surface, #fff);
display: flex;
flex-direction: column;
height: 100%;
position: absolute;
top: 0;
width: 100%;
z-index: 3000
}
.boqDriveecmOdpClientOdpclientShimmer {
animation: shimmer 2.2s ease infinite;
background: 0 0/300% 300% linear-gradient(-61deg, var(--dt-inverse-on-surface, rgb(218, 220, 224)) 40%, var(--dt-surface-variant, rgb(241, 243, 244)) 50%, var(--dt-inverse-on-surface, rgb(218, 220, 224)) 60%);
background-color: var(--dt-inverse-on-surface, rgb(218, 220, 224))
}
@media (forced-colors:active) {
.boqDriveecmOdpClientOdpclientShimmer {
border: 1px solid var(--dt-outline, rgb(128, 134, 139))
}
}
.boqDriveecmOdpClientOdpclientPlaceholder {
border-radius: 1rem;
height: 1rem;
margin-left: 1rem;
margin-top: 0.5rem
}
.boqDriveecmOdpClientOdpclientPlaceholder:nth-child(odd) {
margin-top: 1.5rem
}
.boqDriveecmOdpClientOdpclientCloseButton {
background-color: transparent;
border-color: transparent;
border-width: 1px;
border: none;
color: inherit;
cursor: pointer;
fill: currentColor;
margin-right: 1rem;
margin-top: 0.125rem;
outline: none;
padding: 0.75rem;
text-decoration: none
}
.boqDriveecmOdpClientOdpclientHeader {
align-items: center;
border-bottom: 1px solid var(--dt-outline, rgb(128, 134, 139));
display: flex;
justify-content: space-between;
margin-bottom: 1rem;
margin-top: 0.3125rem;
padding-bottom: 0.375rem;
width: 100%
}
.boqDriveecmOdpClientOdpclientTitle {
font: var(--dt-title-medium-font, 500 1rem/1.5rem "Google Sans"), "Google Sans", Roboto, Arial, sans-serif;
letter-spacing: var(--dt-title-medium-spacing, 0.00625em);
color: var(--dt-on-background, rgb(60, 64, 67));
margin-left: 20px
}
.boqDriveecmOdpClientOdpclientError {
align-items: center;
animation-fill-mode: forwards;
animation-iteration-count: 1;
animation: fadeInAnimation ease 200ms;
background-color: var(--dt-surface, #fff);
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
z-index: 3000
}
.boqDriveecmOdpClientOdpclientErrorMessage {
font: var(--dt-body-small-font, 400 0.75rem/1rem "Roboto"), "Google Sans", Roboto, Arial, sans-serif;
letter-spacing: var(--dt-body-small-spacing, 0.025em);
color: var(--dt-on-surface, rgb(60, 64, 67));
margin-top: 5.125rem
}
.docs-odp-sidebar {
overflow: hidden;
box-shadow: -3px 0px 6px -3px rgba(60, 64, 67, .15), 3px 0px 6px -3px rgba(60, 64, 67, .15);
border-top: 1px solid #dadce0;
display: flex;
flex-direction: column;
position: absolute;
right: 0;
top: 0;
width: 320px
}
.docs-odp-iframe {
flex: 1 0;
border: 0
}
.docs-grille-gm3 .docs-odp-sidebar {
background-color: #fff;
border-radius: 16px;
box-shadow: none;
margin: 10px 16px 16px;
outline: none;
width: 300px;
border-top: none
}
.docs-grille-gm3.docs-body-pageless .docs-odp-sidebar {
border: 1px solid #c7c7c7
}
.pub-dialog-disabled-text {
color: #afafaf
}
.pub-dialog-wrap {
font-size: 13px;
font-size: var(--docs-material-font-size-normal, 13px);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
width: 500px
}
.pub-dialog-content-div {
padding: 0 0 10px 30px
}
.pub-dialog-input-div {
padding-bottom: 15px
}
.pub-dialog-option-vspacer {
height: 5px
}
.pub-dialog-info {
color: #999;
font-size: 11px;
padding-bottom: 2px
}
.docs-gm .pub-dialog-info {
color: #80868b
}
.docs-gm .pub-dialog-state-published.pub-dialog-info {
color: #1a73e8
}
.pub-dialog-tab {
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.goog-tab-bar.pub-dialog-tab-bar {
background: none;
border-bottom-color: silver !important;
margin-top: 20px;
padding-left: 0 !important
}
.docs-gm .goog-tab-bar.pub-dialog-tab-bar {
margin-top: 21px;
padding-top: 0
}
.goog-tab-bar.pub-dialog-tab-bar .goog-tab.pub-dialog-tab {
color: #bdbdbd;
cursor: pointer;
font-weight: 500;
margin: 1px 15px 0 0;
padding: 4px 8px;
text-decoration: none;
top: 1px
}
.docs-gm .goog-tab-bar.pub-dialog-tab-bar .goog-tab.pub-dialog-tab {
color: #5f6368;
font-size: 14px;
text-align: center;
width: 120px
}
.goog-tab-bar.pub-dialog-tab-bar .goog-tab.pub-dialog-tab.goog-tab-selected,
.goog-tab-bar.pub-dialog-tab-bar .goog-tab.pub-dialog-tab.goog-tab-hover {
background: none;
border-bottom: 3px solid #4d90fe;
border-left: none;
border-right: none;
border-top: none;
color: black
}
.docs-gm .goog-tab-bar.pub-dialog-tab-bar .goog-tab.pub-dialog-tab.goog-tab-selected.goog-tab-hover {
background-color: #f1f3f4 !important
}
.docs-gm .goog-tab-bar.pub-dialog-tab-bar .goog-tab.pub-dialog-tab.goog-tab-selected,
.docs-gm .goog-tab-bar.pub-dialog-tab-bar .goog-tab.pub-dialog-tab.goog-tab-hover {
border-bottom: 2px solid #1a73e8
}
.pub-dialog-document-link,
.pub-dialog-embed-code {
margin-top: 20px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box
}
.pub-dialog-link-content-div {
margin-top: 10px
}
.docs-gm .pub-dialog-link-options-container {
display: flex
}
.pub-dialog-embed-code {
font-size: 13px;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
height: 65px
}
.docs-gm .pub-dialog-embed-code {
height: 82px !important
}
.docs-gm .pub-dialog-link-options-document-part-menu-button {
margin-right: 15px
}
.pub-dialog-sep-div {
padding: 20px 0
}
#pub-dialog-publish-link-button {
margin-top: 20px
}
#pub-dialog-dom-signin-req-dropdown-container {
margin-left: 30px
}
.pub-dialog-sep {
border-top-color: #e1e1e1;
border-top-style: solid;
border-width: 1px 0 0 0;
color: #bfbfbf;
height: 0
}
.goog-zippy-header.pub-dialog-zippy-header {
cursor: pointer;
display: inline-block;
margin: 0
}
.docs-gm .goog-zippy-header.pub-dialog-zippy-header {
color: #3c4043
}
.pub-dialog-zippy-content {
margin-left: 22px
}
.docs-gm #pub-dialog-publish-button {
color: #5f6368
}
.goog-zippy-collapsed .pub-dialog-settings-zippy-icon {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
.goog-zippy-expanded .pub-dialog-settings-zippy-icon {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg)
}
#pub-dialog-publish-button {
margin-top: 10px
}
.pub-dialog-checkbox-container {
line-height: 22px;
margin-top: 10px
}
.docs-tiled-sidebar {
background: #fff;
border-left: 1px solid #d9d9d9;
position: absolute;
right: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
width: 300px
}
.docs-gm .docs-tiled-sidebar {
overflow: hidden;
box-shadow: -3px 0px 6px -3px rgba(60, 64, 67, .15), 3px 0px 6px -3px rgba(60, 64, 67, .15);
border-left: 0;
background: #f8f9fa;
width: 300px
}
.docs-gm .docs-tiled-sidebar.docs-hc-gecko,
.docs-gm .docs-tiled-sidebar.docs-hc-gecko-white {
border-left: 1px solid transparent
}
.docs-tiled-sidebar-content {
display: block
}
.docs-tiled-sidebar-disabled .docs-tiled-sidebar-content {
display: none
}
.docs-tiled-sidebar-disabled-message {
display: none;
margin-left: auto;
margin-right: auto;
position: relative;
text-align: center;
top: 40%;
width: 240px
}
.docs-tiled-sidebar-disabled .docs-tiled-sidebar-disabled-message {
display: block
}
.docs-tiled-sidebar:focus {
outline: none
}
.docs-tiled-sidebar-scroll {
width: 100%;
overflow: auto;
overflow-x: hidden;
position: absolute;
top: 37px;
bottom: 0
}
.docs-gm .docs-tiled-sidebar-scroll {
top: 58px
}
.docs-tiled-sidebar-header {
background-color: #616161;
border-bottom: 1px solid #616161;
border-top: 1px solid #616161;
color: #fff;
height: 15px;
padding: 10px 0 10px 12px;
position: relative
}
.docs-gm .docs-tiled-sidebar-header-hub {
border-top: 0 !important
}
.docs-gm .docs-tiled-sidebar-header {
display: flex;
align-items: center;
color: #202124;
background-color: #fff;
height: 56px;
padding: 0 16px;
border-bottom: 1px solid #dadce0;
border-top: 1px solid #dadce0;
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
z-index: 2
}
.docs-gm .docs-tiled-sidebar-header.docs-tiled-sidebar-header-shadow {
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}
.docs-gm .docs-tiled-sidebar .docs-sidebar-header-text {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
position: relative;
left: auto
}
.docs-tiled-sidebar-close:focus {
outline: transparent solid 1px
}
.docs-grille-gm3 .docs-tiled-sidebar {
background-color: #fff;
border-radius: 16px;
box-shadow: none;
margin: 10px 16px 16px;
outline: none;
width: 300px
}
.docs-grille-gm3.docs-body-pageless .docs-tiled-sidebar {
border: 1px solid #c7c7c7
}
.docs-grille-gm3 .docs-tiled-sidebar-header {
align-items: center;
background-color: #fff;
border-bottom: 1px solid #dadce0;
border-top: none;
color: #202124;
display: flex;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 16px;
height: 56px;
padding: 0 16px;
z-index: 2
}
.add-on-install-prompt-card-container {
border-top: 1px solid #dadce0;
color: #5f6368 !important
}
.add-on-install-prompt-card-open-gsm {
margin: 5px;
color: #1a73e8;
cursor: pointer;
font-size: inherit;
outline: none;
background: transparent;
border: none
}
.docs-linkbubble-link-preview .docs-link-bubble-mime-icon .docs-icon {
vertical-align: baseline;
width: 18px;
height: 18px;
margin: 0px
}
.docs-linkbubble-link-preview #docs-linkbubble-link-text {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-variant-ligatures: no-contextual;
opacity: 1;
padding-left: 6px;
padding-right: 6px;
text-decoration: none !important;
vertical-align: baseline;
width: 180px
}
.docs-linkbubble-link-preview.docs-linkbubble-link-preview-constant-width #docs-linkbubble-link-text {
width: 100%
}
.docs-linkbubble-link-preview .link-previews-broken-link#docs-linkbubble-link-text {
color: #80868b !important;
cursor: default;
font-style: italic;
pointer-events: none
}
.link-previews-before-transition {
opacity: .5 !important
}
.link-previews-animate-on-display {
animation: fade .15s
}
@keyframes fade {
from {
opacity: .5
}
}
.link-previews-fadeable {
transition: opacity .15s !important
}
.docs-linkbubble-link-preview.docs-linkbubble-bubble {
border: 0;
padding: 6px 0
}
.docs-linkbubble-link-preview .link-bubble-header {
align-items: center;
display: flex;
padding: 0 6px
}
.docs-linkbubble-link-preview.docs-linkbubble-link-preview-constant-width .link-bubble-header {
width: 312px
}
.docs-gm .docs-linkbubble-bubble,
.docs-gm .docs-multi-linkbubble-bubble {
background-color: #fff;
border-color: #dadce0;
border-radius: 8px;
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px
}
.docs-linkbubble-link-preview .docs-link-bubble-mime-icon {
height: 18px;
padding: 6px;
vertical-align: baseline;
width: 18px;
opacity: 1
}
.docs-linkbubble-link-preview .docs-link-bubble-card-component.docs-link-bubble-abuse-card-component,
.docs-linkbubble-link-preview .docs-link-bubble-card-component.docs-link-bubble-action-card-component,
.docs-linkbubble-link-preview .docs-link-bubble-card-component.docs-link-bubble-warning-card-component {
margin-top: 4px;
padding: 10px 12px 4px
}
.docs-linkbubble-link-preview .docs-link-bubble-card-component.docs-link-bubble-action-card-component,
.docs-linkbubble-link-preview .docs-link-bubble-action-card-component:before {
background-color: #1a73e8
}
.docs-linkbubble-link-preview .docs-link-bubble-card-component.docs-link-bubble-action-card-component.add-on-install-prompt-card-container,
.docs-linkbubble-link-preview .docs-link-bubble-action-card-component.add-on-install-prompt-card-container:before {
background-color: #fff
}
.docs-linkbubble-link-preview .docs-link-bubble-card-component.docs-link-bubble-abuse-card-component,
.docs-linkbubble-link-preview .docs-link-bubble-abuse-card-component:before {
background-color: #fbbc04
}
.docs-linkbubble-link-preview .docs-link-bubble-card-component.docs-link-bubble-extract-card-component,
.docs-linkbubble-link-preview .docs-link-bubble-extract-card-component:before {
background-color: #f1f3f4;
display: flex;
justify-content: flex-end
}
.docs-linkbubble-link-preview .docs-link-bubble-card-component.docs-link-bubble-warning-card-component,
.docs-linkbubble-link-preview .docs-link-bubble-warning-card-component:before {
background-color: #fef7e0
}
.docs-linkbubble-link-preview .docs-link-bubble-card-component.docs-link-bubble-abuse-card-component span,
.docs-linkbubble-link-preview .docs-link-bubble-text-card-component.docs-link-bubble-warning-card-component span {
color: #202124 !important
}
.docs-linkbubble-link-preview .docs-link-bubble-abuse-card-component .docs-link-abuse-card-component-container {
flex-direction: column;
flex-grow: 1;
justify-content: center;
overflow-wrap: break-word;
white-space: normal;
width: 0;
word-wrap: break-word
}
.docs-linkbubble-link-preview .docs-link-bubble-abuse-card-component .docs-link-bubble-abuse-card-component-title {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.01em;
line-height: 1.3rem
}
.docs-linkbubble-link-preview .docs-link-bubble-abuse-card-component .docs-link-bubble-abuse-card-component-text {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 13px;
letter-spacing: 0.02em
}
.docs-linkbubble-link-preview .docs-link-bubble-favicon {
border-radius: 2px;
height: 18px;
opacity: 1;
padding: 6px;
vertical-align: baseline;
width: 18px
}
.docs-linkbubble-link-preview .docs-link-bubble-favicon img {
border-radius: 2px;
height: 18px;
width: 18px
}
.docs-linkbubble-link-preview .docs-link-bubble-abuse-card-component:before,
.docs-linkbubble-link-preview .docs-link-bubble-action-card-component:before,
.docs-linkbubble-link-preview .docs-link-bubble-extract-card-component:before,
.docs-linkbubble-link-preview .docs-link-bubble-warning-card-component:before {
border-radius: 0 0 8px 8px;
bottom: 0;
content: '';
height: 6px;
left: 0;
position: absolute;
width: 100%
}
.docs-linkbubble-link-preview .docs-link-bubble-card-component .docs-link-bubble-mime-icon {
padding: 0px
}
.docs-linkbubble-link-preview .docs-link-bubble-card-component {
align-items: center;
display: flex;
padding: 6px 12px
}
.linkbubble-card-collapsed .docs-link-bubble-card-component {
display: none !important
}
.linkbubble-card-collapsed .docs-link-bubble-card-component.linkbubble-card-non-collapsible {
display: flex
}
.docs-linkbubble-link-preview .docs-link-bubble-title-card-component a {
color: #202124 !important;
flex-grow: 1;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
height: 18px;
overflow: hidden;
padding-left: 12px;
text-overflow: ellipsis;
white-space: nowrap;
width: 0
}
.docs-linkbubble-link-preview .docs-link-bubble-title-card-component a:hover {
text-decoration: none !important
}
.docs-linkbubble-link-preview .docs-link-bubble-text-card-component span,
.docs-linkbubble-link-preview .docs-link-bubble-action-card-component span,
.docs-linkbubble-link-preview .docs-link-bubble-warning-card-component span {
flex-direction: column;
flex-grow: 1;
font-size: 12px;
justify-content: center;
line-height: 1.3;
overflow-wrap: break-word;
white-space: normal;
width: 0;
word-wrap: break-word
}
.docs-linkbubble-link-preview .docs-link-bubble-text-card-component span {
color: #5f6368 !important;
cursor: text
}
.docs-linkbubble-link-preview .docs-link-bubble-action-card-component span {
color: #fff !important
}
.docs-linkbubble-link-preview .docs-link-bubble-card-component.add-on-install-prompt-card-container span {
color: #5f6368 !important
}
.docs-linkbubble-link-preview .docs-link-bubble-thumbnail-container {
background-color: #e8eaed;
border-radius: 4px;
display: flex;
flex-grow: 1;
height: 141px;
overflow: hidden;
position: relative;
width: 0
}
.docs-linkbubble-link-preview .docs-link-bubble-thumbnail-container a {
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: center;
align-items: center
}
.docs-linkbubble-link-preview .drive-image-thumbnail-component .docs-link-bubble-thumbnail-container a {
display: block !important
}
.drive-image-thumbnail-component .docs-link-bubble-thumbnail-container,
.link-bubble-maps-thumbnail-component .docs-link-bubble-thumbnail-container {
border: 1px solid #e8eaed
}
#link-bubble-thumbnail-image {
background-position: center;
background-repeat: no-repeat;
height: 100%;
width: 100%
}
.default-image-card-component #link-bubble-thumbnail-image,
.vertical-image-card-component #link-bubble-thumbnail-image {
background-size: contain
}
.horizontal-image-card-component #link-bubble-thumbnail-image {
background-size: cover
}
.vertical-image-card-component img.link-bubble-drive-thumbnail-image {
display: block;
height: 100%;
margin: auto
}
.default-image-card-component img.link-bubble-drive-thumbnail-image,
.horizontal-image-card-component img.link-bubble-drive-thumbnail-image {
width: 100%
}
.docs-hc-gecko .docs-link-bubble-thumbnail-container a {
height: 120%;
transform: translateY(-10%)
}
#high-contrast-link-bubble-thumbnail-image {
height: 100%
}
.framed-image-card-component img.link-bubble-drive-thumbnail-image {
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.12);
margin: 6% 7% 0 7%;
width: 86%
}
img.link-bubble-maps-thumbnail-image:not(.link-bubble-maps-thumbnail-fallback-image) {
width: 100%
}
.docs-link-bubble-thumbnail-card-component .link-bubble-youtube-preview-video {
position: absolute;
transition: opacity .75s cubic-bezier(.4, 0, .2, 1);
width: 100%
}
.link-bubble-youtube-preview-video.preview-video-transparent {
opacity: 0
}
.link-bubble-youtube-preview-video.preview-video-hidden {
display: none
}
.link-bubble-youtube-preview-video.preview-video-opaque {
opacity: 1
}
.link-bubble-youtube-preview-video.preview-video-visible {
display: block
}
.docs-link-bubble-thumbnail-card-component #link-bubble-youtube-video-duration-indicator {
-webkit-align-items: center;
align-items: center;
background-color: rgba(0, 0, 0, 0.8);
border-radius: 2px;
bottom: 8px;
color: #fff;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
font-size: 12px;
font-weight: 500;
height: 16px;
-webkit-justify-content: center;
justify-content: center;
opacity: 1;
padding: 0 4px;
position: absolute;
right: 8px;
transition: opacity .1s ease-in-out
}
.link-bubble-hovered .docs-link-bubble-youtube-thumbnail-container.link-bubble-thumbnail-can-open-in-mole #link-bubble-youtube-video-duration-indicator {
opacity: 0
}
.docs-linkbubble-link-preview .docs-link-bubble-card-component .docs-link-bubble-text-with-icon {
padding-left: 12px
}
.docs-linkbubble-link-preview .docs-link-bubble-text-card-component.indented-card-component .text-card-component-text {
padding-left: 30px
}
.docs-linkbubble-link-preview .docs-link-bubble-card-component.shrink-vertical-padding-card-component {
padding-top: 0px
}
.docs-linkbubble-link-preview .docs-link-bubble-text-card-component.single-line-text-card-component .text-card-component-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.docs-linkbubble-link-preview .docs-link-bubble-separator {
background-color: #e8eaed;
height: 1px;
margin: 6px
}
.docs-linkbubble-link-preview.docs-hc-gecko,
.docs-hc-gecko .popout-indicator-container,
.docs-hc-gecko .popout-indicator {
border: 1px solid transparent
}
.docs-hc-gecko .popout-indicator .docs-link-bubble-mime-icon {
filter: invert(100%)
}
.docs-hc-gecko .docs-link-bubble-separator {
height: 0px;
border: 1px solid transparent
}
.docs-link-bubble-action-container .goog-menuitem {
white-space: nowrap
}
.docs-linkbubble-bubble .goog-menu .goog-option-selected {
background-position: 8px 50%
}
.docs-link-bubble-request-access-card-component.docs-link-bubble-card-component {
display: flex;
flex-direction: column
}
.docs-link-bubble-request-access-card-component .link-bubble-text-button {
display: flex;
padding-top: 6px;
width: 100%
}
.docs-link-bubble-request-access-card-component .link-bubble-text-button .link-bubble-text-button-container {
align-items: center;
display: flex;
flex-grow: 1;
justify-content: flex-end;
white-space: normal;
word-break: break-word;
width: 0
}
.docs-link-bubble-request-access-card-component .link-bubble-text-button .link-bubble-text-button-info-icon {
display: flex;
padding: 4px
}
.docs-link-bubble-request-access-card-component .link-bubble-text-button .link-bubble-text-button-info-icon:hover {
background-color: rgba(0, 0, 0, .06);
border-radius: 50%
}
.docs-link-bubble-request-access-card-component .request-access-header {
display: flex;
justify-content: flex-start;
width: 100%
}
.docs-link-bubble-request-access-card-component .request-access-header span {
color: #80868b;
display: flex;
flex-grow: 1;
font-size: 12px;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
white-space: normal;
width: 0
}
.docs-link-bubble-request-access-card-component .requested-access-text {
display: flex;
width: 100%
}
.docs-link-bubble-request-access-card-component .requested-access-text span {
color: #80868b;
display: flex;
flex-grow: 1;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: italic;
justify-content: flex-end;
padding-top: 6px;
white-space: normal;
width: 0
}
.docs-link-bubble-calendar-event-action-card-component,
.docs-link-bubble-maps-place-action-card-component {
border-top: 1px solid #e8eaed;
justify-content: flex-end
}
.docs-link-bubble-calendar-event-action-card-component .docs-link-bubble-calendar-attach-document.docs-bubble-button,
.docs-link-bubble-maps-place-action-card-component .docs-link-bubble-maps-directions-button.docs-bubble-button {
width: 24px;
height: 24px
}
.docs-link-bubble-calendar-attach-document.jfk-button-disabled {
cursor: default;
opacity: 0.38
}
.docs-link-bubble-calendar-event-action-card-component .docs-link-bubble-calendar-attach-document.docs-bubble-button .docs-icon,
.docs-link-bubble-maps-place-action-card-component .docs-link-bubble-maps-directions-button.docs-bubble-button .docs-icon {
width: 24px;
height: 24px
}
.docs-link-bubble-calendar-attach-document.docs-material .docs-icon .docs-icon-img,
.docs-link-bubble-calendar-attach-document.docs-material .docs-icon .docs-icon-img:before,
.docs-link-bubble-maps-directions-button.docs-material .docs-icon .docs-icon-img,
.docs-link-bubble-maps-directions-button.docs-material .docs-icon .docs-icon-img:before {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.docs-bubble .docs-link-bubble-calendar-event-action-card-component .docs-link-bubble-calendar-attach-document.jfk-button-disabled:hover,
.docs-bubble .docs-link-bubble-calendar-event-action-card-component .docs-link-bubble-calendar-attach-document.jfk-button-disabled:focus,
.docs-bubble .docs-link-bubble-calendar-event-action-card-component .docs-link-bubble-calendar-attach-document.jfk-button-disabled:active {
background-color: transparent
}
.docs-bubble .docs-link-bubble-calendar-event-action-card-component .docs-link-bubble-calendar-attach-document.jfk-button-disabled:active .docs-icon-img,
.docs-bubble .docs-link-bubble-calendar-event-action-card-component .docs-link-bubble-calendar-attach-document.jfk-button-disabled:active .docs-icon-img:before {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_medium.svg)
}
.docs-link-bubble-card-component.docs-link-bubble-action-card-component.link-bubble-acl-fixer-hidden {
visibility: hidden;
height: 0;
padding-top: 0;
padding-bottom: 0;
opacity: 0
}
.docs-link-bubble-card-component .link-bubble-text-button-text {
color: #137333;
cursor: pointer;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px !important;
font-weight: 500;
margin-left: 4px;
padding: 4px 8px
}
.docs-link-bubble-card-component.docs-link-bubble-action-card-component.link-bubble-acl-fixer-card-component {
overflow: hidden;
transition: all .2s cubic-bezier(.4, 0, .2, 1)
}
.docs-link-bubble-action-card-component.link-bubble-acl-fixer-card-component .link-bubble-text-button-text.link-bubble-text-button-text-disabled {
color: #80868b;
cursor: default;
outline: none
}
.docs-link-bubble-card-component .link-bubble-text-button-text:hover {
background-color: #e6f4ea;
border-radius: 4px
}
.docs-link-bubble-card-component.docs-link-bubble-action-card-component .link-bubble-text-button-text {
color: #fff !important
}
.docs-link-bubble-card-component.docs-link-bubble-action-card-component .link-bubble-text-button-text:hover {
background-color: #1967d2 !important
}
.docs-link-bubble-card-component.docs-link-bubble-action-card-component.add-on-install-prompt-card-container .link-bubble-text-button-text {
color: #1967d2 !important
}
.docs-link-bubble-card-component.docs-link-bubble-action-card-component.add-on-install-prompt-card-container .link-bubble-text-button-text:hover {
color: #fff !important;
background-color: #1967d2 !important
}
.popout-indicator-container {
align-items: flex-end;
box-sizing: border-box;
display: flex;
height: 100%;
justify-content: flex-end;
left: 0;
padding: 12px;
pointer-events: none;
position: absolute;
transition: background-color .1s cubic-bezier(.4, 0, .2, 1);
width: 100%
}
.docs-link-bubble-youtube-thumbnail-container .popout-indicator-container {
opacity: 0
}
.link-bubble-hovered .docs-link-bubble-youtube-thumbnail-container .popout-indicator-container {
opacity: 1
}
.docs-hc-gecko .popout-indicator-container.hovered-card-component {
background-color: transparent
}
.docs-link-bubble-thumbnail-container:not(.docs-link-bubble-youtube-thumbnail-container) .popout-indicator-container.hovered-card-component {
background-color: rgba(32, 33, 36, 0.1)
}
.popout-indicator-text {
color: #fff;
display: inline-block;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
max-width: 0;
opacity: 0;
overflow: hidden;
padding: 0;
text-overflow: ellipsis;
transition: all .2s cubic-bezier(.4, 0, .2, 1)
}
.link-bubble-hovered .popout-indicator-text {
max-width: 4000px;
opacity: 1;
padding-left: 8px;
padding-right: 4px
}
.popout-indicator {
align-items: center;
background-color: rgba(32, 33, 36, .6);
border-radius: 16px;
box-sizing: border-box;
display: flex;
max-width: 100%;
padding: 6px
}
.docs-linkbubble-link-preview .docs-link-bubble-card-component .popout-indicator .docs-link-bubble-mime-icon {
transition: all .3s cubic-bezier(.4, 0, .2, 1)
}
.docs-linkbubble-link-preview.link-bubble-hovered .docs-link-bubble-card-component .popout-indicator .docs-link-bubble-mime-icon {
padding-left: 4px
}
.docs-link-bubble-card-component.docs-link-bubble-maps-place-card-component {
align-items: flex-start;
display: flex;
justify-content: space-between
}
.docs-link-bubble-card-component.docs-link-bubble-maps-place-card-component .docs-link-bubble-maps-place-card-text {
display: flex;
flex-direction: column;
flex-grow: 1;
width: 0
}
.docs-link-bubble-card-component.docs-link-bubble-maps-place-card-component .docs-link-bubble-maps-place-card-text .docs-link-bubble-maps-place-card-title {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.docs-link-bubble-card-component.docs-link-bubble-maps-place-card-component .docs-link-bubble-maps-place-card-text .docs-link-bubble-maps-place-card-category,
.docs-link-bubble-card-component.docs-link-bubble-maps-place-card-component .docs-link-bubble-maps-place-card-text .docs-link-bubble-maps-place-card-address {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.docs-link-bubble-card-component.docs-link-bubble-maps-place-card-component .docs-link-bubble-maps-place-card-img img {
border-radius: 6px;
height: 48px;
margin-left: 10px;
width: 48px
}
.docs-gm .docs-linkbubble-link-preview .docs-link-bubble-mime-icon .docs-icon .docs-icon-grid {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.docs-gm .docs-multi-linkbubble-bubble {
padding: 0
}
.docs-multi-linkbubble-bubble .docs-linkbubble-bubble {
border: 0;
border-radius: 0;
box-shadow: none;
padding: 0px;
position: relative
}
.docs-gm .docs-linkbubble-multi-link-scrollable-container {
background-color: #fff;
border-color: #dadce0;
color: #3c4043;
display: flex;
flex-direction: column;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
height: auto;
max-height: 150px;
overflow-y: auto;
border-radius: 8px;
padding: 6px 0;
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15)
}
.docs-linkbubble-multi-link-scrollable-container .docs-linkbubble-link-preview .docs-link-bubble-abuse-card-component:before,
.docs-linkbubble-multi-link-scrollable-container .docs-linkbubble-link-preview .docs-link-bubble-action-card-component:before,
.docs-linkbubble-multi-link-scrollable-container .docs-linkbubble-link-preview .docs-link-bubble-extract-card-component:before,
.docs-linkbubble-multi-link-scrollable-container .docs-linkbubble-link-preview .docs-link-bubble-warning-card-component:before {
bottom: -6px;
height: 7px;
z-index: -1
}
.docs-linkbubble-link-preview .linkbubble-float-icon-top .docs-link-bubble-mime-icon {
margin-bottom: auto
}
.docs-link-bubble-calendar-view-details {
padding-top: 3px
}
.docs-link-bubble-third-party-card-component {
margin: 0 auto;
width: 310px
}
[class*="docs-hc"] .docs-linkbubble-link-preview .docs-bubble-button.jfk-button:focus {
outline: 1px solid Highlight;
outline-offset: -4px
}
[class*="docs-hc"] .docs-link-bubble-thumbnail-container:focus-within {
outline: 4px solid Highlight;
outline-offset: -4px
}
.link-bubble-update-external-link-title-component {}
.link-bubble-extract-data-title-component {}
.docs-link-insertlinkbubble-linkchip {
width: 312px
}
.docs-link-insertlinkbubble-buttonbar .jfk-button {
margin-right: 0
}
.docs-gm .docs-link-insertlinkbubble-buttonbar .jfk-button {
margin-left: 12px;
min-width: 87px
}
.docs-link-insertlinkbubble-error {
color: #c5221f;
padding: 12px 0 0 0
}
.docs-gm .docs-autocorrect-bubble {
border-color: #dadce0;
border-radius: 8px;
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
font-family: 'Google Sans', sans-serif;
font-size: 14px;
font-weight: 500;
padding: 4px;
display: inline-table
}
.docs-autocorrect-bubble .docs-autocorrect-bubble-undo {
color: #3c4043;
display: inline-block;
cursor: pointer;
line-height: 18px;
text-align: center;
height: 18px;
padding: 4px 4px 4px 4px
}
.docs-autocorrect-bubble .docs-autocorrect-bubble-undo-text {
display: inline-block;
padding-left: 8px
}
.docs-gm .docs-autocorrect-bubble-undo:hover {
background-color: #f1f3f4;
border-radius: 4px
}
.docs-gm .docs-autocorrect-bubble-undo:focus {
background-color: #e8eaed;
outline: none;
border-radius: 4px
}
.docs-autocorrect-bubble .docs-autocorrect-bubble-option {
display: inline-block;
height: 18px;
width: 18px;
cursor: pointer;
border: 0 !important;
text-align: center;
margin-left: 0px;
margin-right: 0px;
padding-bottom: 10px
}
.docs-autocorrect-bubble .docs-autocorrect-bubble-option:focus {
outline: none
}
.docs-autocorrect-bubble .docs-autocorrect-bubble-feedback {
border: 0 !important;
display: inline-block;
height: 22px;
line-height: 21px !important;
margin-left: 2px;
overflow: unset;
text-align: center;
width: 24px
}
.docs-autocorrect-bubble-feedback .docs-icon {
height: 16px
}
.docs-gm .docs-autocorrect-bubble-feedback:hover {
background-color: #f1f3f4;
border-radius: 50%
}
.docs-gm .docs-autocorrect-bubble-feedback:focus {
background-color: #e8eaed;
border-radius: 50%;
line-height: 18px;
outline: none
}
.docs-autocorrect-bubble .docs-autocorrect-bubble-more-options {
border: 0 !important;
bottom: 1px;
display: inline-block;
height: 20px;
line-height: 19px !important;
margin-left: 2px;
overflow: unset;
position: relative;
text-align: center;
width: 20px
}
.docs-autocorrect-bubble .docs-autocorrect-bubble-undo-icon {
bottom: 1px;
position: relative
}
.docs-autocorrect-bubble-more-options .docs-icon {
height: 16px !important;
width: 16px !important
}
.docs-gm .docs-autocorrect-bubble-more-options:hover {
background-color: #f1f3f4;
border-radius: 50%
}
.docs-gm .docs-autocorrect-bubble-more-options:focus {
background-color: #e8eaed;
border-radius: 50%;
line-height: 18px;
outline: none
}
.docs-autocorrect-bubble .docs-material-button-flat-default {
padding: 0px !important
}
.docs-autocorrect-bubble .docs-icon {
height: 18px;
width: 18px;
margin: 0px
}
#docs-meet-in-editors-entrypointbutton {
background: #fff;
border-radius: 33px;
box-sizing: border-box;
cursor: pointer;
height: 36px;
margin-right: 12px;
width: 54px
}
#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-disabled {
cursor: default
}
#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-hover,
#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-focused,
#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-open {
-webkit-box-shadow: none
}
#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-hover,
#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-focused {
background: #f1f3f4;
border-color: #f1f3f4
}
#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-open {
background: #e8f0fe;
border-color: #e8f0fe
}
#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .docs-icon {
height: 24px;
width: 24px;
margin: 5px 4px 0 4px
}
#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-disabled.docs-meet-in-editors-active-video-call .docs-icon {
margin-left: 8px
}
#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .docs-icon-present-to-all-24,
#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .docs-icon-videocam-colored-24 {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_blue.svg)
}
#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-disabled .docs-icon-present-to-all-24,
#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-disabled .docs-icon-videocam-colored-24 {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_medium.svg)
}
#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .docs-meet-in-editors-active-video-call-icon {
background-color: #1a73e8;
border-radius: 100px;
content: '';
height: 16px;
margin: 4px auto 0 auto;
position: initial;
width: 4px
}
#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .docs-meet-in-editors-active-video-call-icon::before {
background-color: #1a73e8;
border-radius: 100px;
content: '';
display: inline-block;
height: 8px;
left: 4px;
position: absolute;
top: 8px;
width: 4px
}
#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .docs-meet-in-editors-active-video-call-icon::after {
background-color: #1a73e8;
border-radius: 100px;
content: '';
display: inline-block;
height: 8px;
left: 16px;
position: absolute;
top: 8px;
width: 4px
}
@media (forced-colors:active) {
#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .docs-meet-in-editors-active-video-call-icon,
#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .docs-meet-in-editors-active-video-call-icon::before,
#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .docs-meet-in-editors-active-video-call-icon::after {
background-color: ButtonText
}
}
#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .goog-flat-menu-button-dropdown {
border-color: #1a73e8 transparent;
right: 6px;
top: 15px
}
@media (forced-colors:active) {
#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .goog-flat-menu-button-dropdown {
border-color: CanvasText Canvas
}
@supports (forced-color-adjust: none) {
#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .goog-flat-menu-button-dropdown {
forced-color-adjust: none;
border-color: CanvasText transparent
}
}
}
#docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-disabled .goog-flat-menu-button-dropdown {
border-color: #202124 transparent
}
#docs-meet-in-editors-entrypointbutton.docs-meet-in-editors-active-call.goog-flat-menu-button {
border-color: #dcdcdc
}
#docs-meet-in-editors-entrypointbutton.docs-meet-in-editors-active-call.goog-flat-menu-button-disabled .goog-flat-menu-button-dropdown {
display: none
}
#docs-meet-in-editors-entrypointbutton.docs-meet-in-editors-active-call.goog-flat-menu-button-disabled {
opacity: 1
}
.docs-meet-in-editors-menu {
background: #fff;
border-radius: 8px;
border-width: 0;
box-shadow: 0px 1px 3px 0px rgba(60, 64, 67, .30), 0px 4px 8px 3px rgba(60, 64, 67, .15);
padding: 0;
width: 330px
}
#docs-meet-in-editors-loading.hidden {
display: none
}
#docs-meet-in-editors-loading {
height: 270px;
display: flex;
align-items: center;
justify-content: center
}
#docs-meet-in-editors-loading .docs-spinner {
align-items: center;
display: flex;
overflow: visible
}
#docs-meet-in-editors-loading .docs-quantum-spinner {
top: auto
}
#docs-meet-in-editors-error {
color: #5f6368;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 18px;
padding: 16px;
text-align: center
}
#docs-meet-in-editors-error>img {
display: block;
margin-left: auto;
margin-right: auto
}
#docs-meet-in-editors-error>div {
margin: 22px 34px 22px
}
.docs-grille-gm3 #docs-meet-in-editors-entrypointbutton {
align-items: center;
background: none;
border: 1px solid #747775;
display: flex;
height: 40px;
margin-right: 8px;
padding-bottom: 2px;
width: 80px
}
.docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.docs-meet-in-editors-active-call.goog-flat-menu-button-disabled {
width: 56px
}
.docs-grille-gm3 #docs-meet-in-editors-entrypointbutton .goog-flat-menu-button-caption {
padding: 0 0 2px 5px
}
.docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-hover,
.docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-focused,
.docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-open {
background: #e8ebee
}
.docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button-active {
background: #e1e3e6
}
.docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.docs-meet-in-editors-active-call.goog-flat-menu-button {
border: 1px solid #747775
}
.docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.docs-meet-in-editors-active-call.goog-flat-menu-button.goog-flat-menu-button-hover {
background: rgba(11, 87, 208, 0.078)
}
.docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.docs-meet-in-editors-active-call.goog-flat-menu-button.goog-flat-menu-button-focused {
background: rgba(11, 87, 208, 0.122);
border: 1px solid #0b57d0
}
.docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button.docs-meet-in-editors-active-video-call .docs-icon {
margin-left: 3px
}
.docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.goog-flat-menu-button .goog-flat-menu-button-dropdown {
border-color: #444746 transparent;
right: 18px;
top: 17px
}
.docs-grille-gm3 #docs-meet-in-editors-entrypointbutton.docs-meet-in-editors-active-call.goog-flat-menu-button .goog-flat-menu-button-dropdown {
border-color: #0b57d0 transparent
}
.MEET_IN_EDITORS_PIP_FRAME {
border: none;
border-radius: 8px;
pointer-events: none;
position: absolute;
visibility: hidden;
z-index: 1202;
border-width: 0;
box-shadow: 0px 1px 3px 0px rgba(60, 64, 67, .30), 0px 4px 8px 3px rgba(60, 64, 67, .15)
}
.MEET_IN_EDITORS_DIALOG_FRAME {
border: none;
height: 100vh;
left: 0;
overflow: auto;
position: absolute;
top: 0;
width: 100vw;
z-index: 1203
}
.MEET_IN_EDITORS_MENU_FRAME {
border: none;
display: block;
height: 270px;
width: 330px
}
.MEET_IN_EDITORS_FIXED_DOCKED_FRAME {
background-color: #fff;
border: none;
display: block;
height: 100vh;
position: fixed;
right: 0;
top: 0;
width: 300px;
z-index: 1001;
border-width: 0;
box-shadow: 0px 1px 3px 0px rgba(60, 64, 67, .30), 0px 4px 8px 3px rgba(60, 64, 67, .15)
}
.MEET_IN_EDITORS_SIDEBAR_DOCKED_FRAME {
background-color: #fff;
border: none;
display: block;
height: 100%;
width: 300px
}
.docs-meet-in-editors-sidebar {
box-shadow: -3px 0px 6px -3px rgba(60, 64, 67, .15), 3px 0px 6px -3px rgba(60, 64, 67, .15);
background-color: #fff;
border-left: 1px solid #d9d9d9;
border-top: 1px solid #d9d9d9;
height: 100%;
outline: none;
position: absolute;
right: 0;
top: 0;
width: 300px;
z-index: 901
}
#meet-captured-region-border {
border: 2px solid #1a73e8;
display: none;
height: calc(100% - 4px);
position: absolute;
pointer-events: none;
width: calc(100% - 4px);
top: 0;
z-index: 2003
}
#meet-captured-region {
height: calc(100% - 4px);
left: 2px;
position: absolute;
pointer-events: none;
width: calc(100% - 4px);
top: 2px
}
#meet-captured-region.docs-meet-in-editors-ui-docked-pip-visible,
#meet-captured-region-border.docs-meet-in-editors-ui-docked-pip-visible {
width: calc(100% - 300px - 4px);
height: calc(100% - 4px)
}
.joinInfo {
font-size: 16px;
padding: 0 3px
}
.meet-video-promo-bubble {
-moz-box-sizing: border-box;
box-sizing: border-box;
min-height: 164px;
padding: 0;
width: 530px
}
.meet-video-promo-bubble-content {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex
}
.meet-video-promo-bubble-text {
padding: 24px 24px 0 24px
}
.meet-video-promo-bubble-description {
letter-spacing: 0.01428571em;
font-family: Roboto, Arial, sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 1.25rem;
color: rgb(60, 64, 67);
margin-bottom: 13px
}
.meet-video-promo-bubble-title {
font-family: 'Google Sans', Roboto, Arial, sans-serif;
font-size: 1.375rem;
font-weight: 400;
letter-spacing: 0;
line-height: 1.75rem;
color: rgb(32, 33, 36);
margin-bottom: 12px;
padding-right: 12px
}
.meet-video-promo-bubble-img {
border-radius: 8px 0 0 8px;
height: 164px;
margin: -1px
}
.meet-video-promo-floating-pip-anchor {
height: 48px;
pointer-events: none;
position: absolute;
right: 64px;
top: 8px;
width: 48px
}
.meet-video-promo-button.docs-material-button-text-default.docs-material-button {
margin-bottom: 13px
}
.picker-frame {
width: 100%;
height: 100%;
border: 0;
overflow: hidden
}
.picker.modal-dialog-bg {
position: absolute;
top: 0;
left: 0;
background-color: #fff
}
.picker.modal-dialog {
position: absolute;
top: 0;
left: 0;
background-color: #fff;
border: 1px solid #acacac;
width: auto;
padding: 0;
z-index: 1001;
overflow: auto;
-moz-box-shadow: rgba(0, 0, 0, .2) 0 4px 16px;
-webkit-box-shadow: rgba(0, 0, 0, .2) 0 4px 16px;
box-shadow: rgba(0, 0, 0, .2) 0 4px 16px;
-webkit-transition: top .5s ease-in-out;
-moz-transition: top .5s ease-in-out;
-o-transition: top .5s ease-in-out;
transition: top .5s ease-in-out
}
.picker-min {
position: absolute;
z-index: 1002
}
.picker.modal-dialog-content {
font-size: 0;
padding: 0
}
.picker.modal-dialog-title {
height: 0;
margin: 0
}
.picker.modal-dialog-title-text {
display: none
}
.picker.modal-dialog-buttons {
display: none
}
.picker.modal-dialog {
z-index: 1201
}
.docs-onepick-integrated-sidebar {
background-color: #fff;
border-left: 1px solid #d9d9d9;
border-top: 1px solid #d9d9d9;
height: 100%;
outline: none;
position: absolute;
right: 0;
top: 0;
width: 300px
}
.docs-gm .docs-onepick-integrated-sidebar {
box-shadow: -3px 0px 6px -3px rgba(60, 64, 67, .15), 3px 0px 6px -3px rgba(60, 64, 67, .15);
border-left: 0
}
.docs-grille-gm3 .docs-onepick-integrated-sidebar {
background-color: #fff;
border-radius: 16px;
box-shadow: none;
margin: 10px 16px 16px;
outline: none;
width: 300px;
border-top: none
}
.docs-grille-gm3.docs-body-pageless .docs-onepick-integrated-sidebar {
border: 1px solid #c7c7c7
}
.docs-grille-gm3 .docs-onepick-integrated-sidebar iframe {
border-radius: 16px
}
.jfk-tooltip {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-webkit-transition: visibility 0, opacity .13s ease-in;
-moz-transition: visibility 0, opacity .13s ease-in;
-o-transition: visibility 0, opacity .13s ease-in;
transition: visibility 0, opacity .13s ease-in;
background-color: #2a2a2a;
border: 1px solid #fff;
color: #fff;
cursor: default;
display: block;
font-size: 11px;
font-weight: bold;
margin-left: -1px;
opacity: 1;
padding: 7px 9px;
position: absolute;
visibility: visible;
white-space: pre-wrap;
word-break: break-all;
word-break: break-word
}
.jfk-tooltip-hide {
-webkit-transition: visibility .13s, opacity .13s ease-out, left 0 linear .13s, top 0 linear .13s;
-moz-transition: visibility .13s, opacity .13s ease-out, left 0 linear .13s, top 0 linear .13s;
-o-transition: visibility .13s, opacity .13s ease-out, left 0 linear .13s, top 0 linear .13s;
transition: visibility .13s, opacity .13s ease-out, left 0 linear .13s, top 0 linear .13s;
opacity: 0;
left: 20px !important;
top: 20px !important;
visibility: hidden
}
.jfk-tooltip-data {
display: none
}
.jfk-tooltip-arrow {
pointer-events: none;
position: absolute
}
.jfk-tooltip-arrow .jfk-tooltip-arrowimplbefore,
.jfk-tooltip-arrow .jfk-tooltip-arrowimplafter {
content: '';
display: block;
height: 0;
position: absolute;
width: 0
}
.jfk-tooltip-arrow .jfk-tooltip-arrowimplbefore {
border: 6px solid
}
.jfk-tooltip-arrow .jfk-tooltip-arrowimplafter {
border: 5px solid
}
.jfk-tooltip-arrowdown {
bottom: 0
}
.jfk-tooltip-arrowup {
top: -6px
}
.jfk-tooltip-arrowleft {
left: -6px
}
.jfk-tooltip-arrowright {
right: 0
}
.jfk-tooltip-arrowdown .jfk-tooltip-arrowimplbefore,
.jfk-tooltip-arrowup .jfk-tooltip-arrowimplbefore {
border-color: #fff transparent;
left: -6px
}
.jfk-tooltip-arrowdown .jfk-tooltip-arrowimplafter,
.jfk-tooltip-arrowup .jfk-tooltip-arrowimplafter {
border-color: #2a2a2a transparent;
left: -5px
}
.jfk-tooltip-arrowdown .jfk-tooltip-arrowimplbefore {
border-bottom-width: 0
}
.jfk-tooltip-arrowdown .jfk-tooltip-arrowimplafter {
border-bottom-width: 0
}
.jfk-tooltip-arrowup .jfk-tooltip-arrowimplbefore {
border-top-width: 0
}
.jfk-tooltip-arrowup .jfk-tooltip-arrowimplafter {
border-top-width: 0;
top: 1px
}
.jfk-tooltip-arrowleft .jfk-tooltip-arrowimplbefore,
.jfk-tooltip-arrowright .jfk-tooltip-arrowimplbefore {
border-color: transparent #fff;
top: -6px
}
.jfk-tooltip-arrowleft .jfk-tooltip-arrowimplafter,
.jfk-tooltip-arrowright .jfk-tooltip-arrowimplafter {
border-color: transparent #2a2a2a;
top: -5px
}
.jfk-tooltip-arrowleft .jfk-tooltip-arrowimplbefore {
border-left-width: 0
}
.jfk-tooltip-arrowleft .jfk-tooltip-arrowimplafter {
border-left-width: 0;
left: 1px
}
.jfk-tooltip-arrowright .jfk-tooltip-arrowimplbefore {
border-right-width: 0
}
.jfk-tooltip-arrowright .jfk-tooltip-arrowimplafter {
border-right-width: 0
}
.google-url-picker.modal-dialog {
background-color: var(--dt-background, #fff);
border: none;
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .2);
padding: 0;
z-index: 1002
}
.google-url-picker.modal-dialog-bg {
opacity: .5;
z-index: 1001
}
.google-url-picker .modal-dialog-title {
display: none
}
.picker-urlview {
padding: 24px 64px 0px 32px
}
.picker-urlview-header {
color: var(--dt-on-background, rgb(60, 64, 67));
font-weight: 400;
font-size: 18px;
line-height: 22px
}
.picker-urlview-inner-input {
border-width: 0px 0px 2px 0px;
border-color: #5e97f6;
border-style: solid;
margin-top: 24px;
padding-bottom: 6px;
width: 400px
}
.picker-urlview-actionbar {
display: flex;
justify-content: flex-end;
padding: 26px
}
.picker-urlview-image {
display: flex;
justify-content: center;
min-height: 32px
}
.picker-urlview-cancelbutton {
background-color: var(--dt-background, #fff);
border: none;
color: var(--dt-on-background, rgb(60, 64, 67));
cursor: pointer;
font-size: 15px;
font-weight: 400;
margin-right: 24px;
text-transform: uppercase
}
.picker-urlview-insertbutton {
background-color: var(--dt-background, #fff);
border: none;
color: #4788f4;
cursor: pointer;
font-size: 15px;
font-weight: 400;
padding: 1px 0;
text-transform: uppercase
}
.picker-urlview-insertbutton:disabled {
color: var(--dt-on-surface-variant, rgb(95, 99, 104));
cursor: auto
}
.picker-urlview-inner-input:focus {
outline: none
}
.picker-urlview-error-container {
color: #d40000;
font-size: 13px;
width: 400px
}
.picker-urlview-disclaimer-container {
color: var(--dt-on-surface-variant, rgb(95, 99, 104));
font-size: 10px;
padding-top: 8px;
width: 400px
}
.picker-urlview-close-icon {
background-color: rgba(0, 0, 0, .40);
border: none;
border-radius: 50%;
height: 32px;
margin-top: 10px;
margin-right: 10px;
position: absolute;
right: 0;
text-align: center;
width: 32px
}
.picker-urlview-close-icon svg {
fill: var(--dt-on-background, rgb(60, 64, 67));
margin: -4px 0 0 -12px;
opacity: .5
}
.picker-urlview-loading-icon {
display: inline-block;
direction: ltr;
height: 24px;
width: 24px;
padding: 20px 0 0 8px;
position: absolute;
z-index: 1
}
.picker-tooltip {
z-index: 1003 !important
}
.mspin-small {
width: 24px;
height: 24px;
overflow: hidden;
-webkit-animation: mspin-rotate 1568.63ms infinite linear;
-moz-animation: mspin-rotate 1568.63ms infinite linear;
animation: mspin-rotate 1568.63ms infinite linear
}
.mspin-small>div {
-webkit-animation: mspin-revrot 5332ms infinite steps(4);
-moz-animation: mspin-revrot 5332ms infinite steps(4);
animation: mspin-revrot 5332ms infinite steps(4)
}
.mspin-small>div>div {
background-image: url('//ssl.gstatic.com/docs/picker/images/loading_spinner_small.svg');
background-size: 100%;
width: 7776px;
height: 24px;
-webkit-animation: mspin-small-film 5332ms infinite steps(324);
-moz-animation: mspin-small-film 5332ms infinite steps(324);
animation: mspin-small-film 5332ms infinite steps(324)
}
@-webkit-keyframes mspin-small-film {
from {
-webkit-transform: translateX(0)
}
to {
-webkit-transform: translateX(-7776px)
}
}
@-webkit-keyframes mspin-rotate {
from {
-webkit-transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg)
}
}
@-webkit-keyframes mspin-revrot {
from {
-webkit-transform: rotate(0deg)
}
to {
-webkit-transform: rotate(-360deg)
}
}
@-moz-keyframes mspin-small-film {
from {
-moz-transform: translateX(0)
}
to {
-moz-transform: translateX(-7776px)
}
}
@-moz-keyframes mspin-rotate {
from {
-moz-transform: rotate(0deg)
}
to {
-moz-transform: rotate(360deg)
}
}
@-moz-keyframes mspin-revrot {
from {
-moz-transform: rotate(0deg)
}
to {
-moz-transform: rotate(-360deg)
}
}
@keyframes mspin-small-film {
from {
transform: translateX(0)
}
to {
transform: translateX(-7776px)
}
}
@keyframes mspin-rotate {
from {
transform: rotate(0deg)
}
to {
transform: rotate(360deg)
}
}
@keyframes mspin-revrot {
from {
transform: rotate(0deg)
}
to {
transform: rotate(-360deg)
}
}
.picker-api-container,
.picker-iframe-container {
height: 100%;
width: 100%;
position: relative
}
.picker-api-spinner-inner-div {
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
left: 50%;
position: absolute;
top: 50%;
z-index: 1
}
.mspin-medium {
width: 36px;
height: 36px;
overflow: hidden;
-webkit-animation: mspin-rotate 1568.63ms infinite linear;
-moz-animation: mspin-rotate 1568.63ms infinite linear
}
.mspin-medium .mspin-revrotator {
-webkit-animation: mspin-revrot 5332ms infinite steps(4);
-moz-animation: mspin-revrot 5332ms infinite steps(4)
}
.mspin-medium .mspin-spinner {
background-image: url('//ssl.gstatic.com/docs/picker/images/loading_spinner.svg');
background-size: 100%;
width: 11664px;
height: 36px;
-webkit-animation: mspin-medium-film 5332ms infinite steps(324);
-moz-animation: mspin-medium-film 5332ms infinite steps(324)
}
@-webkit-keyframes mspin-medium-film {
from {
-webkit-transform: translateX(0)
}
to {
-webkit-transform: translateX(-11664px)
}
}
@-webkit-keyframes mspin-rotate {
from {
-webkit-transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg)
}
}
@-webkit-keyframes mspin-revrot {
from {
-webkit-transform: rotate(0deg)
}
to {
-webkit-transform: rotate(-360deg)
}
}
@-moz-keyframes mspin-medium-film {
from {
-moz-transform: translateX(0)
}
to {
-moz-transform: translateX(-11664px)
}
}
@-moz-keyframes mspin-rotate {
from {
-moz-transform: rotate(0deg)
}
to {
-moz-transform: rotate(360deg)
}
}
@-moz-keyframes mspin-revrot {
from {
-moz-transform: rotate(0deg)
}
to {
-moz-transform: rotate(-360deg)
}
}
.google-picker.modal-dialog {
background-color: var(--dt-background, #fff);
border: none;
padding: 0;
transition: top .5s ease-in-out;
z-index: 1004;
border-radius: 8px;
box-shadow: 0 4px 8px 3px rgba(60, 64, 67, 0.15), 0 1px 3px rgba(60, 64, 67, 0.3);
overflow: hidden
}
.google-picker.modal-dialog-bg {
background-color: var(--dt-scrim, rgba(32, 33, 36, 0.6));
z-index: 1003
}
.google-picker.transparent-picker.modal-dialog {
background-color: transparent;
border: none;
box-shadow: none;
padding: 0
}
.google-picker.transparent-picker.modal-dialog-content {
background-color: transparent
}
.docs-revisions-tile-content .goog-link-button {
color: #4285f4;
cursor: pointer;
font: 500 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
margin: 12px 18px 4px 36px;
text-decoration: none;
text-transform: none
}
.approval-diff-selector.docs-material-gm-labeled-select {
border-bottom: 1px solid #dadce0;
margin: 16px;
margin-bottom: 0;
padding-bottom: 16px;
width: unset
}
.approval-diff-selector:empty {
display: none
}
.approval-diff-selector .docs-material-gm-labeled-select-content {
color: #5f6368;
font-size: 11px;
font-weight: 500;
margin-bottom: 16px;
text-transform: uppercase
}
.approval-diff-selector .docs-material-gm-labeled-select-caption,
.approval-diff-selector-menu .goog-menuitem-content {
color: #5f6368;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.approval-diff-selector-menu.goog-menu {
width: 270px
}
.docs-revisions-static-approvals-tile {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
padding: 18px
}
.docs-revisions-static-approvals-tile.docs-revisions-tile-selected {
background-color: unset
}
.docs-revisions-static-approvals-tile-header {
color: #5f6368;
margin-bottom: 18px
}
.docs-approvals-tile-badge {
align-items: center;
border: 1px solid;
border-radius: 4px;
display: flex;
margin: 4px 0;
width: fit-content;
width: -moz-fit-content
}
.docs-approvals-tile-badge-text {
font: 500 11px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
padding-right: 8px
}
.docs-approvals-approved-tile-badge .docs-approvals-stamp-icon-path,
.docs-approvals-tile-badge.docs-approvals-approved-tile-badge {
color: #1e8e3e;
fill: #1e8e3e
}
.docs-approvals-failed-tile-badge .docs-approvals-stamp-icon-path,
.docs-approvals-rejected-tile-badge .docs-approvals-stamp-icon-path,
.docs-approvals-tile-badge.docs-approvals-failed-tile-badge,
.docs-approvals-tile-badge.docs-approvals-rejected-tile-badge {
color: #c5221f;
fill: #c5221f
}
.docs-approvals-pending-tile-badge .docs-approvals-stamp-icon-path,
.docs-approvals-tile-badge.docs-approvals-pending-tile-badge {
color: #1967d2;
fill: #1967d2
}
.docs-approvals-tile-badge .docs-approvals-stamp-icon {
margin: 0 6px
}
.docs-approvals-stamp-icon svg {
display: flex
}
.docs-revisions-sidebar-approvals-empty {
text-align: center;
width: 100%
}
.docs-revisions-sidebar-approvals-empty .docs-revisions-sidebar-revisions-empty-title {
margin-bottom: 36px
}
.docs-revisions-sidebar-revisions-empty-view-diff {
align-items: center;
color: #5f6368;
margin-bottom: 36px;
text-align: center;
width: 100%
}
div.docs-spell-content-box {
overflow: auto;
width: 425px;
height: 130px;
background-color: #e6e6e6;
border: none;
padding: 5px;
cursor: default
}
.docs-spell-content-message {
color: #666
}
.docs-spell-error {
border-bottom: 1px solid red;
cursor: pointer
}
.docs-spell-error-fixed {
border-bottom: 1px dotted green;
cursor: pointer
}
.docs-spell-button-set {
width: 435px;
height: 30px;
margin: 20px 0 0 0
}
div.docs-spell-buttons-left {
float: left
}
div.docs-spell-buttons-right {
float: right
}
div.docs-spell-right-button {
margin-right: 0
}
.docs-spell-menuitem-subtext {
color: #80868b;
font-size: 13px
}
.docs-spell-content-box::-webkit-scrollbar-thumb {
border: solid #e6e6e6
}
#docs-spellcheckslidingdialog-button-change-menu {
box-shadow: none;
background-color: #4d90fe;
background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
background-image: -ms-linear-gradient(top, #4d90fe, #4787ed);
background-image: -o-linear-gradient(top, #4d90fe, #4787ed);
background-image: linear-gradient(top, #4d90fe, #4787ed);
border: 1px solid #3079ed;
color: #fff
}
#docs-spellcheckslidingdialog-button-change-menu:hover {
background-color: #357ae8;
background-color: #357ae8;
background-image: -webkit-linear-gradient(top, #4d90fe, #357ae8);
background-image: -moz-linear-gradient(top, #4d90fe, #357ae8);
background-image: -ms-linear-gradient(top, #4d90fe, #357ae8);
background-image: -o-linear-gradient(top, #4d90fe, #357ae8);
background-image: linear-gradient(top, #4d90fe, #357ae8);
border: 1px solid #2f5bb7;
border-bottom-color: #2f5bb7
}
#docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-button-focused {
-webkit-box-shadow: inset 0 0 0 1px #fff;
-moz-box-shadow: inset 0 0 0 1px #fff;
box-shadow: inset 0 0 0 1px #fff;
border: 1px solid #fff;
border: rgba(0, 0, 0, 0) solid 1px;
outline: 1px solid #4d90fe;
outline: rgba(0, 0, 0, 0) 0
}
#docs-spellcheckslidingdialog-button-change-menu .goog-flat-menu-button-dropdown {
border-color: white transparent;
color: white
}
#docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-button-open {
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
background: #357ae8;
border: 1px solid #2f5bb7;
border-top: 1px solid #2f5bb7
}
#docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-button-disabled {
background: #4d90fe;
filter: alpha(opacity=50);
opacity: 0.5
}
#docs-spellcheckslidingdialog-button-ignore-all {
margin-left: 10px
}
.docs-spellcheckslidingdialog-buttons-white-menu.goog-flat-menu-button-disabled,
.docs-spellcheckslidingdialog-buttons-white-menu.goog-flat-menu-button-disabled:hover {
background: #fff;
border: 1px solid #dcdcdc !important;
filter: alpha(opacity=50);
opacity: 0.5
}
.docs-spellcheckslidingdialog-buttons-white-menu.goog-flat-menu-button-focus,
.docs-spellcheckslidingdialog-buttons-white-menu:hover {
border: 1px solid #c6c6c6
}
.docs-spellcheckslidingdialog-buttons-white-menu:focus {
z-index: 2
}
#docs-spellcheckslidingdialog-button-ignore,
#docs-spellcheckslidingdialog-button-ignore-menu {
margin-bottom: 1px
}
#docs-spellcheckslidingdialog-button-dictionary,
#docs-spellcheckslidingdialog-button-dictionary-menu {
margin-top: 7px
}
.docs-spellcheckslidingdialog-buttons-action {
margin-left: 9px;
overflow: hidden;
text-overflow: ellipsis;
width: 110px
}
.docs-spellcheckslidingdialog-count {
color: #6a6a6a;
padding-left: 4px
}
.goog-menuitem-disabled .docs-spellcheckslidingdialog-count {
color: #ccc
}
#docs-spellcheckslidingdialog-id .docs-slidingdialog-close-container {
position: absolute;
right: 14px;
top: 10px
}
#docs-spellcheckslidingdialog-ignore-buttons {
padding-top: 7px;
vertical-align: top
}
.docs-spellcheckslidingdialog-replacement-input,
.docs-spellcheckslidingdialog-replacement-input:focus {
background: transparent;
border: none;
box-shadow: none;
font-size: 13px;
height: 25px;
margin: 0;
outline: none;
padding: 1px 0px;
width: 100%
}
.docs-spellcheckslidingdialog-replacement-input-container {
background: #fff;
border: 1px solid #d9d9d9;
border-top: 1px solid #c0c0c0;
min-width: 20px;
padding: 0 8px
}
.docs-spellcheckslidingdialog-replacement-input-container-focus {
border: 1px solid #4d90fe;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
outline: none
}
.docs-spellcheckslidingdialog-title-text {
margin-top: 2px;
margin-bottom: 10px;
color: #222;
cursor: default
}
#docs-spellcheckslidingdialog-original-word {
font-weight: 500
}
.docs-spellcheckslidingdialog-title-text.docs-spellcheckslidingdialog-no-misspellings {
margin-bottom: 0;
padding-right: 33px
}
#docs-spellcheckslidingdialog-no-misspellings:focus {
outline: none
}
#docs-spellcheckslidingdialog-suggestion-list {
box-shadow: none;
margin-left: -1px;
margin-top: -1px;
height: 91px;
overflow-y: auto;
position: relative;
width: 100%
}
.docs-spellcheckslidingdialog-container .goog-flat-menu-button {
margin: 0;
height: 27px
}
.docs-spellcheckslidingdialog-container .goog-flat-menu-button-collapse-left {
margin-left: -1px
}
.docs-spellcheckslidingdialog-container .goog-flat-menu-button-collapse-right {
min-width: 0px;
padding-left: 0;
margin-left: 0px;
border-radius: 0 2px 2px 0
}
#docs-spellcheckslidingdialog-suggestion-list .goog-menuitem {
padding-left: 8px
}
#docs-spellcheckslidingdialog-suggestion-list .goog-menuitem-checkbox {
position: inherit
}
.docs-spellcheckslidingdialog-container table {
width: 100%
}
.docs-spellcheckslidingdialog .docs-slidingdialog-holder {
min-width: 250px
}
.docs-spellcheckslidingdialog-loading-spinner,
.docs-spellcheckslidingdialog-loading-text {
display: inline-block;
position: relative;
transition: left 300ms ease-out;
transition: width 300ms ease-out;
vertical-align: middle
}
.docs-gm #docs-spellcheckslidingdialog-id .docs-slidingdialog {
padding: 16px
}
.docs-gm #docs-spellcheckslidingdialog-id td {
padding: 0;
vertical-align: top
}
.docs-gm .docs-spellcheckslidingdialog-title-text {
font-size: 14px;
height: 24px;
margin: 0 0 16px 0;
line-height: 24px;
vertical-align: middle
}
.docs-gm #docs-spellcheckslidingdialog-button-change,
.docs-gm #docs-spellcheckslidingdialog-button-change-menu {
background: #188038;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
color: #fff;
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px
}
.docs-gm #docs-spellcheckslidingdialog-button-change.jfk-button-hover,
.docs-gm #docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-button-hover {
background: #2a8947;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
.docs-gm #docs-spellcheckslidingdialog-button-change.jfk-button-focused,
.docs-gm #docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-button-focused {
background: #4f9e67;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
.docs-gm #docs-spellcheckslidingdialog-button-change.jfk-button-focused.jfk-button-hover,
.docs-gm #docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-button-focused.goog-flat-menu-button-hover {
background: #62a877;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
.docs-gm #docs-spellcheckslidingdialog-button-change.jfk-button-active,
.docs-gm #docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-button-active {
background: #62a877;
box-shadow: 0 2px 6px 2px rgba(52, 168, 83, 0.15)
}
.docs-gm #docs-spellcheckslidingdialog-button-change.jfk-button-disabled,
.docs-gm #docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-button-disabled {
background: #f1f3f4;
color: #3c4043;
opacity: 0.38
}
.docs-gm #docs-spellcheckslidingdialog-button-ignore,
.docs-gm #docs-spellcheckslidingdialog-button-ignore-menu,
.docs-gm #docs-spellcheckslidingdialog-button-dictionary,
.docs-gm #docs-spellcheckslidingdialog-button-dictionary-menu {
background: #fff;
background-image: none;
border: 1px solid #dadce0;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
color: #137333;
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
margin-bottom: 0;
margin-top: 8px
}
.docs-gm #docs-spellcheckslidingdialog-button-ignore.jfk-button-hover,
.docs-gm #docs-spellcheckslidingdialog-button-ignore-menu.goog-flat-menu-button-hover,
.docs-gm #docs-spellcheckslidingdialog-button-dictionary.jfk-button-hover,
.docs-gm #docs-spellcheckslidingdialog-button-dictionary-menu.goog-flat-menu-button-hover {
background: #f8fcf9;
border: 1px solid #c8e7d1
}
.docs-gm #docs-spellcheckslidingdialog-button-ignore.jfk-button-focused,
.docs-gm #docs-spellcheckslidingdialog-button-ignore-menu.goog-flat-menu-button-focused,
.docs-gm #docs-spellcheckslidingdialog-button-dictionary.jfk-button-focused,
.docs-gm #docs-spellcheckslidingdialog-button-dictionary-menu.goog-flat-menu-button-focused {
background: #e7f5eb;
border: 1px solid #bbe2c6
}
.docs-gm #docs-spellcheckslidingdialog-button-ignore.jfk-button-focused.jfk-button-hover,
.docs-gm #docs-spellcheckslidingdialog-button-ignore-menu.goog-flat-menu-button-focused.goog-flat-menu-button-hover,
.docs-gm #docs-spellcheckslidingdialog-button-dictionary.jfk-button-focused.jfk-button-hover,
.docs-gm #docs-spellcheckslidingdialog-button-dictionary-menu.goog-flat-menu-button-focused.goog-flat-menu-button-hover {
background: #dff2e4;
border: 1px solid #b5e0c1
}
.docs-gm #docs-spellcheckslidingdialog-button-ignore.jfk-button-active,
.docs-gm #docs-spellcheckslidingdialog-button-ignore-menu.goog-flat-menu-button-active,
.docs-gm #docs-spellcheckslidingdialog-button-dictionary.jfk-button-active,
.docs-gm #docs-spellcheckslidingdialog-button-dictionary-menu.goog-flat-menu-button-active {
background: #dff2e4;
border: 1px solid transparent;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}
.docs-gm #docs-spellcheckslidingdialog-button-ignore.jfk-button-disabled,
.docs-gm #docs-spellcheckslidingdialog-button-ignore-menu.goog-flat-menu-button-disabled,
.docs-gm #docs-spellcheckslidingdialog-button-dictionary.jfk-button-disabled,
.docs-gm #docs-spellcheckslidingdialog-button-dictionary-menu.goog-flat-menu-button-disabled {
background: #fff;
border: 1px solid #f1f3f4;
color: #3c4043;
opacity: 0.38
}
.docs-gm #docs-spellcheckslidingdialog-button-change,
.docs-gm #docs-spellcheckslidingdialog-button-ignore,
.docs-gm #docs-spellcheckslidingdialog-button-dictionary {
border-radius: 4px 0 0 4px;
margin-left: 16px;
padding: 9px 8px 11px 8px;
width: 156px
}
.docs-gm #docs-spellcheckslidingdialog-button-change,
.docs-gm #docs-spellcheckslidingdialog-button-change.jfk-button-focused,
.docs-gm #docs-spellcheckslidingdialog-button-change.jfk-button-hover,
.docs-gm #docs-spellcheckslidingdialog-button-change.jfk-button-hover.jfk-button-focused,
.docs-gm #docs-spellcheckslidingdialog-button-change.jfk-button-active,
.docs-gm #docs-spellcheckslidingdialog-button-change.jfk-button-disabled {
border-right: 1px solid #ceead6
}
.docs-gm #docs-spellcheckslidingdialog-button-change-menu,
.docs-gm #docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-button-focused,
.docs-gm #docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-button-hover,
.docs-gm #docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-button-hover.goog-flat-menu-button-focused,
.docs-gm #docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-button-active,
.docs-gm #docs-spellcheckslidingdialog-button-change-menu.goog-flat-menu-button-disabled {
border-left: 1px solid #ceead6
}
.docs-gm #docs-spellcheckslidingdialog-button-change-menu,
.docs-gm #docs-spellcheckslidingdialog-button-ignore-menu,
.docs-gm #docs-spellcheckslidingdialog-button-dictionary-menu {
border-radius: 0 4px 4px 0;
padding: 8px;
width: 41px
}
.docs-gm #docs-spellcheckslidingdialog-button-change-menu .goog-flat-menu-button-dropdown,
.docs-gm #docs-spellcheckslidingdialog-button-ignore-menu .goog-flat-menu-button-dropdown,
.docs-gm #docs-spellcheckslidingdialog-button-dictionary-menu .goog-flat-menu-button-dropdown {
right: 15px;
top: 15px
}
.docs-gm #docs-spellcheckslidingdialog-replacement-input {
border: 1px solid #dadce0;
border-radius: 4px;
box-sizing: border-box;
color: #3c4043;
padding: 1px 8px;
font-size: 14px;
height: 36px;
margin: 8px 0;
margin: 0
}
.docs-gm #docs-spellcheckslidingdialog-replacement-input:focus {
border: 2px solid #1a73e8;
box-shadow: none;
padding: 0px 7px
}
.docs-gm .docs-spellcheckslidingdialog-replacement-input-container {
background: transparent;
border: none;
padding: 0;
width: 156px
}
.docs-gm .docs-spellcheckslidingdialog-replacement-input-container-focus {
border: none;
box-shadow: none;
outline: none
}
.docs-gm #docs-spellcheckslidingdialog-suggestion-list {
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
height: auto;
margin: 0;
width: 156px
}
.docs-gm #docs-spellcheckslidingdialog-id .docs-slidingdialog-close-container {
height: 24px;
right: 16px;
top: 16px;
width: 24px
}
.docs-gm #docs-spellcheckslidingdialog-id .docs-slidingdialog-button-close {
opacity: 0.54
}
.docs-gm #docs-spellcheckslidingdialog-id .docs-slidingdialog-button-close.goog-flat-button-hover,
.docs-gm #docs-spellcheckslidingdialog-id .docs-slidingdialog-button-close.goog-flat-button-focused,
.docs-gm #docs-spellcheckslidingdialog-id .docs-slidingdialog-button-close.goog-flat-button-active {
opacity: 0.87
}
.docs-gm #docs-spellcheckslidingdialog-id .docs-slidingdialog-button-close.goog-flat-button-focused {
outline: none
}
.docs-gm #docs-spellcheckslidingdialog-no-misspellings-footer .jfk-button {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff
}
.docs-gm #docs-spellcheckslidingdialog-no-misspellings-footer .jfk-button:last-child {
margin-right: 0
}
.docs-gm #docs-spellcheckslidingdialog-no-misspellings-footer .jfk-button.jfk-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #2a8947;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
.docs-gm #docs-spellcheckslidingdialog-no-misspellings-footer .jfk-button.jfk-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #4f9e67;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
.docs-gm #docs-spellcheckslidingdialog-no-misspellings-footer .jfk-button.jfk-button-focused.jfk-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #62a877;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
.docs-gm #docs-spellcheckslidingdialog-no-misspellings-footer .jfk-button.jfk-button-active,
.docs-gm #docs-spellcheckslidingdialog-no-misspellings-footer .jfk-button.jfk-button-active.jfk-button-focused.jfk-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #62a877;
box-shadow: 0 2px 6px 2px rgba(52, 168, 83, 0.15)
}
.docs-userdictionary-butterbar-item {
font-weight: normal
}
.docs-userdictionarydialog-button-add {
margin-left: 0px;
margin-right: 0px;
padding: 0px;
width: 100%
}
.docs-userdictionarydialog-list-container {
background-color: #fff;
border: 1px solid #ececec;
height: 415px;
margin-top: 16px;
overflow-y: auto;
position: relative;
width: 315px
}
.docs-gm .docs-userdictionarydialog-list-container {
height: 232px;
min-width: 464px;
width: unset
}
.docs-userdictionarydialog-list-container:focus {
outline: none
}
.docs-userdictionarydialog-button-add-container {
border-left: 30px solid white;
max-width: 125px
}
.docs-gm .docs-userdictionarydialog-button-add-container {
border-left: 0;
margin-left: 16px
}
.docs-userdictionarydialog-input {
margin-left: 0px;
margin-right: 19px !important;
vertical-align: middle;
width: 100%
}
.docs-gm .docs-userdictionarydialog-input {
width: 364px
}
.docs-userdictionarydialog-row-container {
border-bottom: 1px solid #ececec;
padding: 10px;
min-width: 275px
}
.docs-gm .docs-userdictionarydialog-row-container {
border-bottom: 1px solid #dadce0;
padding: 10px 16px;
width: 432px
}
.docs-userdictionarydialog-row-container-hover {
background-color: #eee
}
.docs-gm .docs-userdictionarydialog-row-container-hover {
background-color: #f1f3f4
}
.docs-userdictionarydialog-row-content {
display: inline-block;
width: 250px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: middle
}
.docs-gm .docs-userdictionarydialog-row-content {
color: #3c4043
}
.docs-userdictionarydialog-list-remove-button {
background-color: transparent;
border: none;
margin: 0;
padding: 0;
position: absolute;
right: 3px
}
.docs-gm .docs-userdictionarydialog-list-remove-button {
left: 424px
}
.docs-gm .docs-userdictionarydialog-list-container-ie .docs-userdictionarydialog-list-remove-button {
left: 420px
}
.docs-gm .docs-material.docs-userdictionarydialog-list-remove-button .docs-icon {
height: 24px;
margin: 0;
width: 24px
}
.docs-userdictionarydialog-top-container {
border-collapse: separate;
display: table;
width: 100%
}
.docs-userdictionarydialog-top-container>div {
display: table-cell
}
.docs-userdictionarydialog-cse {
margin-top: 20px;
width: 464px
}
.docs-templatestoast.docs-ui-toast {
z-index: 1003
}
.docs-calloutbubble-anchor {
position: absolute
}
.docs-calloutbubble-bubble.jfk-bubble {
padding: 0px;
z-index: 99 !important
}
@media print {
.docs-calloutbubble-anchor {
display: none !important
}
}
.docs-dismissible-bar {
margin-top: 0;
position: absolute;
width: 500px
}
.docs-dismissible-bar .docs-dismissible-bar-content {
background: rgba(0, 0, 0, 0.8);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #fff;
left: -50%;
overflow: hidden;
position: relative;
z-index: 1001
}
.docs-dismissible-bar .docs-dismissible-bar-header {
border-bottom: 1px solid #000;
float: left;
width: 100%
}
.docs-dismissible-bar .docs-dismissible-bar-title {
float: left;
font-size: 15px;
font-weight: 500;
margin: 16px 15px
}
.docs-dismissible-bar .docs-dismissible-bar-description {
border-top: 1px solid #444;
box-sizing: border-box;
color: #bbb;
float: left;
padding: 10px 15px 15px;
text-align: left;
width: 100%
}
.docs-dismissible-bar .docs-dismissible-bar-dismiss-button {
float: right;
margin: 10px 10px 10px 0
}
.docs-dismissible-bar .docs-dismissible-bar-black-button {
background-color: #454545;
background-repeat: repeat-x;
border: solid 1px #111;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.05), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.2);
color: #ddd;
cursor: pointer;
background-color: #4b4b4b;
background-image: -webkit-linear-gradient(top, #4b4b4b, #3b3b3b);
background-image: -moz-linear-gradient(top, #4b4b4b, #3b3b3b);
background-image: -ms-linear-gradient(top, #4b4b4b, #3b3b3b);
background-image: -o-linear-gradient(top, #4b4b4b, #3b3b3b);
background-image: linear-gradient(top, #4b4b4b, #3b3b3b);
text-shadow: 0 1px 0 rgba(0, 0, 0, 0.8)
}
.docs-dismissible-bar .docs-dismissible-bar-black-button.jfk-button-hover {
background: rgba(255, 255, 255, 0.1);
border: 1px solid #141414;
box-shadow: 0 0 0 transparent inset;
color: #fff
}
.docs-dismissible-bar .docs-dismissible-bar-black-button.jfk-button-active,
.docs-dismissible-bar .docs-dismissible-bar-black-button.jfk-button-focused {
border-color: #fff
}
.docs-indeterminate-loading-bar {
background: #c6dafc;
height: 100%;
position: relative;
width: 100%
}
.docs-indeterminate-loading-bar>div {
-webkit-animation: docs-indeterminate-loading-animation 2s linear infinite;
-moz-animation: docs-indeterminate-loading-animation 2s linear infinite;
-o-animation: docs-indeterminate-loading-animation 2s linear infinite;
animation: docs-indeterminate-loading-animation 2s linear infinite;
background: #4285f4;
height: 100%;
position: absolute;
transition: width .2s cubic-bezier(.4, 0, .2, 1)
}
@keyframes docs-indeterminate-loading-animation {
0% {
left: 0%;
width: 0
}
50% {
left: 25%;
width: 75%
}
75% {
left: 100%;
width: 0%
}
}
.docs-loading-indicator {
height: 48px;
left: 50%;
margin: -24px 0 0 -24px;
position: absolute;
top: 50%;
width: 48px
}
.docs-loading-indicator-small {
height: 20px;
left: 50%;
margin: -10px 0 0 -10px;
position: absolute;
top: 50%;
width: 20px
}
.docs-sidebar-toggle-tabs {
background-color: white;
border-bottom: 0;
display: flex;
justify-content: space-around;
height: 40px;
margin-top: 0;
width: 100%
}
.docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab>div {
display: inline-block;
position: relative
}
.docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab-active {
color: #137333;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.3px;
text-transform: none;
height: calc(40px - 8px);
margin: 8px 0 0 0;
padding: 0 8px;
line-height: calc(40px - 8px);
text-align: center;
cursor: pointer;
border: none;
border-radius: 4px 4px 0 0
}
.docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab-inactive {
color: #5f6368;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.3px;
text-transform: none;
height: calc(40px - 8px);
margin: 8px 0 0 0;
padding: 0 8px;
line-height: calc(40px - 8px);
text-align: center;
cursor: pointer;
border: none;
border-radius: 4px 4px 0 0
}
.docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab-inactive:hover {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.3px;
text-transform: none;
height: calc(40px - 8px);
margin: 8px 0 0 0;
padding: 0 8px;
line-height: calc(40px - 8px);
text-align: center;
cursor: pointer;
border: none;
border-radius: 4px 4px 0 0
}
.docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab-active:focus-visible,
.docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab-active:active {
background: #dff2e4
}
.docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab-inactive:focus-visible,
.docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab-inactive:active {
background: #e8eaed
}
.docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab-active>div:after {
border-top: 3px solid #188038;
border-radius: 3px 3px 0 0;
bottom: 0;
content: '';
display: block;
height: 0;
left: -8px;
position: absolute;
width: calc(100% + 16px)
}
.docs-sidebar-toggle-tabs .jfk-button-active.jfk-button-focused.docs-sidebar-toggle-tab-inactive>div:after {
border-top: none
}
.docs-spinner {
height: 44px;
overflow: hidden;
position: relative
}
.docs-quantum-spinner {
height: 28px;
left: 50%;
margin-left: -14px;
position: absolute;
top: 0;
width: 28px
}
.docs-loading-indicator-small .docs-quantum-spinner {
height: 20px;
margin-left: -10px;
top: 0;
width: 20px
}
.docs-white-circle {
background: white;
border-radius: 50%;
box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
-webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
height: 44px;
left: 50%;
margin-left: -22px;
position: absolute;
width: 44px
}
.docs-quantum-spinner.active {
-webkit-animation: container-rotate 1568ms linear infinite;
animation: container-rotate 1568ms linear infinite
}
@-webkit-keyframes container-rotate {
to {
-webkit-transform: rotate(360deg)
}
}
@keyframes container-rotate {
to {
transform: rotate(360deg)
}
}
.spinner-layer {
position: absolute;
width: 100%;
height: 100%;
opacity: 0
}
.spinner-blue {
border-color: #4285f4
}
.spinner-red {
border-color: #db4437
}
.spinner-yellow {
border-color: #f4b400
}
.spinner-green {
border-color: #0f9d58
}
.active .spinner-layer.spinner-blue {
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both
}
.active .spinner-layer.spinner-red {
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both
}
.active .spinner-layer.spinner-yellow {
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both
}
.active .spinner-layer.spinner-green {
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both
}
@-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
}
}
.spinner-gap-patch {
position: absolute;
box-sizing: border-box;
top: 0;
left: 45%;
width: 10%;
height: 100%;
overflow: hidden;
border-color: inherit
}
.spinner-gap-patch .spinner-circle {
width: 1000%;
left: -450%
}
.spinner-circle-clipper {
display: inline-block;
position: relative;
width: 50%;
height: 100%;
overflow: hidden;
border-color: inherit
}
.spinner-circle-clipper .spinner-circle {
width: 200%
}
.spinner-circle {
box-sizing: border-box;
height: 100%;
border-width: 3px;
border-style: solid;
border-color: inherit;
border-bottom-color: transparent !important;
border-radius: 50%;
-webkit-animation: none;
animation: none
}
.spinner-circle-clipper.spinner-left .spinner-circle {
border-right-color: transparent !important;
-webkit-transform: rotate(129deg);
transform: rotate(129deg)
}
.spinner-circle-clipper.spinner-right .spinner-circle {
left: -100%;
border-left-color: transparent !important;
-webkit-transform: rotate(-129deg);
transform: rotate(-129deg)
}
.active .spinner-circle-clipper.spinner-left .spinner-circle {
-webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
animation: left-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both
}
.active .spinner-circle-clipper.spinner-right .spinner-circle {
-webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
animation: right-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both
}
@-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)
}
}
.spinner-fit {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0
}
.docs-working-bar {
color: #222;
display: none;
font: 13px/1.4 arial, sans-serif;
margin-top: 0;
min-width: 124px;
position: absolute;
z-index: 1001;
transition: 218ms ease-in
}
.docs-working-bar-slideup {
-webkit-transform: translateY(-60px);
-moz-transform: translateY(-60px);
-ms-transform: translateY(-60px);
-o-transform: translateY(-60px);
transform: translateY(-60px)
}
.docs-working-bar-display {
display: block
}
.docs-working-bar .message {
background: rgba(0, 0, 0, .8);
border-radius: 3px;
color: #fff;
left: -50%;
padding: 16px;
position: relative
}
.docs-working-bar .message * {
vertical-align: middle
}
.docs-working-bar .message .icon {
margin-right: 16px
}
.docs-working-bar .spinner {
display: inline-block
}
.docs-working-bar .label {
font-weight: normal
}
@keyframes script-working-bar-spin {
from {
transform: rotate(0deg);
-ms-transform: rotate(0deg)
}
to {
transform: rotate(360deg);
-ms-transform: rotate(360deg)
}
}
@-webkit-keyframes script-working-bar-spin {
from {
-webkit-transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg)
}
}
.docs-working-bar .spinner .icon {
animation: script-working-bar-spin 1.5s infinite linear;
-webkit-animation: script-working-bar-spin 1.5s infinite linear
}
.docs-material-colorpalette {
outline: none
}
.docs-material-colorpalette-cell {
border-radius: 50%
}
.docs-material-colorpalette-colorswatch,
.docs-material-colorpalette-colorswatch-translucent-wrapper {
border-radius: 50%;
box-sizing: border-box;
cursor: pointer;
height: 20px;
margin: 1px 1px 0 0;
width: 20px;
position: relative;
forced-color-adjust: none
}
.docs-material-colorpalette-table {
border-spacing: 1px;
padding: 1px 0
}
.docs-material-colorpalette-cell.docs-material-colorpalette-cell-hover .docs-material-colorpalette-colorswatch,
.docs-material-colorpalette-cell.docs-material-colorpalette-cell-hover .docs-material-colorpalette-colorswatch-translucent-wrapper.docs-material-colorpalette-colorswatch-overlay {
box-shadow: 0 0 3px 1px #bdc1c6
}
.docs-material-colorpalette-colorswatch.docs-material-colorpalette-colorswatch-border,
.docs-material-colorpalette-colorswatch-translucent-wrapper.docs-material-colorpalette-colorswatch-border .docs-material-colorpalette-colorswatch-overlay {
border: 1px solid #dadce0
}
.docs-customcolorpalette-add-custom-color-button:hover {
background-color: #e8eaed;
border-radius: 4px;
cursor: pointer
}
.docs-customcolorpalette-eyedropper-button:hover {
background-color: #e8eaed;
border-radius: 4px;
cursor: pointer
}
.docs-material-colorpalette-cell.docs-material-colorpalette-cell-selected .docs-material-colorpalette-colorswatch {
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0iIzAwMDAwMCI+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMSwgMCwgMCwgMSkiPjxwYXRoIGQ9Ik0wIDBoNDh2NDhIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTggMzIuMzRMOS42NiAyNGwtMi44MyAyLjgzTDE4IDM4bDI0LTI0LTIuODMtMi44M3oiLz48L2c+PC9zdmc+);
background-position: center;
background-repeat: no-repeat
}
.docs-material-colorpalette-cell.docs-material-colorpalette-cell-selected .docs-material-colorpalette-colorswatch.docs-material-colorpalette-colorswatch-dark {
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiIHZpZXdCb3g9IjAgMCA0OCA0OCIgZmlsbD0iI0ZGRkZGRiI+PHBhdGggZD0iTTAgMGg0OHY0OEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik0xOCAzMi4zNEw5LjY2IDI0bC0yLjgzIDIuODNMMTggMzhsMjQtMjQtMi44My0yLjgzeiIvPjwvc3ZnPg==);
background-position: center;
background-repeat: no-repeat
}
.docs-hc-gecko .docs-material-colorpalette-colorswatch,
.docs-hc-gecko .docs-material-colorpalette-colorswatch-overlay {
border: 1px solid #dadce0
}
.docs-material-colorpalette-colorswatch-translucent-wrapper .docs-material-colorpalette-colorswatch-color {
border-bottom-left-radius: 10px;
border-top-left-radius: 10px;
height: 100%;
position: absolute;
width: 50%
}
.docs-material-colorpalette-colorswatch-translucent-wrapper .docs-material-colorpalette-colorswatch-checkerboard {
border-bottom-right-radius: 10px;
border-top-right-radius: 10px;
height: 100%;
margin-left: 10px;
position: absolute;
width: 50%
}
.docs-material-colorpalette-colorswatch-translucent-wrapper .docs-material-colorpalette-colorswatch-overlay {
border-radius: 50%;
box-sizing: border-box;
height: 100%;
position: absolute;
width: 100%;
z-index: 1
}
.docs-material-colorpalette-cell.docs-material-colorpalette-cell-selected .docs-material-colorpalette-colorswatch-translucent-wrapper .docs-material-colorpalette-colorswatch-overlay {
background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4gIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPiAgICA8cGF0aCBzdHJva2U9IiNGRkYiIGZpbGw9IiMzQzQwNDMiIGQ9Ik02IDEwLjA3Mjg5MzJsNy4wNTY2NjY3LTcuMDU2NjY2NjUgMS42NTA0NDAxIDEuNjUwNDQwMTJMNiAxMy4zNzM3NzM0IDEuNTY5NTU5ODkgOC45NDMzMzMzMyAzLjIyIDcuMjkyODkzMjIgNiAxMC4wNzI4OTMyeiIvPiAgPC9nPjwvc3ZnPg==);
background-position: center;
background-repeat: no-repeat
}
.docs-material-color-picker-dragger {
border: 2px solid white;
border-radius: 50%;
box-shadow: 0 0 3px 1px #bdc1c6;
cursor: pointer;
position: absolute;
z-index: 3
}
.docs-material-color-picker-saturation-value:focus-visible>.docs-material-color-picker-dragger,
.goog-slider-horizontal:focus-visible .docs-material-color-picker-dragger {
border: 2px solid #185abc;
outline: 2px solid #e8f0fe
}
.docs-color-picker {
color: #3c4043;
outline: none;
width: 100%
}
.docs-color-picker-outer-box {
border: 1px solid #dadce0;
border-radius: 4px;
box-sizing: border-box;
cursor: pointer;
padding: 8px 6px 8px 8px;
width: 100%
}
.docs-color-picker .docs-color-picker-outer-box {
width: auto
}
.docs-color-picker-hover .docs-color-picker-outer-box {
background-color: rgba(60, 64, 67, 0.04);
border: 1px solid #dadce0
}
.docs-color-picker-open .docs-color-picker-outer-box {
background-color: rgba(60, 64, 67, 0.04);
border: 1px solid transparent
}
.docs-material-gm-select-open.docs-material-gm-select-hover .docs-color-picker-outer-box {
background-color: rgba(60, 64, 67, 0.06)
}
.docs-material-gm-select-open.docs-material-gm-select-focused .docs-color-picker-outer-box {
background-color: rgba(60, 64, 67, 0.08)
}
.docs-color-picker-disabled {
color: #5f6368;
opacity: .38;
cursor: default
}
.docs-color-picker-disabled .docs-color-picker-outer-box {
border: 1px solid #dadce0;
box-shadow: none;
cursor: default
}
.docs-color-picker-inner-box {
align-items: center;
display: flex;
justify-content: space-between;
position: relative;
width: 100%
}
.docs-color-picker-inner-box {
align-items: center;
display: flex;
justify-content: space-between;
position: relative;
width: 100%
}
.docs-color-picker-caption {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
height: 20px;
line-height: 20px;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height: 22px;
width: 22px;
border-radius: 50%;
border: 1px solid #dadce0;
margin: 0;
outline: none
}
.docs-color-picker-dropdown {
align-items: center;
display: flex;
height: 24px;
justify-content: center;
width: 24px
}
.docs-color-picker-dropdown-icon {
background: no-repeat url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_medium.svg) -20px -10428px;
height: 18px;
width: 18px
}
.docs-color-picker-open .docs-color-picker-dropdown-icon {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.docs-material-color-swatch-wrapper {
border-radius: 50%;
display: inline-block;
position: relative;
vertical-align: middle
}
.docs-material-color-swatch-color {
box-shadow: 0 0 0 1px transparent
}
.docs-material-color-swatch-element {
border-radius: 50%;
height: 100%;
position: absolute;
width: 100%
}
.docs-material-color-swatch-wrapper-hover {
box-shadow: 0 0 0 1px #c8e7d1
}
.docs-material-color-swatch-wrapper-focused {
box-shadow: 0 0 0 1px #bbe2c6;
outline: none
}
.docs-material-color-swatch-border {
box-shadow: 0 0 0 1px #e8eaed
}
.docs-material-color-swatch-checkbox-background {
background-image: url(https://ssl.gstatic.com/docs/common/checkboard.png);
background-size: 10px
}
.docs-hc-gecko .docs-material-color-swatch-color {
border: 1px solid #dadce0
}
.docs-gm-labeled-color-picker {
color: #3c4043;
outline: none;
width: 100%
}
.docs-gm-labeled-color-picker-outer-box {
border: 1px solid #dadce0;
border-radius: 4px;
box-sizing: border-box;
cursor: pointer;
padding: 8px 6px 8px 8px;
width: 100%
}
.docs-gm-labeled-color-picker-focused .docs-gm-labeled-color-picker-outer-box {
background-color: rgba(60, 64, 67, 0.06);
border: 1px solid #dadce0
}
.docs-gm-labeled-color-picker .docs-gm-labeled-color-picker-outer-box {
width: auto
}
.docs-gm-labeled-color-picker-hover .docs-gm-labeled-color-picker-outer-box {
background-color: rgba(60, 64, 67, 0.04);
border: 1px solid #dadce0
}
.docs-gm-labeled-color-picker-open .docs-gm-labeled-color-picker-outer-box {
background-color: rgba(60, 64, 67, 0.04);
border: 1px solid transparent
}
.docs-material-gm-select-open.docs-material-gm-select-hover .docs-gm-labeled-color-picker-outer-box {
background-color: rgba(60, 64, 67, 0.06)
}
.docs-material-gm-select-open.docs-material-gm-select-focused .docs-gm-labeled-color-picker-outer-box {
background-color: rgba(60, 64, 67, 0.08)
}
.docs-gm-labeled-color-picker-disabled {
color: #5f6368;
opacity: .38;
cursor: default
}
.docs-gm-labeled-color-picker-disabled .docs-gm-labeled-color-picker-outer-box {
border: 1px solid #dadce0;
box-shadow: none;
cursor: default
}
.docs-gm-labeled-color-picker-inner-box {
align-items: center;
display: flex;
justify-content: space-between;
position: relative;
width: 100%
}
.docs-gm-labeled-color-picker-inner-box {
align-items: center;
display: flex;
justify-content: space-between;
position: relative;
width: 100%
}
.docs-gm-labeled-color-picker-caption {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
height: 20px;
line-height: 20px;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height: 22px;
width: 22px;
border-radius: 50%;
border: 1px solid #dadce0;
margin: 0;
outline: none
}
.docs-gm-labeled-color-picker-dropdown {
align-items: center;
display: flex;
height: 24px;
justify-content: center;
width: 24px
}
.docs-gm-labeled-color-picker-dropdown-icon {
background: no-repeat url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_medium.svg) -20px -10428px;
height: 18px;
width: 18px
}
.docs-gm-labeled-color-picker-open .docs-gm-labeled-color-picker-dropdown-icon {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.docs-gm-labeled-color-picker-label {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
margin-bottom: 8px;
display: inline-block
}
.docs-material-hsv-color-picker {
padding-bottom: 15px
}
.docs-material-hsv-color-picker.docs-material-hsv-color-picker-rgba-enabled {
padding: 8px 0 0 0
}
.docs-material-hsv-color-picker-information {
padding: 0 0 15px 0;
width: 100%
}
.docs-material-hsv-color-picker-rgba-enabled .docs-material-hsv-color-picker-information {
display: flex;
padding: 0;
width: 100%
}
.docs-material-info-element {
display: inline-block;
margin-right: 15px
}
.docs-material-hsv-color-picker-title {
text-transform: uppercase
}
.docs-material-hsv-color-picker-swatch-slider-wrapper {
align-items: center;
display: flex;
margin-top: 16px
}
.docs-material-hsv-color-picker.docs-material-hsv-color-picker-rgba-enabled .docs-material-color-slider {
padding: 0
}
.docs-material-hsv-color-picker.docs-material-hsv-color-picker-rgba-enabled .goog-slider-horizontal {
height: 10px
}
.docs-material-hsv-color-picker-sliders-wrapper {
display: flex;
flex-direction: column;
flex-grow: 1;
padding-left: 20px;
row-gap: 12px
}
.docs-material-hsv-color-picker-sliders-wrapper.docs-material-hsv-color-picker-sliders-wrapper-increased-gap {
row-gap: 18px
}
.docs-material-color-input-wrapper {
display: flex;
flex-direction: column
}
.docs-material-hsv-color-picker-text {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
padding: 10px 0 0 0
}
.docs-material-hsv-color-picker-rgba-enabled .docs-material-hsv-color-picker-text {
color: #5f6368;
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
padding: 16px 0 0 0
}
.docs-material-hsv-color-picker-input {
border: 1px solid #dadce0;
border-radius: 4px;
box-sizing: border-box;
color: #3c4043;
padding: 1px 8px;
font-size: 14px;
height: 36px;
margin: 8px 0;
width: 90px
}
.docs-material-hsv-color-picker-input:focus {
border: 2px solid #1a73e8;
box-shadow: none;
padding: 0px 7px
}
.docs-material-hsv-color-picker-eyedropper {
margin-left: 20px
}
.docs-material-hsv-color-picker-eyedropper .docs-material-button-hairline-primary,
.docs-material-hsv-color-picker-eyedropper .docs-material-button-hairline-primary.docs-material-button.docs-material-button-focused {
padding: 8px;
display: flex;
align-items: center;
margin: 0
}
.docs-material-hsv-color-picker-eyedropper .docs-icon {
width: 24px;
height: 24px;
margin-right: -1px
}
.docs-material-hue-slider-background {
background: linear-gradient(to right, hsl(0, 100%, 50%), hsl(60, 100%, 50%), hsl(120, 100%, 50%), hsl(180, 100%, 50%), hsl(240, 100%, 50%), hsl(300, 100%, 50%), hsl(360, 100%, 50%))
}
.docs-material-opacity-slider-checkbox-background {
background-image: url(https://ssl.gstatic.com/docs/common/checkboard.png);
background-size: 10px
}
.docs-material-rgba-color-input-wrapper {
margin-left: 8px
}
.docs-material-rgba-red-input,
.docs-material-rgba-green-input,
.docs-material-rgba-blue-input,
.docs-material-rgba-alpha-input {
width: 42.5px
}
.docs-material-color-picker-saturation-value-background {
border: 1px solid white;
box-sizing: border-box
}
.docs-material-color-picker-saturation-value {
height: 150px;
outline: none;
position: relative;
width: 100%
}
.docs-material-color-picker-overlay {
border-radius: 4px;
height: 100%;
left: 0;
position: absolute;
top: 0px;
width: 100%
}
.docs-material-color-picker-saturation-overlay {
background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 100%);
z-index: 1
}
.docs-material-color-picker-value-overlay {
background: linear-gradient(to bottom, transparent 0%, #000 100%);
z-index: 2
}
.goog-slider {
position: relative;
outline: 0
}
.goog-slider-horizontal {
height: 18px
}
.goog-slider-vertical {
width: 18px
}
.goog-slider-thumb {
background-color: #f5f5f5;
background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-transition: background-color 0.218s, border-color 0.218s, background-image 0.218s;
-moz-transition: background-color 0.218s, border-color 0.218s, background-image 0.218s;
-o-transition: background-color 0.218s, border-color 0.218s, background-image 0.218s;
transition: background-color 0.218s, border-color 0.218s, background-image 0.218s;
border: 1px solid #dcdcdc;
height: 16px;
position: absolute;
width: 16px
}
.goog-slider-thumb:hover {
background-color: #f8f8f8;
background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
border-color: #c6c6c6
}
.goog-slider-scale {
position: absolute
}
.goog-slider-horizontal .goog-slider-scale {
border-top: 1px solid #ccc;
top: 8px;
width: 100%
}
.goog-slider-vertical .goog-slider-scale {
border-left: 1px solid #ccc;
height: 100%;
left: 8px
}
.docs-slider {
margin-top: 6px;
position: relative;
outline: none
}
.docs-slider .goog-slider-thumb {
cursor: move;
position: absolute;
top: 0
}
.docs-slider:focus .goog-slider-thumb {
border-color: #4d90fe
}
.docs-slider .jfk-tooltip.top,
.docs-material-slider .docs-material-slider-tooltip {
border-radius: 1px;
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
font-size: 10px;
height: 10px;
line-height: 10px;
top: -26px;
transition-property: opacity, visibility;
transition-duration: .13s;
word-break: normal !important;
white-space: nowrap;
-moz-transition-property: opacity, visibility;
-moz-transition-duration: .13s;
-webkit-transition-property: opacity, visibility;
-webkit-transition-duration: .13s
}
.docs-gm .docs-slider .jfk-tooltip.top,
.docs-gm .docs-material-slider .docs-material-slider-tooltip {
display: block
}
.docs-gm .docs-material-slider .docs-material-slider-tooltip {
top: -40px
}
.docs-slider .docs-slider-hidden,
.docs-material-slider .docs-material-slider-hidden {
opacity: 0;
visibility: hidden
}
.docs-slider.goog-slider-disabled .goog-slider-thumb {
cursor: default;
border-color: #f1f1f1;
background: #fff
}
.docs-material-color-slider {
box-sizing: border-box;
outline: 0;
padding: 8px 0;
position: relative
}
.docs-material-color-slider-background {
border-radius: 4px;
display: inline-block;
height: 10px;
position: absolute;
width: 100%
}
.docs-material-color-slider-wrapper {
position: relative;
width: 100%
}
.docs-material-color-slider-thumb {
height: 16px;
pointer-events: inherit;
top: -5px;
width: 16px
}
.docs-material-color-slider-track {
left: 0;
position: absolute;
top: 0
}
.docs-material-color-slider-checkbox-background {
background-image: url(https://ssl.gstatic.com/docs/common/checkboard.png);
background-size: 10px
}
.docs-material-slider {
box-sizing: border-box;
padding: 8px;
position: relative;
outline: 0
}
.docs-material-slider-horizontal {
height: calc(30px + 2*8px);
min-width: 128px
}
.docs-material-slider-vertical {
width: calc(30px + 2*8px);
min-height: 128px
}
.docs-material-slider-wrapper {
position: absolute;
outline: 1px solid transparent
}
.docs-material-slider-horizontal .docs-material-slider-wrapper {
left: 8px;
height: 2px;
right: 8px;
top: 23px
}
.docs-material-slider-vertical .docs-material-slider-wrapper {
bottom: 8px;
left: 23px;
top: 8px;
width: 2px
}
.docs-material-slider-thumb {
pointer-events: inherit;
position: absolute
}
.docs-material-slider-horizontal .docs-material-slider-thumb {
top: 50%;
width: calc(2*8px)
}
.docs-material-slider-vertical .docs-material-slider-thumb {
left: 50%;
height: calc(2*8px)
}
.docs-material-slider-focus-ring {
background-color: rgba(66, 133, 244, 0.38);
border-radius: 50%;
left: calc(-0.5*30px);
height: 30px;
opacity: 0;
pointer-events: inherit;
position: absolute;
top: calc(-0.5*30px);
transform: scale(0);
transition: transform .4s cubic-bezier(.25, .8, .25, 1), opacity .4s cubic-bezier(.25, .8, .25, 1);
width: 30px;
outline: 1px solid transparent
}
.docs-material-slider-rtl .docs-material-slider-focus-ring {
left: inherit;
right: calc(-0.5*30px)
}
.docs-material-slider-thumb-grabber {
background-color: #4285f4;
border-color: #4285f4;
border-radius: 50%;
border-style: solid;
box-sizing: border-box;
cursor: pointer;
height: 20px;
position: absolute;
transform: scale(0.7);
transition: transform .4s cubic-bezier(.25, .8, .25, 1);
width: 20px
}
.docs-material-slider-horizontal.docs-material-slider-ltr .docs-material-slider-thumb-grabber {
bottom: calc(-0.5*20px);
left: calc(-0.5*20px)
}
.docs-material-slider-horizontal.docs-material-slider-rtl .docs-material-slider-thumb-grabber {
bottom: calc(-0.5*20px);
right: calc(-0.5*20px)
}
.docs-material-slider-vertical .docs-material-slider-thumb-grabber {
left: calc(-0.5*20px);
top: calc(-0.5*20px)
}
.docs-material-slider-track-wrapper {
left: 0px;
position: absolute;
top: 0px
}
.docs-material-slider-horizontal .docs-material-slider-track-wrapper {
height: 2px;
width: 100%
}
.docs-material-slider-vertical .docs-material-slider-track-wrapper {
height: 100%;
width: 2px
}
.docs-material-slider-track {
position: absolute
}
.docs-material-slider-horizontal .docs-material-slider-track {
height: 2px
}
.docs-material-slider-vertical .docs-material-slider-track {
width: 2px
}
.docs-hc-gecko .docs-material-slider.docs-material-slider-horizontal .docs-material-slider-track {
height: 0;
outline: solid 2px
}
.docs-hc-gecko .docs-material-slider.docs-material-slider-vertical .docs-material-slider-track {
width: 0;
outline: solid 2px
}
.docs-material-slider-track-on {
background-color: #4285f4
}
.docs-material-slider-track-off {
background-color: #bdbdbd
}
.docs-material-slider.goog-slider-disabled .docs-material-slider-thumb-grabber,
.docs-material-slider.goog-slider-disabled .docs-material-slider-track-on {
background-color: #bdbdbd;
border-color: #bdbdbd;
cursor: default
}
.docs-material-slider:not(.docs-material-slider-mouse-focused):not(.goog-slider-disabled):focus .docs-material-slider-focus-ring {
opacity: 1;
transform: scale(1)
}
.docs-material-slider.docs-material-slider-mouse-focused:not(.goog-slider-disabled) .docs-material-slider-thumb-grabber {
transform: scale(1)
}
.docs-material-slider-ltr.docs-material-slider-horizontal .docs-material-slider-track-on,
.docs-material-slider-rtl.docs-material-slider-horizontal .docs-material-slider-track-off {
left: 0px
}
.docs-material-slider-ltr.docs-material-slider-horizontal .docs-material-slider-track-off,
.docs-material-slider-rtl.docs-material-slider-horizontal .docs-material-slider-track-on {
right: 0px
}
.docs-material-slider-vertical .docs-material-slider-track-on {
bottom: 0px
}
.docs-material-slider-vertical .docs-material-slider-track-off {
top: 0px
}
.upsell-promo {
white-space: normal
}
.jfk-bubble-promo.docs-promo-bubble.upsell-promo {
background-color: #fafafa;
border: 1px solid transparent;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
box-shadow: rgba(255, 255, 255, .9) 0 1px 0 inset, rgba(0, 0, 0, .03) 0 -1px 0 inset, rgba(0, 0, 0, .15) 0 15px 10px, rgba(0, 0, 0, .3) 0 8px 36px;
padding: 0
}
.upsell-promo .docs-promo-header {
font-family: 'Google Sans', arial, sans-serif;
font-size: 16px;
font-weight: 500
}
.upsell-promo .docs-promo-container {
display: flex;
padding-left: 28px;
padding-right: 22px;
padding-top: 40px
}
.upsell-promo .docs-promo-action-row {
padding-bottom: 27px;
padding-right: 0
}
.upsell-promo-icon {
height: 100%;
padding-bottom: 16px;
padding-right: 28px;
width: 100px
}
.upsell-promo-cta-button {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
cursor: pointer;
margin: 4px
}
.upsell-promo-cta-button:hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #2a8947;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
.upsell-promo-cta-button:active {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #62a877;
box-shadow: 0 2px 6px 2px rgba(52, 168, 83, 0.15)
}
.upsell-promo-cta-button:focus {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #4f9e67;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
.upsell-promo-dismiss-button {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
border: 1px solid #dadce0 !important;
color: #137333;
cursor: pointer;
margin: 4px
}
.upsell-promo-dismiss-button:hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #f8fcf9;
border: 1px solid #c8e7d1 !important
}
.upsell-promo-dismiss-button:active {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
border: 1px solid transparent !important;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}
.upsell-promo-dismiss-button:focus {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #e7f5eb;
border: 1px solid #bbe2c6 !important
}
.addon-sidebar {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
background: #fff;
border-left: 1px solid #d9d9d9;
color: #222;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
outline: none;
position: absolute;
right: 0;
width: 300px
}
.addon-sidebar-header {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
background: #616161;
color: #fff;
font-size: 15px;
font-weight: 500;
padding: 10px 16px 9px 16px;
position: relative
}
.addon-sidebar-close {
cursor: pointer;
height: 21px;
position: absolute;
right: 13px;
top: 7px;
width: 21px
}
.addon-sidebar-content {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
height: 100%;
width: 300px;
overflow-y: overlay
}
.addon-sidebar-introduction {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.54);
font-size: 11px;
font-weight: 500;
line-height: 15px;
padding: 10px 16px 10px 16px
}
.addon-sidebar-banner {
display: inline-grid;
position: relative
}
.addon-sidebar-banner-image {
display: block;
height: auto;
width: 300px
}
.addon-sidebar-banner-image-overlay {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(30%, rgba(0, 0, 0, 0.01)), color-stop(50%, rgba(0, 0, 0, 0.03)), color-stop(70%, rgba(0, 0, 0, 0.06)), color-stop(90%, rgba(0, 0, 0, 0.09)), color-stop(96%, rgba(0, 0, 0, 0.11)), to(rgba(0, 0, 0, 0.13)));
background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 30%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.06) 70%, rgba(0, 0, 0, 0.09) 90%, rgba(0, 0, 0, 0.11) 96%, rgba(0, 0, 0, 0.13) 100%);
background-image: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.01) 30%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.06) 70%, rgba(0, 0, 0, 0.09) 90%, rgba(0, 0, 0, 0.11) 96%, rgba(0, 0, 0, 0.13) 100%);
bottom: 0;
position: absolute;
width: 300px;
height: 80px
}
.addon-sidebar-spinner {
position: fixed;
top: 50%;
width: 300px
}
.addon-sidebar-empty-caption {
position: fixed;
text-align: center;
top: 50%;
width: 300px
}
.addon-sidebar-empty-title {
color: rgba(0, 0, 0, 0.87);
font-size: 15px;
font-weight: 700;
line-height: 18px;
padding-bottom: 8px
}
.addon-sidebar-empty-description {
color: rgba(0, 0, 0, 0.5);
font-size: 13px;
font-weight: 500;
line-height: 18px
}
.addon-sidebar-card {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
outline: none;
padding: 14px 16px 8px 16px
}
.addon-sidebar-card-header {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding-bottom: 8px
}
.addon-sidebar-card-header-content {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: column;
width: 100%
}
.addon-sidebar-card-icon {
height: 24px;
padding-right: 16px;
padding-top: 2px;
width: 24px
}
.addon-sidebar-card-icon img {
height: 24px;
width: 24px
}
.addon-sidebar-card-title {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-moz-box-orient: vertical;
-moz-box-direction: normal;
flex-direction: row;
width: 100%
}
.addon-sidebar-card-title-caption.goog-control-focused {
outline: none;
text-decoration: underline
}
.addon-sidebar-card-title-caption.goog-control-hover {
text-decoration: underline
}
.addon-sidebar-card-title-caption {
color: rgba(0, 0, 0, 0.87);
cursor: pointer;
font-size: 15px;
font-weight: 500;
line-height: 20px;
margin-right: 9px;
max-height: 38px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.addon-sidebar-card-two-line-title-caption {
display: -webkit-box;
visibility: visible;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: normal;
word-break: break-word;
word-wrap: break-word
}
.addon-sidebar-card-check {
color: #455a64;
height: 18px;
margin: 1px 0 0 auto;
width: 18px
}
.addon-sidebar-card-category {
color: rgba(0, 0, 0, 0.54);
font-size: 13px;
font-weight: 400;
line-height: 20px
}
.addon-sidebar-card-summary {
color: rgba(0, 0, 0, 0.54);
font-size: 13px;
font-weight: 400;
line-height: 20px;
overflow: hidden;
padding: 0 0 8px 40px;
text-overflow: ellipsis
}
.addon-sidebar-with-banner .addon-sidebar-card {
border-bottom: none;
padding-top: 16px
}
.addon-sidebar-with-banner .addon-sidebar-card-header {
padding-bottom: 16px
}
.addon-sidebar-with-banner .addon-sidebar-card-title-caption {
max-width: 194px
}
.addon-sidebar-with-banner .addon-sidebar-card-icon {
height: 40px;
padding-top: 0px;
width: 40px
}
.addon-sidebar-with-banner .addon-sidebar-card-icon img {
height: 40px;
width: 40px
}
.addon-sidebar-with-banner .addon-sidebar-card-title {
font-size: 16px
}
.addon-sidebar-with-banner .addon-sidebar-card-summary {
font-size: 14px;
padding: 0 0 24px 0
}
.addon-sidebar-card-button.docs-material-button-flat-primary,
.addon-sidebar-card-menu-button.docs-material-menu-button-flat-primary {
margin-left: 32px
}
.addon-sidebar-card-button.docs-material-button-raised-primary,
.addon-sidebar-card-menu-button.docs-material-menu-button-raised-primary {
margin-left: 0px
}
.addon-sidebar-card-button.docs-material-button-flat-primary,
.addon-sidebar-card-button.docs-material-button-raised-primary {
height: 32px;
line-height: 32px
}
.addon-sidebar-card-button.docs-material-button-flat-primary {
padding: 0 8px
}
.addon-sidebar-card-menu-button.docs-material-menu-button-flat-primary,
.addon-sidebar-card-menu-button.docs-material-menu-button-raised-primary {
height: 32px;
line-height: 32px
}
.addon-sidebar-card-menu-button.docs-material-menu-button-flat-primary {
padding: 0 2px 0 8px
}
.addon-sidebar-card-menu-button .docs-material-menu-button-flat-primary-caption,
.addon-sidebar-card-menu-button .docs-material-menu-button-raised-primary-caption {
line-height: 32px
}
.addon-sidebar-card-menu-button .docs-material-menu-button-flat-primary-dropdown,
.addon-sidebar-card-menu-button .docs-material-menu-button-raised-primary-dropdown {
margin-top: 3px
}
.goog-menuitem.addon-sidebar-menu-item-with-flat,
.goog-menuitem.addon-sidebar-menu-item-with-raised {
padding-right: 30px
}
.addon-sidebar-menu-item-with-flat .goog-menuitem-content {
max-width: 174px;
overflow: hidden;
text-overflow: ellipsis
}
.addon-sidebar-menu-item-with-raised .goog-menuitem-content {
max-width: 206px;
overflow: hidden;
text-overflow: ellipsis
}
.script-application-sidebar {
background: #fff;
border-left: 1px solid #d9d9d9;
color: #222;
position: absolute;
right: 0;
width: 300px
}
.script-application-sidebar-header {
background: #616161;
border: 1px solid #616161;
color: #fff;
font-size: 13px;
font-weight: bold;
height: 15px;
padding: 10px 0 10px 12px;
position: relative
}
.script-application-sidebar-close {
cursor: pointer;
position: absolute;
right: 6px;
top: 8px
}
.script-application-sidebar-content {
bottom: 0;
position: absolute;
top: 37px;
width: 100%
}
#docs-script-button-bar .jfk-button {
margin-right: 9px
}
.docs-script-button-bar-text {
color: #777;
display: inline-block;
margin-left: 10px;
margin-right: 20px;
max-width: 55px;
outline: none;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: text-bottom;
white-space: nowrap
}
.docs-script-button-bar-text:hover {
cursor: pointer;
text-decoration: underline
}
.docs-script-button-bar-bubble {
width: 175px
}
.docs-script-button-bar-bubble-content {
text-align: left;
white-space: normal
}
.script-errorfield {
border-color: #dd4b39 !important
}
.script-errormsg {
color: #dd4b39 !important
}
.script-promo-menu-item {
border: 0;
min-height: 90px;
max-width: 354px;
padding: 1px 0 !important
}
[class*=docs-hc] .script-promo-menu-item.goog-menuitem-highlight {
padding: 0 !important
}
.script-promo-menu-item-content {
vertical-align: middle;
padding: 10px 20px
}
.script-promo-menu-item-description {
color: #4a4a4a;
font-size: 13px
}
.script-promo-menu-item-icon {
display: inline-block;
height: 75px;
vertical-align: middle;
width: 75px
}
.script-promo-menu-item-text {
display: inline-block;
max-width: 170px;
padding-left: 10px;
vertical-align: middle;
white-space: pre-line
}
.script-promo-menu-item-title {
color: #222222;
font-weight: bold;
font-size: 18px
}
.func-entry {
border-top: 1px solid #ffffff;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #e5e5e5;
cursor: default;
outline: none
}
.func-entry:focus {
border: 1px solid #4d90fe !important
}
.func-entry-checked {
border-top: 1px solid #ffc;
border-left: 1px solid #ffc;
border-right: 1px solid #ffc;
border-bottom: 1px solid #e5e5e5;
background-color: #ffc
}
.func-entry-func,
.func-entry-lib {
width: 305px;
margin-left: 5px;
padding-top: 4px;
padding-bottom: 4px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.func-entry-rb {
float: left;
padding-left: 8px;
width: 18px;
height: 26px
}
.func-entry-rb {
background-image: url(//ssl.gstatic.com/ui/v1/radiobutton/unchecked.png);
background-position: center center;
background-repeat: no-repeat
}
.func-entry-checked .func-entry-rb {
background-image: url(//ssl.gstatic.com/ui/v1/radiobutton/checked.png)
}
.modal-dialog.docs-dialog.gsm-widget {
border: 0;
border-radius: 0;
box-shadow: none;
padding: 0
}
.modal-dialog.docs-dialog.gsm-widget .modal-dialog-title {
display: none;
height: 0;
margin: 0
}
.gsm-widget .modal-dialog-buttons {
display: none
}
.gsm-widget .modal-dialog-content {
background-color: transparent
}
.script-help-dialog {
min-width: 392px
}
.script-help-dialog-content-left {
border: 1px solid #e5e5e5;
height: 160px;
overflow-y: auto;
vertical-align: top;
width: 254px
}
.script-help-dialog-content-section {
padding: 16px
}
.script-help-dialog-content-left-gsm-onhold {
background-color: rgb(250, 210, 207)
}
.script-help-dialog-content-title {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
font-weight: 700;
padding-bottom: 8px
}
.script-help-dialog-content-title-caution-icon {
padding-right: 4px
}
.script-help-dialog-buttons {
min-width: 102px;
max-width: 200px;
padding-left: 16px;
vertical-align: top
}
.script-help-dialog-buttons .jfk-button {
display: block;
margin-right: 0px;
margin-bottom: 16px;
padding: 0px 8px 0px 8px;
width: 100%
}
.script-manager-box {
border: none;
height: 450px;
width: 700px
}
.script-prompt-contents DIV {
min-width: 300px;
max-width: 700px;
max-height: 350px;
overflow: auto
}
.script-prompt-contents INPUT {
width: 100%
}
.script-app-dialog {
z-index: 1003
}
.script-app-contents {
padding: 0px
}
.script-error-message {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: text-bottom;
white-space: nowrap
}
.script-error-dialog-content {
max-height: 400px;
max-width: 600px;
overflow: auto
}
.script-reportissue-dialog-content {
width: 456px
}
.script-reportissue-dialog-description {
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: arial, sans-serif;
height: 100px;
resize: none;
vertical-align: top;
width: 100%
}
.script-reportissue-dialog-nonanonymous-control {
vertical-align: top;
width: 20px
}
.script-reportissue-dialog-nonanonymous-label {
vertical-align: top;
width: 436px
}
.script-reportissue-dialog-nonanonymous-optional-text {
color: #777
}
.script-explorer-contents {
height: 350px;
width: 700px;
overflow: hidden
}
.func-header {
width: 100%;
border-top: 1px solid #e5e5e5;
color: #555;
cursor: default;
font-weight: bold;
text-transform: uppercase
}
.func-actions {
margin-bottom: 14px
}
#func-action-new {
margin-right: 22px !important
}
#func-action-reload {
position: absolute;
right: 26px;
width: 45px
}
#func-action-reload .docs-icon {
opacity: 0.7
}
.func-header-func,
.func-header-lib {
width: 307px;
margin-left: 5px;
padding-top: 4px;
padding-bottom: 4px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden
}
.func-header-rb {
width: 26px
}
.func-entries {
max-height: 272px;
border-top: 1px solid #e5e5e5;
overflow-x: hidden;
overflow-y: auto
}
.func-entries:focus {
outline: none
}
.func-none,
.func-loading {
width: 640px;
cursor: default;
padding-top: 4px;
padding-bottom: 4px
}
.func-none {
margin-left: 30px
}
.func-loading {
background: transparent url(//ssl.gstatic.com/docs/script/images/spin-wait.gif) no-repeat 0 4px;
padding-left: 20px;
margin-left: 12px
}
.webstore-widget {
padding: 0
}
.webstore-widget .modal-dialog-title {
border-bottom: 1px solid #acacac;
margin: 0;
padding: 16px 12px
}
.docs-material-menu-button-flat-primary,
.docs-material-menu-button-flat-default,
.docs-material-menu-button-raised-primary,
.docs-material-menu-button-raised-default {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 2px;
border: 1px solid transparent;
cursor: pointer;
display: inline-block;
font: 500 13px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
height: 32px;
line-height: 30px;
margin: 0 4px;
text-transform: uppercase;
vertical-align: middle
}
.docs-material-menu-button-raised-primary,
.docs-material-menu-button-raised-default {
padding: 0 6px 0 16px
}
.docs-material-menu-button-flat-primary,
.docs-material-menu-button-flat-default {
padding: 0 0 0 8px
}
.docs-material-menu-button-flat-primary {
color: #4285f4
}
.docs-material-menu-button-flat-primary-hover {
background-color: rgba(66, 133, 244, 0.12)
}
.docs-material-menu-button-flat-primary-active {
background-color: rgba(66, 133, 244, 0.32);
color: #3387d6
}
.docs-material-menu-button-flat-primary-focused {
border: 1px solid #4285f4;
outline: none
}
.docs-material-menu-button-flat-default {
background-color: #fff;
color: rgba(0, 0, 0, 0.54)
}
.docs-material-menu-button-flat-default-hover {
background-color: rgba(102, 102, 102, 0.2)
}
.docs-material-menu-button-flat-default-active {
background-color: rgba(0, 0, 0, 0.2);
color: rgba(0, 0, 0, 0.87)
}
.docs-material-menu-button-flat-default-focused {
border: 1px solid #4285f4;
outline: none
}
.docs-material-menu-button-raised-primary {
background-color: #4285f4;
color: #fff
}
.docs-material-menu-button-raised-primary-hover,
.docs-material-menu-button-raised-default-hover {
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px 0px rgba(0, 0, 0, 0.2)
}
.docs-material-menu-button-raised-primary-active,
.docs-material-menu-button-raised-default-active {
box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px -1px rgba(0, 0, 0, 0.2)
}
.docs-material-menu-button-raised-primary-active {
background-color: #3387d6
}
.docs-material-menu-button-raised-primary-focused {
background-color: #4285f4;
border: 1px inset rgba(0, 0, 0, 0.38);
outline: none
}
.docs-material-menu-button-raised-default {
background-color: rgba(0, 0, 0, 0.04);
color: rgba(0, 0, 0, 0.54)
}
.docs-material-menu-button-raised-default-active {
background-color: rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87)
}
.docs-material-menu-button-raised-default-focused {
border: 1px solid #4285f4;
color: rgba(0, 0, 0, 0.54);
outline: none
}
.docs-material-menu-button-flat-primary-disabled,
.docs-material-menu-button-flat-default-disabled,
.docs-material-menu-button-raised-default-disabled {
background-color: #fff;
color: rgba(0, 0, 0, 0.26);
cursor: auto
}
.docs-material-menu-button-raised-primary-disabled {
background-color: rgba(0, 0, 0, 0.12);
color: #fff;
cursor: auto
}
.docs-material-menu-button-flat-primary-disabled,
.docs-material-menu-button-flat-default-disabled,
.docs-material-menu-button-raised-default-disabled,
.docs-material-menu-button-raised-primary-disabled {
box-shadow: none
}
.docs-material-menu-button-flat-default-caption,
.docs-material-menu-button-flat-primary-caption,
.docs-material-menu-button-raised-default-caption,
.docs-material-menu-button-raised-primary-caption {
float: left;
vertical-align: middle
}
.docs-material-menu-button-flat-default-dropdown,
.docs-material-menu-button-flat-primary-dropdown {
height: 24px;
margin: 3px 0 3px 2px
}
.docs-material-menu-button-raised-default-dropdown,
.docs-material-menu-button-raised-primary-dropdown {
height: 24px;
margin: 3px 0 3px 8px
}
.docs-material-menu-button-raised-primary-dropdown-icon {
fill: #fff
}
.docs-material-menu-button-flat-default-dropdown-icon,
.docs-material-menu-button-raised-default-dropdown-icon {
fill: rgba(0, 0, 0, 0.54)
}
.docs-material-menu-button-flat-primary-dropdown-icon {
fill: #4285f4;
opacity: 0.54
}
.docs-material-menu-button-raised-default-disabled .docs-material-menu-button-raised-default-dropdown-icon,
.docs-material-menu-button-flat-default-disabled .docs-material-menu-button-flat-default-dropdown-icon,
.docs-material-menu-button-flat-primary-disabled .docs-material-menu-button-flat-primary-dropdown-icon {
fill: rgba(0, 0, 0, 0.26);
opacity: 1
}
.encrypted-create-dialog.modal-dialog {
height: 242px;
width: 390px
}
.encrypted-create-dialog.modal-dialog:focus {
outline: 0
}
.encrypted-create-dialog .modal-dialog-content {
font-size: 14px;
height: 100px;
letter-spacing: 0.2px;
line-height: 20px;
width: 392px
}
.encrypted-create-dialog .modal-dialog-title-close {
visibility: hidden
}
.drive-encrypted-create-dialog-bg.modal-dialog-bg {
opacity: 0.5 !important
}
.encrypted-create-dialog .modal-dialog-buttons {
bottom: 24px;
position: absolute;
right: 24px
}
.encrypted-create-dialog .docsshared-cb-wrapper {
font-size: 14px;
line-height: 20px;
letter-spacing: 0.2px;
margin-top: 15px
}
.encrypted-create-dialog .docs-encrypted-create-dialog-cb .jfk-checkbox {
padding: 2px
}
.encrypted-create-dialog .docs-encrypted-create-dialog-cb .jfk-checkbox-checkmark {
left: -1px;
top: -1px
}
.encrypted-create-dialog .docs-encrypted-create-dialog-cb .docsshared-cb-label {
padding-left: 8px
}
.encrypted-create-dialog .drive-encrypted-create-dialog-cb .jfk-checkbox-checkmark {
top: 1px
}
.encrypted-create-dialog .drive-encrypted-create-dialog-cb .jfk-checkbox {
height: 19px;
width: 19px
}
.active-account-dialog-email {
font-weight: 500;
word-break: break-all
}
.active-account-dialog .modal-dialog-content {
display: flex
}
.active-account-dialog-display-name {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 12px;
padding: 8px;
display: flex;
align-items: center
}
.active-account-dialog-avatar {
background-color: #9aa0a6;
border-radius: 50%;
object-fit: cover;
height: 32px;
width: 32px
}
.active-account-dialog .modal-dialog-buttons {
margin-top: 32px
}
.modal-dialog.active-account-dialog {
display: table;
max-width: 464px;
table-layout: fixed
}
.goog-checkbox {
border: 1px solid #1c5180;
display: -moz-inline-box;
display: inline-block;
font-size: 1px;
height: 11px;
margin: 0 4px 0 1px;
vertical-align: text-bottom;
width: 11px
}
.goog-checkbox-checked {
background: #fff url(//ssl.gstatic.com/closure/check-sprite.gif) no-repeat 2px center
}
.goog-checkbox-undetermined {
background: #bbb url(//ssl.gstatic.com/closure/check-sprite.gif) no-repeat 2px center
}
.goog-checkbox-unchecked {
background: #fff
}
.goog-checkbox-disabled {
border: 1px solid lightgray;
background-position: -7px
}
.jfk-checkbox {
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
background-color: rgba(255, 255, 255, .05);
border: 1px solid #c6c6c6;
border: 1px solid rgba(155, 155, 155, .57);
font-size: 1px;
height: 11px;
margin: 0px 4px 0px 1px;
outline: 0;
vertical-align: text-bottom;
width: 11px
}
.jfk-checkbox-undetermined {
background-color: #fff;
background-color: rgba(255, 255, 255, .65)
}
.jfk-checkbox-checked {
background-color: #fff;
background-color: rgba(255, 255, 255, .65)
}
.jfk-checkbox-hover {
-webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .1);
box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .1);
border: 1px solid #b2b2b2
}
.jfk-checkbox-active {
background-color: #ebebeb
}
.jfk-checkbox-focused {
border: 1px solid #4d90fe
}
.jfk-checkbox-clearOutline.jfk-checkbox-focused {
border: 1px solid #c6c6c6;
border: 1px solid rgba(155, 155, 155, .57)
}
.jfk-checkbox-disabled,
.jfk-checkbox-clearOutline.jfk-checkbox-disabled {
background-color: #fff;
border: 1px solid #f1f1f1;
cursor: default
}
.jfk-checkbox-checkmark {
height: 15px;
outline: 0;
width: 15px;
left: 0;
position: relative;
top: -3px
}
.jfk-checkbox-undetermined .jfk-checkbox-checkmark {
background: url(//ssl.gstatic.com/ui/v1/menu/checkmark-partial.png) no-repeat -5px -3px;
background-image: -webkit-image-set(url(//ssl.gstatic.com/ui/v1/menu/checkmark-partial.png) 1x, url(//ssl.gstatic.com/ui/v1/menu/checkmark-partial_2x.png) 2x)
}
.jfk-checkbox-checked .jfk-checkbox-checkmark {
background: url(//ssl.gstatic.com/ui/v1/menu/checkmark.png) no-repeat -5px -3px;
background-image: -webkit-image-set(url(//ssl.gstatic.com/ui/v1/menu/checkmark.png) 1x, url(//ssl.gstatic.com/ui/v1/menu/checkmark_2x.png) 2x)
}
.jfk-colormenu.goog-menu {
padding: 0
}
.jfk-palette {
cursor: default;
outline: none
}
.jfk-palette-table {
empty-cells: show;
margin: 16px
}
.jfk-palette-cell {
border: 1px solid transparent;
cursor: pointer;
margin: 0;
position: relative
}
.jfk-palette-cell-hover {
border: 1px solid #000
}
.jfk-palette-cell-selected {
outline: 1px solid #000
}
.jfk-palette-colorswatch {
height: 16px;
width: 16px
}
.jfk-palette-cell-selected>.jfk-palette-colorswatch {
background: url(//ssl.gstatic.com/ui/v1/colorpicker/checkmark.png) no-repeat 50% 50%
}
.jfk-colorwell {
border: 1px solid #d9d9d9
}
.jfk-butterBar {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
-webkit-transition: all 0s linear 1s, opacity 1s;
-moz-transition: all 0s linear 1s, opacity 1s;
-o-transition: all 0s linear 1s, opacity 1s;
transition: all 0s linear 1s, opacity 1s;
border-style: solid;
border-width: 0;
font-size: 11px;
height: 0;
opacity: 0;
visibility: hidden;
overflow: hidden;
padding: 0;
text-align: center
}
.jfk-butterBar-info {
background-color: #f9edbe;
border-color: #f0c36d;
color: #333
}
.jfk-butterBar-error {
background-color: #484848;
border-color: #202020;
color: #fff
}
.jfk-butterBar-promo {
background-color: #d6e9f8;
border-color: #4d90f0;
color: #333
}
.jfk-butterBar-warning {
background-color: #dd4b39;
border-color: #602019;
color: #fff
}
.jfk-butterBar-shown {
-webkit-transition: opacity 0.218s;
-moz-transition: opacity 0.218s;
-o-transition: opacity 0.218s;
transition: opacity 0.218s;
border-width: 1px;
min-height: 14px;
height: auto;
opacity: 1;
visibility: visible;
padding: 6px 16px
}
.jfk-butterBar-mini.jfk-butterBar-shown {
padding: 2px 16px
}
.goog-toolbar {
background: #f5f5f5;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #ebebeb;
outline: 0;
padding: 8px 0 4px 0;
position: relative;
zoom: 1
}
.jfk-freestanding-menu-button {
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
background: url(//ssl.gstatic.com/ui/v1/disclosure/light-grey-disclosure-arrow-down.png) center no-repeat;
border: 1px solid #e5e5e5;
height: 11px;
width: 11px;
cursor: pointer
}
.jfk-freestanding-menu-button-hover,
.jfk-freestanding-menu-button-active,
.jfk-freestanding-menu-button-open {
background: url(//ssl.gstatic.com/ui/v1/disclosure/dark-grey-disclosure-arrow-down.png) center no-repeat #eee;
border-color: #c6c6c6
}
.jfk-select .goog-flat-menu-button-caption {
overflow: hidden;
width: 100%
}
.jfk-select .goog-flat-menu-button-dropdown {
background: url(//ssl.gstatic.com/ui/v1/disclosure/grey-disclosure-arrow-up-down.png) center no-repeat;
border: none;
height: 11px;
margin-top: -4px;
width: 7px
}
.jfk-progressStatus {
color: #202020
}
.jfk-progressText {
color: #999
}
.jfk-progressStatus,
.jfk-progressText {
line-height: 18px
}
.jfk-progressBar-blocking .progress-bar-horizontal,
.jfk-progressBar-nonBlocking .progress-bar-horizontal {
border: 1px solid #999;
padding: 1px;
width: 320px
}
.jfk-progressBar-blocking .progress-bar-thumb {
background-color: #6188f5;
height: 5px
}
.jfk-progressBar-nonBlocking .progress-bar-thumb {
background-color: #ccc;
height: 5px
}
.jfk-progressBar-blocking.jfk-progressBar-tall .progress-bar-thumb,
.jfk-progressBar-nonBlocking.jfk-progressBar-tall .progress-bar-thumb {
height: 8px
}
.jfk-progressBar-blocking .progress-bar-thumb {
-webkit-animation: jfk-progressBar-bg 0.8s linear 0s infinite;
-moz-animation: jfk-progressBar-bg 0.8s linear 0s infinite;
-o-animation: jfk-progressBar-bg 0.8s linear 0s infinite;
animation: jfk-progressBar-bg 0.8s linear 0s infinite;
background-position: 0 0;
background-repeat: repeat-x;
background-size: 16px 8px;
background-color: #6188f5;
background-image: -webkit-linear-gradient(315deg, transparent, transparent 33%, rgba(0, 0, 0, .12) 33%, rgba(0, 0, 0, .12) 66%, transparent 66%, transparent);
background-image: -moz-linear-gradient(315deg, transparent, transparent 33%, rgba(0, 0, 0, .12) 33%, rgba(0, 0, 0, .12) 66%, transparent 66%, transparent);
background-image: -ms-linear-gradient(315deg, transparent, transparent 33%, rgba(0, 0, 0, .12) 33%, rgba(0, 0, 0, .12) 66%, transparent 66%, transparent);
background-image: -o-linear-gradient(315deg, transparent, transparent 33%, rgba(0, 0, 0, .12) 33%, rgba(0, 0, 0, .12) 66%, transparent 66%, transparent);
background-image: linear-gradient(315deg, transparent, transparent 33%, rgba(0, 0, 0, .12) 33%, rgba(0, 0, 0, .12) 66%, transparent 66%, transparent)
}
.jfk-progressBar-blocking.jfk-progressBar-tall .progress-bar-thumb {
-webkit-animation: jfk-progressBar-bg-tall 0.8s linear 0s infinite;
-moz-animation: jfk-progressBar-bg-tall 0.8s linear 0s infinite;
-o-animation: jfk-progressBar-bg-tall 0.8s linear 0s infinite;
animation: jfk-progressBar-bg-tall 0.8s linear 0s infinite;
background-size: 20px 10px
}
@-webkit-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
}
}
@keyframes jfk-progressBar-bg-tall {
0% {
background-position: 0 0
}
100% {
background-position: -20px 0
}
}
.jfk-progressbar .progress-bar-horizontal,
.jfk-progressbar .progress-bar-vertical {
border-color: #999
}
.jfk-progressbar .progress-bar-thumb {
background-color: #ccc
}
.jfk-radiobutton {
display: inline-block;
outline: none;
padding: 5px 7px;
position: relative
}
.jfk-radiobutton-radio {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: url(//ssl.gstatic.com/ui/v1/radiobutton/unchecked.png) -3px -3px;
background: rgba(255, 255, 255, 0);
border: 1px solid rgba(198, 198, 198, 1);
height: 15px;
left: 7px;
margin: 0;
outline: none;
position: absolute;
text-align: left;
top: 6px;
width: 15px
}
.jfk-radiobutton:active .jfk-radiobutton-radio {
background: rgba(235, 235, 235, 1);
border-color: rgba(182, 182, 182, 1)
}
.jfk-radiobutton:hover .jfk-radiobutton-radio {
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1);
border-color: rgba(182, 182, 182, 1)
}
.jfk-radiobutton:focus .jfk-radiobutton-radio {
border-color: rgba(77, 144, 254, 1)
}
.jfk-radiobutton-checked .jfk-radiobutton-radio {
background: url(//ssl.gstatic.com/ui/v1/radiobutton/checked.png) -3px -3px;
background: rgba(255, 255, 255, 0)
}
.jfk-radiobutton.jfk-radiobutton:focus .jfk-radiobutton-radio {
background: url(//ssl.gstatic.com/ui/v1/radiobutton/unchecked_focused.png) -3px -3px;
background: rgba(255, 255, 255, 0)
}
.jfk-radiobutton-checked.jfk-radiobutton:focus .jfk-radiobutton-radio {
background: url(//ssl.gstatic.com/ui/v1/radiobutton/checked_focused.png) -3px -3px;
background: rgba(255, 255, 255, 0)
}
.jfk-radiobutton-checked .jfk-radiobutton-radio::after {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: rgba(96, 96, 96, 1);
border: 2px solid #606060;
box-sizing: border-box;
content: '';
display: block;
height: 7px;
left: 3px;
position: relative;
top: 3px;
width: 7px
}
.jfk-radiobutton .jfk-radiobutton-label {
display: block;
cursor: default;
margin-left: 22px
}
.jfk-radiobutton-disabled .jfk-radiobutton-radio {
background: url(//ssl.gstatic.com/ui/v1/radiobutton/unchecked-disabled.png) -3px -3px;
background: rgba(255, 255, 255, 0);
border-color: rgba(241, 241, 241, 1)
}
.jfk-radiobutton-disabled.jfk-radiobutton-checked .jfk-radiobutton-radio {
background: url(//ssl.gstatic.com/ui/v1/radiobutton/checked-disabled.png) -3px -3px;
background: rgba(255, 255, 255, 0)
}
.jfk-radiobutton-disabled.jfk-radiobutton-checked .jfk-radiobutton-radio::after {
background: rgba(184, 184, 184, 1)
}
.jfk-radiobutton-disabled .jfk-radiobutton-label {
color: rgb(184, 184, 184)
}
.jfk-radiobutton-disabled:active .jfk-radiobutton-radio,
.jfk-radiobutton-disabled:hover .jfk-radiobutton-radio {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: rgba(255, 255, 255, 1);
border-color: rgba(241, 241, 241, 1)
}
::-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)
}
.jfk-scrollbar-dark::-webkit-scrollbar-track:hover {
background-color: rgba(255, 255, 255, .1);
box-shadow: inset 1px 0 0 rgba(255, 255, 255, .2)
}
.jfk-scrollbar-dark::-webkit-scrollbar-track:horizontal:hover {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2)
}
.jfk-scrollbar-dark::-webkit-scrollbar-track:active {
background-color: rgba(255, 255, 255, .1);
box-shadow: inset 1px 0 0 rgba(255, 255, 255, .25), inset -1px 0 0 rgba(255, 255, 255, .15)
}
.jfk-scrollbar-dark::-webkit-scrollbar-track:horizontal:active {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), inset 0 -1px 0 rgba(255, 255, 255, .15)
}
::-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, 0.5);
box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35)
}
.jfk-scrollbar-dark::-webkit-scrollbar-thumb {
background-color: rgba(255, 255, 255, .3);
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .15), inset 0 -1px 0 rgba(255, 255, 255, .1)
}
.jfk-scrollbar-dark::-webkit-scrollbar-thumb:horizontal {
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .15), inset -1px 0 0 rgba(255, 255, 255, .1)
}
.jfk-scrollbar-dark::-webkit-scrollbar-thumb:hover {
background-color: rgba(255, 255, 255, .6);
box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .37)
}
.jfk-scrollbar-dark::-webkit-scrollbar-thumb:active {
background-color: rgba(255, 255, 255, .75);
box-shadow: inset 1px 1px 3px rgba(255, 255, 255, .5)
}
.jfk-scrollbar-borderless::-webkit-scrollbar-track {
border-width: 0 1px 0 6px
}
.jfk-scrollbar-borderless::-webkit-scrollbar-track:horizontal {
border-width: 6px 0 1px
}
.jfk-scrollbar-borderless::-webkit-scrollbar-track:hover {
background-color: rgba(0, 0, 0, .035);
box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .14), inset -1px -1px 0 rgba(0, 0, 0, .07)
}
.jfk-scrollbar-borderless.jfk-scrollbar-dark::-webkit-scrollbar-track:hover {
background-color: rgba(255, 255, 255, .07);
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .25), inset -1px -1px 0 rgba(255, 255, 255, .15)
}
.jfk-scrollbar-borderless::-webkit-scrollbar-thumb {
border-width: 0 1px 0 6px
}
.jfk-scrollbar-borderless::-webkit-scrollbar-thumb:horizontal {
border-width: 6px 0 1px
}
::-webkit-scrollbar-corner {
background: transparent
}
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)
}
.jfk-twothumbslider {
position: relative;
outline: 0
}
.goog-twothumbslider-horizontal {
height: 18px
}
.goog-twothumbslider-vertical {
width: 18px
}
.goog-twothumbslider-horizontal .goog-twothumbslider-value-thumb,
.goog-twothumbslider-horizontal .goog-twothumbslider-extent-thumb {
position: absolute;
height: 0;
width: 16px
}
.goog-twothumbslider-vertical .goog-twothumbslider-value-thumb,
.goog-twothumbslider-vertical .goog-twothumbslider-extent-thumb {
position: absolute;
height: 16px;
width: 0
}
.jfk-slider-thumbimpl {
background-color: #999;
border: 1px solid #999;
-webkit-transition: background-color 0.218s, border-color 0.218s, background-image 0.218s;
-moz-transition: background-color 0.218s, border-color 0.218s, background-image 0.218s;
-o-transition: background-color 0.218s, border-color 0.218s, background-image 0.218s;
transition: background-color 0.218s, border-color 0.218s, background-image 0.218s
}
.jfk-twothumbslider:hover .jfk-slider-thumbimpl,
.jfk-twothumbslider.goog-slider-dragging .jfk-slider-thumbimpl {
background-color: #fff
}
.jfk-twothumbslider.goog-slider-dragging .goog-slider-thumb-dragging .jfk-slider-thumbimpl {
background-color: #535252;
border-color: #535252
}
.goog-twothumbslider-horizontal .jfk-slider-thumbimpl {
height: 16px;
width: 8px
}
.goog-twothumbslider-horizontal .goog-twothumbslider-value-thumb .jfk-slider-thumbimpl {
-webkit-border-radius: 8px 0 0 8px;
-moz-border-radius: 8px 0 0 8px;
border-radius: 8px 0 0 8px
}
.goog-twothumbslider-horizontal .goog-twothumbslider-extent-thumb .jfk-slider-thumbimpl {
-webkit-border-radius: 0 8px 8px 0;
-moz-border-radius: 0 8px 8px 0;
border-radius: 0 8px 8px 0;
margin-left: 8px
}
.goog-twothumbslider-vertical .jfk-slider-thumbimpl {
height: 8px;
width: 16px
}
.goog-twothumbslider-vertical .goog-twothumbslider-value-thumb .jfk-slider-thumbimpl {
margin-top: 8px;
-webkit-border-radius: 0 0 8px 8px;
-moz-border-radius: 0 0 8px 8px;
border-radius: 0 0 8px 8px
}
.goog-twothumbslider-vertical .goog-twothumbslider-extent-thumb .jfk-slider-thumbimpl {
-webkit-border-radius: 8px 8px 0 0;
-moz-border-radius: 8px 8px 0 0;
border-radius: 8px 8px 0 0
}
.jfk-slider-scale {
background-color: #e5e5e5;
position: absolute;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px
}
.goog-twothumbslider-horizontal .jfk-slider-scale {
height: 6px;
top: 6px;
width: 100%
}
.goog-twothumbslider-vertical .jfk-slider-scale {
height: 100%;
left: 6px;
width: 6px
}
.goog-twothumbslider-rangehighlight {
background-color: #c6c6c6;
position: absolute;
-webkit-transition: background-color 0.218s, border-color 0.218s, background-image 0.218s;
-moz-transition: background-color 0.218s, border-color 0.218s, background-image 0.218s;
-o-transition: background-color 0.218s, border-color 0.218s, background-image 0.218s;
transition: background-color 0.218s, border-color 0.218s, background-image 0.218s
}
.jfk-twothumbslider:hover .goog-twothumbslider-rangehighlight,
.jfk-twothumbslider.goog-slider-dragging .goog-twothumbslider-rangehighlight {
background-color: #535252
}
.jfk-twothumbslider.goog-slider-dragging .goog-twothumbslider-rangehighlight {
background-image: url(//ssl.gstatic.com/ui/v1/slider/rangehighlight-active-gray.png)
}
.goog-twothumbslider-horizontal .goog-twothumbslider-rangehighlight {
height: 6px;
top: 6px
}
.goog-twothumbslider-vertical .goog-twothumbslider-rangehighlight {
left: 6px;
width: 6px
}
.docs-butterbar-container {
font-weight: 500;
height: 0;
position: absolute;
text-align: center;
top: 32px;
width: 100%;
z-index: 999
}
.docs-hub-butterbar {
top: 57px
}
.docs-gm .docs-butterbar-container {
font-weight: normal;
font-weight: var(--docs-material-font-weight-normal, normal)
}
.docs-butterbar-container.docs-butterbar-container-compact {
top: 50px
}
.docs-butterbar-wrap {
display: inline-block;
padding-bottom: 8px
}
.docs-gm .jfk-butterBar {
align-items: center;
border-radius: 4px;
border-style: none;
display: flex;
font-size: 13px;
font-size: var(--docs-material-font-size-normal, 13px);
height: fit-content;
min-height: 48px;
padding: 0px 24px
}
@media screen and (forced-colors:active) {
.docs-gm .jfk-butterBar {
border: 1px solid CanvasText
}
}
.docs-gm .jfk-butterBar-info {
background-color: #e6f4ea;
color: #202124;
white-space: normal
}
.docs-gm .jfk-butterBar-warning {
background-color: #d93025
}
.docs-gm .jfk-butterBar-error {
background-color: #202124;
color: #dadce0
}
.docs-butterbar-dismiss,
.docs-butterbar-butter-action,
.docs-butterbar-link,
a.docs-butterbar-link:link,
a.docs-butterbar-link:visited,
.docs-butterbar-link-no-pad,
a.docs-butterbar-link-no-pad:link,
a.docs-butterbar-link-no-pad:visited {
color: #666;
cursor: pointer;
text-decoration: underline
}
.docs-butterbar-dismiss,
.docs-butterbar-butter-action,
.docs-butterbar-link,
a.docs-butterbar-link:link,
a.docs-butterbar-link:visited {
padding-left: 6px
}
.docs-gm .docs-butterbar-dismiss,
.docs-gm .docs-butterbar-butter-action {
font-size: 16px;
text-decoration: none;
flex: 1;
text-align: end;
white-space: nowrap
}
.docs-gm .docs-butterbar-dismiss {
margin-left: 80px;
padding: 0
}
.docs-gm .docs-butterbar-butter-action {
margin-left: 8px;
padding: 8px;
white-space: nowrap
}
.jfk-butterBar-warning .docs-butterbar-butter-action,
.jfk-butterBar-warning .docs-butterbar-dismiss,
.jfk-butterBar-warning .docs-butterbar-link,
.jfk-butterBar-warning a.docs-butterbar-link:link,
.jfk-butterBar-warning a.docs-butterbar-link:visited,
.jfk-butterBar-warning .docs-butterbar-link-no-pad,
.jfk-butterBar-warning a.docs-butterbar-link-no-pad:link,
.jfk-butterBar-warning a.docs-butterbar-link-no-pad:visited {
color: #111
}
.jfk-butterBar-error .docs-butterbar-butter-action,
.jfk-butterBar-error .docs-butterbar-dismiss,
.jfk-butterBar-error .docs-butterbar-link,
.jfk-butterBar-error a.docs-butterbar-link:link,
.jfk-butterBar-error a.docs-butterbar-link:visited,
.jfk-butterBar-error .docs-butterbar-link-no-pad,
.jfk-butterBar-error a.docs-butterbar-link-no-pad:link,
.jfk-butterBar-error a.docs-butterbar-link-no-pad:visited {
color: #add8e6
}
.docs-gm .docs-butterbar-butter-action,
.docs-gm .docs-butterbar-dismiss {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-family: var(--docs-material-header-font-family, "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif)
}
.docs-gm .jfk-butterBar-info .docs-butterbar-butter-action,
.docs-gm .jfk-butterBar-info .docs-butterbar-dismiss,
.docs-gm .jfk-butterBar-info .docs-butterbar-link,
.docs-gm .jfk-butterBar-info a.docs-butterbar-link:link,
.docs-gm .jfk-butterBar-info a.docs-butterbar-link:visited,
.docs-gm .jfk-butterBar-info .docs-butterbar-link-no-pad,
.docs-gm .jfk-butterBar-info a.docs-butterbar-link-no-pad:link,
.docs-gm .jfk-butterBar-info a.docs-butterbar-link-no-pad:visited {
color: #137333
}
.docs-gm .jfk-butterBar-warning .docs-butterbar-butter-action,
.docs-gm .jfk-butterBar-warning .docs-butterbar-dismiss,
.docs-gm .jfk-butterBar-warning .docs-butterbar-link,
.docs-gm .jfk-butterBar-warning a.docs-butterbar-link:link,
.docs-gm .jfk-butterBar-warning a.docs-butterbar-link:visited,
.docs-gm .jfk-butterBar-warning .docs-butterbar-link-no-pad,
.docs-gm .jfk-butterBar-warning a.docs-butterbar-link-no-pad:link,
.docs-gm .jfk-butterBar-warning a.docs-butterbar-link-no-pad:visited {
color: #fff
}
.docs-gm .jfk-butterBar-error .docs-butterbar-butter-action,
.docs-gm .jfk-butterBar-error .docs-butterbar-dismiss,
.docs-gm .jfk-butterBar-error .docs-butterbar-link,
.docs-gm .jfk-butterBar-error a.docs-butterbar-link:link,
.docs-gm .jfk-butterBar-error a.docs-butterbar-link:visited,
.docs-gm .jfk-butterBar-error .docs-butterbar-link-no-pad,
.docs-gm .jfk-butterBar-error a.docs-butterbar-link-no-pad:link,
.docs-gm .jfk-butterBar-error a.docs-butterbar-link-no-pad:visited {
color: #34a853
}
.docs-gm .jfk-butterBar-info .docs-butterbar-butter-action:hover,
.docs-gm .jfk-butterBar-info .docs-butterbar-dismiss:hover,
.docs-gm .jfk-butterBar-info .docs-butterbar-link:hover,
.docs-gm .jfk-butterBar-info .docs-butterbar-link-no-pad:hover {
color: #0d652d
}
.docs-gm .jfk-butterBar-warning .docs-butterbar-butter-action:hover,
.docs-gm .jfk-butterBar-warning .docs-butterbar-dismiss:hover,
.docs-gm .jfk-butterBar-warning .docs-butterbar-link:hover,
.docs-gm .jfk-butterBar-warning .docs-butterbar-link-no-pad:hover {
color: #fad2cf
}
.docs-gm .jfk-butterBar-error .docs-butterbar-butter-action:hover,
.docs-gm .jfk-butterBar-error .docs-butterbar-dismiss:hover,
.docs-gm .jfk-butterBar-error .docs-butterbar-link:hover,
.docs-gm .jfk-butterBar-error .docs-butterbar-link-no-pad:hover {
color: #81c995
}
.docs-gm .button-disabled.docs-butterbar-butter-action,
.docs-gm .button-disabled.docs-butterbar-butter-action:hover {
color: #ccc;
cursor: default
}
.docs-grille-gm3 .jfk-butterBar,
.docs-grille-gm3 .jfk-butterBar-info,
.docs-grille-gm3 .jfk-butterBar-warning,
.docs-grille-gm3 .jfk-butterBar-error {
background-color: #303030;
color: #f2f2f2;
font-family: "Google Sans", Roboto, sans-serif;
padding: 2px 8px 2px 16px
}
.docs-grille-gm3 .docs-butterBar-message-container {
margin-right: 80px
}
.docs-grille-gm3 .docs-butterBar-message-container:only-child {
margin-right: 8px
}
.docs-grille-gm3 .jfk-butterBar a {
color: #a8c7fa;
font-weight: 500;
text-decoration: none
}
.docs-grille-gm3.docs-grille-gm3.docs-gm .docs-butterbar-wrap .docs-butterbar-dismiss,
.docs-grille-gm3.docs-grille-gm3.docs-gm .docs-butterbar-wrap .docs-butterbar-link,
.docs-grille-gm3.docs-grille-gm3.docs-gm .docs-butterbar-wrap .docs-butterbar-link-no-pad,
.docs-grille-gm3.docs-grille-gm3.docs-gm .docs-butterbar-wrap .docs-butterbar-butter-action {
border: 1px solid transparent;
border-radius: 100px;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 14px;
font-weight: 500;
height: 40px;
line-height: 20px;
padding: 10px 24px;
color: #a8c7fa;
height: auto;
margin-left: 8px;
padding: 10px 12px;
text-decoration: none
}
.docs-grille-gm3.docs-grille-gm3.docs-gm .docs-butterbar-wrap .docs-butterbar-link-no-pad {
border-radius: 4px;
margin: 0;
padding: 0
}
.docs-grille-gm3.docs-gm .docs-butterbar-dismiss:hover,
.docs-grille-gm3.docs-gm .docs-butterbar-link:hover,
.docs-grille-gm3.docs-gm .docs-butterbar-link-no-pad:hover,
.docs-grille-gm3.docs-gm .docs-butterbar-butter-action:hover {
background: rgba(168, 199, 250, 0.078)
}
.docs-grille-gm3 .docs-butterbar-dismiss:focus,
.docs-grille-gm3 .docs-butterbar-link:focus,
.docs-grille-gm3 .docs-butterbar-link-no-pad:focus,
.docs-grille-gm3 .docs-butterbar-butter-action:focus,
.docs-grille-gm3 .docs-butterbar-dismiss:active,
.docs-grille-gm3 .docs-butterbar-link:active,
.docs-grille-gm3 .docs-butterbar-link-no-pad:active,
.docs-grille-gm3 .docs-butterbar-butter-action:active {
background: rgba(168, 199, 250, 0.122)
}
@media (forced-colors:active) {
.button-disabled {
color: GrayText
}
}
.docs-ml-noselect {
-webkit-touch-callout: none;
-webkit-user-drag: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
#docs-chrome {
background: white;
outline: none
}
#docs-chrome.docs-hub-chrome {
border-bottom: 1px solid #d9d9d9;
min-height: 56px
}
#docs-header {
position: relative;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto
}
#docs-header.docs-hub-appbar {
height: 49px
}
#docs-header.docs-og-minibar {
max-height: 31px
}
#docs-header-container {
display: flex;
-webkit-justify-content: flex-end;
justify-content: flex-end
}
#docs-banner-container {
display: flex;
-webkit-justify-content: flex-end;
justify-content: flex-end
}
#docs-banners {
overflow: hidden;
position: relative;
-ms-flex: 1 1 auto;
-webkit-flex: 1 1 auto;
flex: 1 1 auto
}
#docs-account-level-banner {
display: flex;
white-space: nowrap;
width: 100%
}
#docs-file-level-banner {
display: flex;
flex-direction: column;
white-space: nowrap;
width: 100%
}
.docs-full-height-sidebar-placeholder {
-ms-flex: 0 0 0px;
-webkit-flex: 0 0 0px;
flex: 0 0 0px
}
.docs-full-height-sidebar-placeholder.expanded {
-webkit-flex-basis: 300px;
-ms-flex-basis: 300px;
flex-basis: 300px
}
.docs-sidebar-header-text {
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
left: 20px;
position: absolute;
font-size: 13px;
font-size: var(--docs-material-font-size-normal, 13px)
}
.docs-sidebar-windows {
overflow: hidden
}
#docs-bars {
position: relative
}
#docs-titlebar-container {
margin-left: 40px;
position: relative
}
#docs-branding-container {
height: 60px;
margin-top: 26px;
position: absolute;
width: 40px;
z-index: 1
}
#docs-branding-container a {
display: inline-block;
height: 60px;
width: 40px
}
.docs-og-minibar #docs-branding-container {
margin-top: 0
}
.docs-material #docs-branding-container #docs-branding-ehb {
cursor: pointer;
height: 0;
left: 8px;
margin: unset;
padding: unset;
position: absolute;
transform: rotate(-45deg) translateX(-14px);
top: 20px;
width: unset;
z-index: 1
}
[dir="rtl"] .docs-material #docs-branding-container #docs-branding-ehb {
transform: rotate(45deg) translateX(14px)
}
#docs-branding-ehb .docs-branding-ehb-text {
color: #fff;
font-weight: 500;
left: 8px;
position: absolute;
top: 5px;
z-index: 1
}
#docs-branding-ehb .docs-branding-ehb-ribbon {
border-radius: 2px;
height: 22px;
position: absolute;
transform: perspective(29px) rotateX(49deg);
width: 50px
}
.docs-branding-presentations #docs-branding-ehb .docs-branding-ehb-text {
color: #000
}
.docs-branding-presentations #docs-branding-ehb .docs-branding-ehb-ribbon {
background: #ff9500
}
.docs-branding-documents #docs-branding-ehb .docs-branding-ehb-ribbon {
background: #0066da
}
.docs-branding-spreadsheets #docs-branding-ehb .docs-branding-ehb-ribbon {
background: #00832d
}
#docs-titlebar {
clear: both;
font-size: 18px;
height: 24px;
padding: 0;
padding-top: 7px;
width: 100%
}
.docs-hub-appbar #docs-titlebar {
font-size: 16px
}
#docs-header.docs-og-minibar #docs-titlebar {
height: 24px;
padding-top: 0
}
#docs-header.docs-og-minibar #docs-titlebar-container {
top: -21px
}
#docs-header.docs-hub-appbar #docs-titlebar-container {
height: 100%
}
#docs-header.docs-og-minibar .docs-titlebar-buttons {
top: 19px
}
.docs-exp {
border-radius: 6px;
border: 1px solid #800;
color: #800;
float: left;
font-size: 11px;
margin-right: 8px;
padding: 0 5px;
text-align: center;
white-space: nowrap
}
#docs-drive-logo {
height: 60px;
position: absolute;
width: 40px;
opacity: 0;
transition: all 125ms linear
}
#docs-branding-logo {
height: 60px;
position: absolute;
width: 40px;
transition: all 125ms linear
}
#docs-branding-container.docs-branding-default {
background-color: #d1d1d1
}
#docs-branding-container.docs-branding-documents {
background-color: #4285f4
}
#docs-branding-container.docs-branding-spreadsheets {
background-color: #0f9d58
}
#docs-branding-container.docs-branding-presentations {
background-color: #f4b400
}
#docs-branding-container.docs-branding-drawings {
background-color: #db4437
}
#docs-branding-container.docs-branding-forms {
background-color: #673ab7
}
#docs-branding-container.docs-branding-scripts {
background-color: #4285f4
}
#docs-branding-container:not(.docs-branding-crossfade-transition-disabled):hover #docs-drive-logo {
opacity: 1
}
#docs-branding-container:not(.docs-branding-crossfade-transition-disabled):hover #docs-branding-logo {
opacity: 0
}
#docs-branding-container.docs-branding-default:hover #docs-drive-logo {
opacity: 0
}
#docs-branding-container.docs-branding-default:hover #docs-branding-logo {
opacity: 1
}
.docs-butter {
text-align: center
}
.docs-butter-inner {
border-radius: 3px;
font-size: 13px;
font-weight: 500;
margin: 0 auto 5px;
padding: 5px 7px
}
.docs-butter-info {
background: #f6bc5d;
color: #222
}
.docs-butter-info-link {
color: #0658b5
}
.docs-butter-warning {
background: #c00;
color: #fff
}
.docs-butter-warning-link {
color: #c3d9ff
}
#docs-chrome-cover-container {
width: 100%;
z-index: 990
}
#docs-chrome-cover {
height: 60px
}
#docs-transient-bar-container {
left: 50%;
position: absolute;
top: 100%;
width: 0
}
.docs-fading-toolbar-message {
background-color: #fff;
border: #999 solid;
border-width: 0px 0px 1px 0px;
color: #999;
font-size: 28px;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
position: absolute;
text-align: center
}
.docs-title-outer {
margin-left: 17px;
white-space: nowrap
}
.docs-title-outer.docs-title-inline-rename {
margin-left: 12px
}
.docs-title {
display: inline-block;
outline: none
}
.docs-title-input {
border: 1px solid transparent;
border-radius: 2px !important;
color: #fff;
font-size: 18px;
font-variant-ligatures: no-contextual;
height: 20px;
line-height: 22px;
margin: 0;
min-width: 1px;
padding: 2px 7px;
visibility: hidden
}
#docs-header.docs-hub-appbar .docs-title-input {
font-size: 16px
}
.docs-title-input-label {
font-size: 18px;
font-variant-ligatures: no-contextual;
line-height: 22px;
margin: 0;
overflow: hidden;
padding: 2px 8px;
pointer-events: none;
position: absolute;
text-overflow: ellipsis;
top: 0;
white-space: pre;
z-index: 1
}
#docs-header.docs-hub-appbar .docs-title-input-label {
font-size: 16px
}
.docs-title-input-label-inner {
display: inline;
line-height: 22px
}
.docs-title-input:hover {
border-color: #e5e5e5
}
.docs-title-input:focus {
-webkit-appearance: none;
-moz-appearance: none;
border: 1px solid #4d90fe !important;
box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
color: #000;
outline: none
}
.docs-title-input::-ms-clear {
display: none
}
.docs-title-inner {
color: #333;
font-size: 18px;
max-width: 600px;
margin: 2px 4px 1px 3px;
overflow: hidden;
text-overflow: ellipsis;
white-space: pre
}
.docs-title .docs-title-untitled,
.docs-title-input-label.docs-title-untitled {
color: #777;
font-style: italic
}
.docs-title-widget {
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
height: 27px;
width: auto
}
#docs-header.docs-hub-appbar .docs-title-widget {
padding-left: 6px
}
.docs-title-widget-enabled:hover .docs-title {
background-color: #eee;
cursor: pointer
}
.docs-title-widget .docs-back-container a {
display: none
}
.docs-title-widget:hover .docs-back-container a {
display: inline-block
}
.docs-back-container {
height: 21px;
opacity: 0.6;
padding-right: 9px;
margin-top: 1px;
vertical-align: top;
width: 21px
}
.docs-back-container:hover {
opacity: 0.9
}
.docs-titlebar-badges {
vertical-align: top
}
.docs-hub-appbar .docs-titlebar-badges>:not(.docs-save-indicator-container) {
display: none
}
.docs-titlebar-badge-container {
padding: 0 3px;
vertical-align: top
}
.docs-titlebar-badge .docs-icon {
display: block;
height: 18px;
margin: 3px
}
.docs-titlebar-badge-container .goog-control,
.docs-titlebar-badge-container .goog-flat-button {
outline: none
}
.docs-titlebar-badge {
align-items: center;
border-radius: 4px;
color: #5f6368;
cursor: pointer;
display: flex;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
height: 24px
}
.docs-gm .docs-titlebar-badge:hover,
.docs-titlebar-badge.goog-flat-button-focused,
.docs-titlebar-badge.goog-control-focused,
.goog-control-focused .docs-titlebar-badge {
background-color: #f1f3f4;
outline: none
}
.docs-gm .docs-titlebar-badge:active,
.docs-gm .docs-titlebar-badge.docs-titlebar-badge-selected {
background-color: #e6f4ea;
color: #137333
}
.docs-titlebar-badge.goog-control-disabled {
cursor: default;
opacity: 0.38;
background: none !important
}
.docs-titlebar-badge.goog-control-disabled .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_medium.svg) !important
}
.docs-titlebar-badges.docs-badges-hidden-with-width {
width: 0;
overflow: hidden
}
.docs-parent-collections-container-outer {
outline: none;
vertical-align: top
}
.docs-activity-indicator-container {
height: 29px;
margin-top: 2px;
vertical-align: top;
padding-right: 2px
}
.office-editing-file-extension {
background-color: #188038;
border: 1px solid transparent;
border-radius: 4px;
box-sizing: border-box;
color: #fff;
cursor: default;
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 13px;
height: 21px;
line-height: 21px;
margin: 0 8px 0 0;
padding: 0 5px 0 4px;
text-transform: uppercase;
-webkit-font-smoothing: antialiased
}
.interactive-office-editing-file-extension {
cursor: pointer
}
.docs-classification-badge {
border: 1px solid transparent;
border-radius: 4px;
box-sizing: border-box;
cursor: pointer;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 12px;
height: 20px;
line-height: 15px;
padding: 2px 8px;
letter-spacing: 0.03em
}
.docs-titlebar-badge-container-hidden {
padding: 0
}
.docs-templates-badge-container {
vertical-align: middle
}
.docs-templates-badge {
background-color: #5a5a5a;
border-radius: 16px;
color: white;
font-size: 13px;
padding: 0 11px;
height: 24px;
line-height: 24px
}
#docs-dlp,
#docs-activity-indicator,
.docs-title-save-label {
margin-left: 4px;
outline: none
}
.docs-titlebar-badge .docs-icon-img.docs-icon-encryption-shield {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
#docs-star.docs-titlebar-badge:active {
background-color: #e8eaed
}
#docs-star.docs-titlebar-badge:active .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_medium.svg)
}
#docs-activity-indicator {
padding-left: 4px;
padding-top: 2px
}
#docs-dlp .docs-icon-img {
opacity: 0.45
}
#docs-dlp:hover .docs-icon-img {
opacity: 0.55
}
#docs-dlp,
#docs-star,
#docs-folder .docs-icon {
vertical-align: baseline
}
.docs-debug-info,
.docs-debug-info a {
color: #777 !important;
font-size: 8px
}
.docs-debug-container {
margin-right: 6px;
margin-top: 55px;
vertical-align: top;
font-size: 8px
}
#docs-header.docs-hub-appbar .docs-debug-container {
margin-top: calc(56px - 8px)
}
.docs-titlebar-buttons {
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
padding: 0 44px 0 0;
position: absolute;
right: 0;
text-align: right;
top: 26px;
vertical-align: middle;
white-space: nowrap;
box-sizing: border-box
}
.docs-debug-container.docs-debug-info {
display: flex;
position: absolute;
right: 0;
top: 0
}
.docs-titlebar-button {
z-index: 1
}
#docs-docos-commentsbutton {
margin-right: 9px
}
#docs-titlebar-save {
text-align: center
}
#docs-docos-commentsbutton,
#docs-titlebar-share-client-button div {
height: 24px;
padding-bottom: 3px;
vertical-align: middle
}
#docs-header.docs-hub-appbar #docs-titlebar-share-client-button div {
height: 28px;
margin-right: 8px
}
#docs-header.docs-hub-appbar #docs-titlebar-share-client-button div.scb-icon-button {
height: 32px;
width: 32px
}
#docs-titlebar-share-client-button div.jfk-button {
margin-right: 0
}
#docs-docos-commentsbutton {
cursor: default
}
.docs-titlebar-buttons .goog-menu-button-dropdown {
position: relative;
top: 2px;
vertical-align: baseline
}
.jfk-select.goog-flat-menu-button>.goog-flat-menu-button-dropdown {
text-align: left
}
.docs-menubar {
cursor: default;
display: inline-block;
font-size: 13px;
font-size: var(--docs-material-font-size-normal, 13px);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
height: 29px;
margin-left: 52px;
outline: none;
position: relative;
white-space: nowrap
}
.docs-menubar .goog-control {
padding: 3px 7px 5px 7px;
margin-top: 2px;
border: 1px solid transparent;
outline: none
}
.docs-menubar .goog-control-hover {
background: #eee;
border-color: #eee
}
.docs-menubar .goog-control-open {
background: #fff;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .2);
border-bottom: none;
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
color: black;
z-index: 1003
}
.docs-menubar .goog-control-disabled {
color: #ccc
}
#docs-menubars {
white-space: nowrap
}
#docs-editor-container {
background: #eee;
padding: 0
}
#docs-editor {
background: #eee;
outline: none
}
#docs-editor.companion-enabled {
width: calc(100% - 56px)
}
.docs-gaia-disabled {
color: #999;
cursor: text
}
.docs-hide-label {
display: none
}
.docs-title-save-label {
color: #777;
display: inline-block;
margin-left: 14px;
max-width: 250px;
overflow: hidden;
vertical-align: text-bottom;
white-space: nowrap
}
.docs-title-save-label-with-icon .docs-title-save-label-text {
max-width: calc(100% - 24px)
}
.docs-title-save-label-text {
display: inline-block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: text-bottom;
white-space: nowrap;
font-size: 13px;
font-size: var(--docs-material-font-size-normal, 13px)
}
.docs-title-save-label-text:hover,
.docs-title-save-label-text-focused {
cursor: pointer;
text-decoration: underline
}
.docs-title-save-label-disabled>.docs-title-save-label-text:hover {
cursor: auto;
text-decoration: none
}
:not(.docs-title-save-label-disabled)>.docs-title-save-label-text-link {
text-decoration: underline
}
.docs-material.docs-title-save-label .docs-title-save-label-icon {
cursor: pointer;
margin: 0 0 -1px 7px;
opacity: 0.54;
vertical-align: text-bottom
}
.docs-title-save-label-text:empty+.docs-title-save-label-icon {
display: none
}
.docs-title-save-label-unsaved-changes {
background-color: #fce4e2;
color: #da362c;
border-radius: 4px;
margin-bottom: -5px;
margin-left: 9px;
padding: 5px
}
.docs-title-save-label-unsaved-changes-button {
cursor: pointer;
display: none;
font-weight: bold;
margin-left: 10px;
outline: none
}
.docs-title-save-label-unsaved-changes .docs-title-save-label-unsaved-changes-button {
display: inline-block
}
.docs-title-save-label-unsaved-changes-button.goog-flat-button-disabled {
cursor: default;
color: rgba(0, 0, 0, 0.26)
}
#blob-notice-button {
border: none;
border-radius: 4px;
background-color: #fce8e6;
color: #c5221f;
cursor: pointer;
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
margin: 0 0 0 14px;
outline: 0;
padding: 4px 8px;
white-space: nowrap
}
.docs-hc-gecko#blob-notice-button {
border: 1px solid transparent
}
.office-editing-permanent-error-unsaved-changes-icon,
.office-editing-temporary-error-unsaved-changes-icon {
display: none;
height: 14px;
margin-left: -2px;
margin-right: 2px;
top: -1.5px
}
.docs-rename-dialog,
.docs-edit-description-dialog {
width: 340px
}
.docs-rename-dialog .modal-dialog-userInput,
.docs-edit-description-dialog .modal-dialog-userInput {
width: 300px
}
.docs-gm .docs-rename-dialog,
.docs-gm .docs-edit-description-dialog {
min-width: 312px;
width: unset
}
.docs-gm .docs-rename-dialog .modal-dialog-content {
font-size: 12px
}
.docs-gm .docs-rename-dialog .modal-dialog-userInput {
width: 100%
}
#docs-help-anchor {
left: 30%;
position: absolute
}
#docs-help-anchor-right {
right: 0;
position: absolute
}
.docs-faux-link {
color: #20c;
cursor: pointer;
text-decoration: underline
}
.docs-offscreen {
position: absolute;
left: -10000px;
top: -10000px
}
.docs-offscreen-z-index {
position: absolute;
left: 0px;
top: -1px;
z-index: -2;
opacity: 0
}
.modal-dialog-bg,
.goog-modalpopup-bg {
z-index: 998
}
.modal-dialog,
.goog-modalpopup {
z-index: 1003
}
.goog-menu {
z-index: 1003
}
#docs-menu-shield {
background-color: #fff;
position: absolute;
z-index: 1004
}
.apps-menu-hide-mnemonics .goog-menuitem-mnemonic-hint {
text-decoration: none
}
.apps-menu-hide-mnemonics .goog-menuitem-mnemonic-separator {
display: none
}
.goog-menu.goog-menu-noaccel .docs-menuheader {
color: #9aa0a6 !important;
padding-left: 12px
}
.goog-menu.goog-menu-noaccel .apps-menuitem {
padding-right: 10px
}
.goog-menu.goog-menu-noicon .goog-menuitem.apps-menuitem {
padding-left: 16px
}
.goog-menuitem.apps-menuitem {
padding: 6px 10px 6px 30px;
white-space: normal
}
.apps-menuitem .goog-menuitem-label {
padding-right: 6px
}
.apps-menuitem .goog-menuitem-accel,
.docs-gm .goog-menuitem .goog-menuitem-accel {
float: right;
padding: 0px 0px 0px 24px;
position: relative
}
.goog-submenu .goog-menuitem-content {
margin-right: 42px
}
.docs-submenuitem .goog-submenu-arrow,
.apps-menuitem .goog-submenu-arrow,
.docs-gm .goog-menuitem .goog-submenu-arrow {
margin-right: 4px
}
.apps-menuitem.goog-menuitem-ie {
padding: 3px 10px 20px 30px
}
.apps-menuitem .goog-menuitem-icon-ie {
float: left;
top: 0em
}
.apps-menuitem .goog-menuitem-label-ie {
float: left
}
.modal-dialog-content {
font-size: 13px;
font-size: var(--docs-material-font-size-normal, 13px)
}
#docs-hub-open-external-appbarbutton .hub-open-external-icon-container,
#docs-hub-close-appbarbutton .hub-close-icon-container,
.docs-icon.goog-inline-block.hub-document-icon-container {
height: 20px;
outline: 0;
width: 20px;
margin-top: 2px
}
#docs-hub-open-external-appbarbutton .hub-open-external-icon-container,
#docs-hub-close-appbarbutton .hub-close-icon-container {
position: relative;
top: 1px;
left: 1px
}
#docs-hub-open-external-appbarbutton,
#docs-hub-close-appbarbutton {
margin: 0 0 0 2px;
width: 32px;
height: 32px
}
#docs-hub-open-external-appbarbutton:hover,
#docs-hub-open-external-appbarbutton:focus,
#docs-hub-close-appbarbutton:hover,
#docs-hub-close-appbarbutton:focus {
background-color: rgba(0, 0, 0, .06)
}
input {
font-family: inherit
}
body {
background-color: white;
color: black;
font-weight: normal;
font-size: 13px;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
margin: 0
}
.jfk-activityIndicator {
display: inline-block;
position: relative;
direction: ltr
}
.jfk-activityIndicator,
.jfk-activityIndicator-icon,
.jfk-activityIndicator-circle,
.jfk-activityIndicator-circle-transition {
height: 19px;
width: 19px
}
.jfk-activityIndicator-small.jfk-activityIndicator,
.jfk-activityIndicator-small .jfk-activityIndicator-icon,
.jfk-activityIndicator-small .jfk-activityIndicator-circle,
.jfk-activityIndicator-small .jfk-activityIndicator-circle-transition {
height: 16px;
width: 16px
}
.jfk-activityIndicator-icon {
background: url(//ssl.gstatic.com/ui/v1/activityindicator/offline.png) center no-repeat
}
.jfk-activityIndicator-small .jfk-activityIndicator-icon {
background: url(//ssl.gstatic.com/ui/v1/activityindicator/offline_16.png) center no-repeat
}
.jfk-activityIndicator-icon {
-webkit-transition: opacity .218s linear .44s;
-moz-transition: opacity .218s linear .44s;
-o-transition: opacity .218s linear .44s;
transition: opacity .218s linear .44s;
top: 0;
left: 0;
position: absolute;
opacity: 0
}
.jfk-activityIndicator-circle {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
top: 0;
left: 0;
position: absolute
}
.jfk-activityIndicator-mask {
overflow: hidden;
position: absolute
}
.jfk-activityIndicator-circle-transition {
position: relative
}
.jfk-activityIndicator-transition {
-webkit-transition: all .22s ease-in;
-moz-transition: all .22s ease-in;
-o-transition: all .22s ease-in;
transition: all .22s ease-in
}
.jfk-activityIndicator-transition-second {
-webkit-transition: all .22s ease-out .22s;
-moz-transition: all .22s ease-out .22s;
-o-transition: all .22s ease-out .22s;
transition: all .22s ease-out .22s
}
.jfk-star {
display: inline-block;
height: 19px;
text-align: center;
width: 19px;
padding: 2px
}
.jfk-star:before {
content: url(//ssl.gstatic.com/ui/v1/star/star4.png);
content: -webkit-image-set(url(//ssl.gstatic.com/ui/v1/star/star4.png) 1x, url(//ssl.gstatic.com/ui/v1/star/star4_2x.png) 2x)
}
.jfk-star-hover:before {
content: url(//ssl.gstatic.com/ui/v1/star/star-hover4.png);
content: -webkit-image-set(url(//ssl.gstatic.com/ui/v1/star/star-hover4.png) 1x, url(//ssl.gstatic.com/ui/v1/star/star-hover4_2x.png) 2x)
}
.jfk-star-active:before {
content: url(//ssl.gstatic.com/ui/v1/star/star-active4.png);
content: -webkit-image-set(url(//ssl.gstatic.com/ui/v1/star/star-active4.png) 1x, url(//ssl.gstatic.com/ui/v1/star/star-active4_2x.png) 2x)
}
.jfk-star-checked:before {
content: url(//ssl.gstatic.com/ui/v1/star/star-lit4.png);
content: -webkit-image-set(url(//ssl.gstatic.com/ui/v1/star/star-lit4.png) 1x, url(//ssl.gstatic.com/ui/v1/star/star-lit4_2x.png) 2x)
}
.jfk-star-checked.jfk-star-hover:before {
content: url(//ssl.gstatic.com/ui/v1/star/star-lit-hover4.png);
content: -webkit-image-set(url(//ssl.gstatic.com/ui/v1/star/star-lit-hover4.png) 1x, url(//ssl.gstatic.com/ui/v1/star/star-lit-hover4_2x.png) 2x)
}
.jfk-star-checked.jfk-star-active:before {
content: url(//ssl.gstatic.com/ui/v1/star/star-lit-active4.png);
content: -webkit-image-set(url(//ssl.gstatic.com/ui/v1/star/star-lit-active4.png) 1x, url(//ssl.gstatic.com/ui/v1/star/star-lit-active4_2x.png) 2x)
}
.apps-share-sprite {
background-image: url(//ssl.gstatic.com/docs/documents/share/images/sprite-24.svg)
}
.sharing-aria-region {
position: absolute;
top: -1000px;
height: 1px;
overflow: hidden
}
.share-butterbar-container {
font-family: Roboto, arial, sans-serif;
font-size: 13px;
font-weight: bold;
position: fixed;
display: inline-block;
padding-bottom: 5px
}
.share-client-dialog .share-butterbar-container {
font-family: arial, sans-serif
}
.share-butterbar-container .jfk-butterBar-shown {
height: 21px
}
.share-butterbar-top {
top: 23px
}
.share-butterbar-zindex {
z-index: 3021
}
.share-butter-icon {
opacity: .55;
display: inline-block;
width: 21px;
height: 21px;
margin-bottom: 1px;
margin-top: 1px;
margin-right: 1px;
vertical-align: middle
}
.share-butter-message,
.share-butter-link {
line-height: 21px
}
.share-butter-link,
.share-butter-link:visited {
color: #15c;
text-decoration: none;
cursor: pointer
}
.share-butter-link:focus {
outline: none
}
.share-butter-link:active {
color: #d14836
}
.share-butter-link:disabled {
color: #222;
cursor: default
}
.share-butter-copy-icon {
background-position: 0 -212px
}
.share-butter-specific-people-icon {
background-position: 0 -778px
}
.share-butter-person-link-icon {
background-position: 0 -412px
}
.share-client-dialog {
max-height: 100% !important;
overflow: auto;
width: auto !important;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
* html .share-client-dialog {
max-height: none !important;
overflow: visible !important
}
*:first-child+html .share-client-dialog {
max-height: none !important;
overflow: visible !important
}
.share-client-dialog .modal-dialog-content {
padding: 0
}
.share-client-dialog .modal-dialog-title {
padding: 0
}
.share-client-dialog .share-client-dialog-hidden-title {
height: 0;
margin: 0;
padding: 0
}
.share-client-dialog .modal-dialog-title {
font-family: arial, sans-serif;
font-weight: normal
}
.share-client-content-iframe {
display: flex;
height: 100%;
width: 100%;
border: none
}
.share-client-dialog .modal-dialog-buttons {
display: none
}
.share-client-error-dialog {
font-family: arial, sans-serif;
font-size: 12px;
width: 400px;
z-index: 3000
}
.share-client-loading-contents {
height: 99px;
text-align: center;
width: 454px
}
.share-client-spinner {
background-image: url(//ssl.gstatic.com/docs/documents/share/images/spinner-1.gif);
display: inline-block;
margin-top: 41px;
width: 16px;
height: 16px
}
.inline-share-ui-status {
font-size: 12pt;
font-weight: bold;
height: 19px;
padding: 5px 10px;
background-color: #f1f4ff
}
.inline-share-ui-overlay {
position: absolute;
z-index: 150;
background-color: #fff;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"
}
.share-client-panel-dialog-share {
height: 100%;
width: 100%
}
.share-client-panel-dialog-overlay {
position: absolute;
z-index: 150
}
.share-client-offscreen {
position: absolute !important;
left: -10000px !important;
top: -10000px !important
}
.share-client-loading-dialog {
font-family: arial, sans-serif;
z-index: 3000
}
.share-client-debug {
display: none;
position: absolute;
bottom: 0;
right: 0;
color: #777;
font-size: 10px
}
.team-drive-share-client-dialog {
border: none;
border-radius: 2px;
box-shadow: 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12), 0px 11px 15px -7px rgba(0, 0, 0, 0.2);
padding: 0
}
.full-screen-share-client-dialog {
background-color: transparent !important;
border: none !important;
height: 100vh;
overflow: hidden;
padding: 0 !important;
width: 100vw !important
}
.full-screen-share-client-dialog .modal-dialog-content {
background: transparent;
height: 100%;
width: 100%
}
.modal-dialog.share-client-dialog.team-drive-share-client-dialog {
padding: 0
}
.full-screen-share-client-dialog .modal-dialog-title,
.team-drive-share-client-dialog .modal-dialog-title {
display: none
}
.jfk-tooltip {
z-index: 30000
}
.scb-container,
.scb-icon {
display: inline-block
}
.scb-button-icon {
margin: -3px 2px 0px -5px;
vertical-align: middle !important
}
.scb-tooltip-contents {
color: #fff;
font-size: 13px;
max-width: 300px
}
.scb-tooltip-title {
font-size: 14px;
font-weight: bold
}
.scb-tooltip-text {
font-weight: normal
}
.scb-tooltip-icon-container {
width: 25px;
vertical-align: top
}
.scb-tooltip-separator {
border-top: 1px solid #555555;
margin: 2px 0
}
.jfk-button-standard .scb-button-icon {
opacity: .70
}
.jfk-button-standard.jfk-button-checked .scb-button-icon,
.jfk-button-standard.jfk-button-selected .scb-button-icon,
.jfk-button-standard.jfk-button-hover .scb-button-icon {
opacity: 0.9
}
.jfk-button-standard.jfk-button-disabled .scb-button-icon {
opacity: 0.333
}
.scb-public-icon-white,
.scb-unlisted-icon-white,
.scb-domain-public-icon-white,
.scb-domain-unlisted-icon-white,
.scb-privately-shared-icon-white,
.scb-private-icon-white,
.scb-invalid-icon-white,
.scb-dlp-icon {
width: 21px;
height: 21px;
background-repeat: no-repeat;
vertical-align: bottom
}
.scb-public-s900,
.scb-lock-s900,
.scb-domain-s900,
.scb-people-s900,
.scb-warning-s900,
.scb-person-add-s900 {
height: 18px;
width: 18px
}
.scb-public-icon-white {
background-position: 0 -45px
}
.scb-unlisted-icon-white {
background-position: 0 -562px
}
.scb-domain-public-icon-white {
background-position: 0 -1004px
}
.scb-domain-unlisted-icon-white {
background-position: 0 -709px
}
.scb-privately-shared-icon-white {
background-position: 0 -932px
}
.scb-private-icon-white {
background-position: 0 -586px
}
.scb-invalid-icon-white {
background-position: 0 -332px
}
.scb-dlp-icon {
background-position: 0 -436px
}
.docs-branding-presentations .scb-public-icon-white {
background-position: 0 -161px
}
.docs-branding-presentations .scb-unlisted-icon-white {
background-position: 0 -412px
}
.docs-branding-presentations .scb-domain-public-icon-white {
background-position: 0 -980px
}
.docs-branding-presentations .scb-domain-unlisted-icon-white {
background-position: 0 -610px
}
.docs-branding-presentations .scb-privately-shared-icon-white {
background-position: 0 -778px
}
.docs-branding-presentations .scb-private-icon-white {
background-position: 0 0
}
.docs-branding-presentations .scb-invalid-icon-white {
background-position: 0 -634px
}
.docs-grille .scb-public-s900 {
background-position: 0 -236px
}
.docs-grille .scb-lock-s900 {
background-position: 0 -69px
}
.docs-grille .scb-domain-s900 {
background-position: 0 -757px
}
.docs-grille .scb-people-s900 {
background-position: 0 -24px
}
.docs-grille .scb-warning-s900 {
background-position: 0 -90px
}
.docs-grille-gm3 .scb-tooltip-title,
.docs-grille-gm3 .scb-tooltip-text {
color: #f2f2f2;
font-size: 12px;
font-weight: 400
}
.scb-person-add-s900 {
background-position: 0 -909px
}
.docs-branding-icon {
direction: ltr;
text-align: left;
height: 60px;
overflow: hidden;
vertical-align: middle;
width: 40px
}
.docs-branding-icon-img:before {
content: url(//ssl.gstatic.com/docs/common/branding_sprite1.svg)
}
.docs-branding-icon-img {
position: absolute
}
.docs-branding-icon-drive,
.docs-branding-icon-default {
left: 0;
top: 0
}
.docs-branding-icon-documents {
left: 0;
top: -180px
}
.docs-branding-icon-spreadsheets {
left: 0;
top: -300px
}
.docs-branding-icon-presentations {
left: 0;
top: -360px
}
.docs-branding-icon-drawings {
left: 0;
top: -60px
}
.docs-branding-icon-forms {
left: 0;
top: -120px
}
.docs-branding-icon-scripts {
left: 0;
top: -240px
}
.docs-icon {
direction: ltr;
text-align: left;
height: 21px;
overflow: hidden;
vertical-align: middle;
width: 21px
}
.docs-icon-img:before {
content: url(//ssl.gstatic.com/docs/common/jfk_sprite186.png)
}
.docs-icon-img {
*background: url(//ssl.gstatic.com/docs/common/jfk_sprite186.png)
}
.docs-icon-img-legacy {
background: url(//ssl.gstatic.com/docs/common/jfk_sprite186.png)
}
.docs-icon-img-container {
height: 4167px;
position: absolute;
width: 42px
}
.goog-color-menu-button-indicator .docs-icon {
height: 19px
}
.goog-menuitem-icon .docs-icon-img-container {
opacity: .70
}
.goog-menuitem-icon .docs-icon-document,
.goog-menuitem-icon .docs-icon-punch,
.goog-menuitem-icon .docs-icon-presentation,
.goog-menuitem-icon .docs-icon-spreadsheet,
.goog-menuitem-icon .docs-icon-form,
.goog-menuitem-icon .docs-icon-drawing,
.goog-menuitem-icon .docs-icon-script,
.goog-menuitem-icon .docs-icon-site {
opacity: 1
}
.docs-icon-save {
left: 0;
top: -1077px
}
.docs-icon-print {
left: 0;
top: -528px
}
.docs-icon-undo,
.docs-icon-redo-rtl {
left: 0;
top: -759px
}
.docs-icon-redo,
.docs-icon-undo-rtl {
left: -21px;
top: -1434px
}
.docs-icon-copy {
left: 0;
top: -2694px
}
.docs-icon-cut {
left: 0;
top: -2085px
}
.docs-icon-paste {
left: -21px;
top: -528px
}
.docs-icon-document {
left: -21px;
top: -1392px
}
.docs-icon-presentation {
left: -21px;
top: -444px
}
.docs-icon-punch {
left: -21px;
top: -444px
}
.docs-icon-spreadsheet {
left: -21px;
top: -1014px
}
.docs-icon-form {
left: -21px;
top: -1140px
}
.docs-icon-form-black {
left: 0;
top: -1203px
}
.docs-icon-drawing {
left: 0;
top: -4044px
}
.docs-icon-site {
left: -21px;
top: -2442px
}
.docs-icon-drawing-black {
left: -21px;
top: -2904px
}
.docs-icon-excel {
left: -21px;
top: -2253px
}
.docs-icon-powerpoint {
left: -21px;
top: -2043px
}
.docs-icon-word {
left: 0;
top: -2778px
}
.docs-icon-script {
left: -21px;
top: -3393px
}
.docs-icon-code {
left: -21px;
top: -3393px
}
.docs-icon-insert-script {
left: -21px;
top: -2673px
}
.docs-icon-gadget {
left: 0;
top: -2295px
}
.docs-icon-image {
left: 0;
top: -2442px
}
.docs-icon-clipboard {
left: 0;
top: -864px
}
.docs-icon-bold {
left: 0;
top: -1035px
}
.docs-icon-italic {
left: 0;
top: -3540px
}
.docs-icon-text-color {
left: -21px;
top: -2148px
}
.docs-icon-align-left {
left: 0;
top: -3750px
}
.docs-icon-align-center {
left: -21px;
top: -1623px
}
.docs-icon-align-right {
left: -21px;
top: -2274px
}
.docs-icon-align-justify {
left: 0;
top: -2253px
}
.docs-icon-align-shapes-left {
left: -21px;
top: -591px
}
.docs-icon-align-shapes-center {
left: 0;
top: -1140px
}
.docs-icon-align-shapes-right {
left: 0;
top: -4104px
}
.docs-icon-align-shapes-top {
left: 0;
top: -2463px
}
.docs-icon-align-shapes-middle {
left: 0;
top: -801px
}
.docs-icon-align-shapes-bottom {
left: 0;
top: -402px
}
.docs-icon-distribute-shapes-horizontally {
left: -21px;
top: -1371px
}
.docs-icon-distribute-shapes-vertically {
left: -21px;
top: -3687px
}
.docs-icon-valign-top {
left: 0;
top: -3771px
}
.docs-icon-valign-middle {
left: 0;
top: -297px
}
.docs-icon-valign-bottom {
left: -21px;
top: -3582px
}
.docs-icon-list-number {
left: 0;
top: -3624px
}
.docs-icon-list-bullet {
left: 0;
top: -2232px
}
.docs-icon-indent {
left: 0;
top: -3876px
}
.docs-icon-outdent {
left: -21px;
top: -864px
}
.docs-icon-line-spacing {
left: -21px;
top: -1497px
}
.docs-icon-columns {
left: 0;
top: -1056px
}
.docs-icon-underline {
left: 0;
top: -675px
}
.docs-icon-text-bgcolor {
left: -21px;
top: -192px
}
.docs-icon-textbox {
left: -21px;
top: -1329px
}
.docs-icon-shapes {
left: -21px;
top: -2127px
}
.docs-icon-line-width {
left: -21px;
top: -2358px
}
.docs-icon-add-trendline {
left: -21px;
top: -87px
}
.docs-icon-data-label {
left: 0;
top: -1602px
}
.docs-icon-next {
left: -21px;
top: -2988px
}
.docs-icon-previous {
left: 0;
top: -1434px
}
.docs-icon-no-color {
left: -21px;
top: -2106px
}
.docs-icon-fill-color {
left: 0;
top: -3645px
}
.docs-icon-line-color {
left: -21px;
top: -2694px
}
.docs-icon-line-type {
left: 0;
top: -2967px
}
.docs-icon-table {
left: 0;
top: -3351px
}
.docs-icon-comment {
left: -21px;
top: -66px
}
.docs-icon-comment-blank {
left: 0;
top: -3393px
}
.docs-icon-comment-blank-highlighted {
left: 0;
top: -1560px
}
.docs-icon-insert-comment {
left: -21px;
top: -66px
}
.docs-icon-chart {
left: 0;
top: -423px
}
.docs-icon-list-number-rtl {
left: -21px;
top: -2064px
}
.docs-icon-list-bullet-rtl {
left: -21px;
top: -3918px
}
.docs-icon-indent-rtl {
left: 0;
top: -1497px
}
.docs-icon-outdent-rtl {
left: 0;
top: -2820px
}
.docs-icon-line-spacing-rtl {
left: -21px;
top: -2085px
}
.docs-icon-text-ltr {
left: 0;
top: -192px
}
.docs-icon-text-rtl {
left: -21px;
top: -2421px
}
.docs-icon-sheet-rtl {
left: -21px;
top: -972px
}
.docs-icon-share {
left: 0;
top: -3201px
}
.docs-icon-subscript {
left: 0;
top: -3456px
}
.docs-icon-superscript {
left: -21px;
top: -3960px
}
.docs-icon-strikethrough {
left: 0;
top: -486px
}
.docs-icon-clear-formatting {
left: 0;
top: -1707px
}
.docs-icon-link {
left: -21px;
top: -4125px
}
.docs-icon-special-character {
left: -21px;
top: -696px
}
.docs-icon-close-white {
left: -21px;
top: -2463px
}
.docs-icon-close-small {
left: -21px;
top: -3309px
}
.docs-icon-close-thin {
left: -21px;
top: -2022px
}
.docs-icon-paint-format {
left: 0;
top: -591px
}
.docs-icon-video {
left: 0;
top: -3414px
}
.docs-icon-reload {
left: -21px;
top: -4146px
}
.docs-icon-reload-rtl {
left: 0;
top: -3960px
}
.docs-icon-insert-page-break {
left: -21px;
top: -3666px
}
.docs-icon-close {
left: -21px;
top: -654px
}
.docs-icon-check {
left: -21px;
top: -1791px
}
.docs-icon-up {
left: -21px;
top: -3159px
}
.docs-icon-down {
left: -21px;
top: -402px
}
.docs-icon-add-page {
left: 0;
top: -1959px
}
.docs-icon-email {
left: -21px;
top: -108px
}
.docs-icon-insert-equation {
left: -21px;
top: -2400px
}
.docs-icon-insert-horizontal-line {
left: -21px;
top: -3117px
}
.docs-icon-tabstop-center {
left: 0;
top: -3792px
}
.docs-icon-tabstop-center-bottom {
left: 0;
top: -339px
}
.docs-icon-tabstop-left {
left: 0;
top: -255px
}
.docs-icon-tabstop-right {
left: -21px;
top: -1707px
}
.docs-icon-border-all {
left: 0;
top: -1329px
}
.docs-icon-border-right {
left: 0;
top: -45px
}
.docs-icon-border-left {
left: -21px;
top: -1098px
}
.docs-icon-border-top {
left: 0;
top: -4083px
}
.docs-icon-border-bottom {
left: -21px;
top: -45px
}
.docs-icon-border-outside {
left: -21px;
top: -213px
}
.docs-icon-border-inside {
left: -21px;
top: -2001px
}
.docs-icon-border-none {
left: 0;
top: -885px
}
.docs-icon-border-horizontal {
left: 0;
top: -1245px
}
.docs-icon-border-vertical {
left: 0;
top: -1644px
}
.docs-icon-merge {
left: 0;
top: -2022px
}
.docs-icon-wrap {
left: -21px;
top: -1749px
}
.docs-icon-autofilter {
left: 0;
top: -4125px
}
.docs-icon-autofilter-filled {
left: -21px;
top: -381px
}
.docs-icon-insert-function {
left: 0;
top: -3477px
}
.docs-icon-insert-formula {
left: 0;
top: -738px
}
.docs-icon-folder-shared {
left: 0;
top: -3117px
}
.docs-icon-folder-outline {
left: 0;
top: -381px
}
.docs-icon-folder-outline-hover {
left: 0;
top: -2673px
}
.docs-icon-folder-outline-pressed {
left: -21px;
top: -171px
}
.docs-icon-folder-solid {
left: 0;
top: -2568px
}
.docs-icon-drive {
left: -21px;
top: -3624px
}
.docs-icon-drive-grey {
left: -21px;
top: -1077px
}
.docs-icon-drive-grey-hover {
left: 0;
top: -2526px
}
.docs-icon-drive-grey-pressed {
left: 0;
top: -2358px
}
.docs-icon-drive-hover {
left: 0;
top: -1665px
}
.docs-icon-drive-pressed {
left: -21px;
top: -150px
}
.docs-icon-drive-large {
left: 0;
top: -1266px
}
.docs-icon-back {
left: 0;
top: -822px
}
.docs-icon-back-rtl {
left: -21px;
top: -3834px
}
.docs-icon-arrow-more {
left: 0;
top: -276px
}
.docs-icon-arrow-more-rtl {
left: 0;
top: -993px
}
.docs-icon-search-this-document {
left: 0;
top: -24px
}
.docs-icon-arrow-dropdown {
left: 0;
top: -3981px
}
.docs-icon-word-art {
left: -21px;
top: -4083px
}
.docs-icon-delete-x {
left: 0;
top: -2904px
}
.docs-icon-settings {
left: 0;
top: -780px
}
.docs-icon-drive-large-wrapper {
width: 42px;
height: 42px
}
.docs-icon-plus {
left: 0;
top: -1392px
}
.docs-icon-plus-white {
left: 0;
top: -3096px
}
.docs-icon-alert {
left: -21px;
top: -3180px
}
.docs-icon-trash {
left: 0;
top: -507px
}
.docs-icon-locked {
left: -21px;
top: -3729px
}
.docs-icon-unlocked {
left: 0;
top: -2589px
}
.docs-icon-add-fonts {
left: -21px;
top: -507px
}
.docs-icon-enter-compact {
left: 0;
top: -2736px
}
.docs-icon-exit-compact {
left: 0;
top: -1539px
}
.docs-icon-mode-edit {
left: 0;
top: -213px
}
.docs-icon-mode-review {
left: -21px;
top: -318px
}
.docs-icon-mode-review-white {
left: 0;
top: -3372px
}
.docs-icon-mode-view {
left: 0;
top: -654px
}
.docs-icon-mode-view-white {
left: 0;
top: -3330px
}
.docs-icon-chat {
left: -21px;
top: -2946px
}
.docs-icon-star {
left: 0;
top: -1182px
}
.docs-icon-duplicate {
left: -21px;
top: -3855px
}
.docs-icon-file {
left: 0;
top: -2862px
}
.docs-icon-opacity {
left: 0;
top: -3561px
}
.docs-icon-label-slant {
left: 0;
top: -2106px
}
.docs-icon-point-size {
left: -21px;
top: -549px
}
.docs-icon-question {
left: 0;
top: -3687px
}
.docs-icon-vertical-gridlines {
left: -21px;
top: -2631px
}
.docs-icon-left-axis {
left: -21px;
top: -1686px
}
.docs-icon-right-axis {
left: 0;
top: -3897px
}
.docs-icon-left-axis-gridlines {
left: -21px;
top: -3561px
}
.docs-icon-right-axis-gridlines {
left: 0;
top: -3729px
}
.docs-icon-reset {
left: 0;
top: -2043px
}
.docs-icon-drag-move {
left: 0;
top: -3435px
}
.docs-icon-col-dragger {
left: -21px;
top: -927px
}
.docs-icon-chrome-store {
left: -21px;
top: -3051px
}
.docs-icon-fit-area {
left: 0;
top: -3603px
}
.docs-icon-zoom-out {
left: -21px;
top: -2526px
}
.docs-icon-zoom-tool {
left: 0;
top: -2610px
}
.docs-icon-download {
left: 0;
top: -2946px
}
.docs-icon-fusion-table {
left: -21px;
top: -2841px
}
.docs-icon-spreadsheet-sink {
left: 0;
top: -2064px
}
.docs-icon-send-responses {
left: 0;
top: -234px
}
.docs-icon-liveform {
left: -21px;
top: -423px
}
.docs-icon-ellipsis {
left: 0;
top: -1833px
}
.docs-icon-html-preview {
left: -21px;
top: -2505px
}
.docs-icon-grid {
left: -21px;
top: -3264px
}
.docs-icon-add-animation {
left: 0;
top: -150px
}
.docs-icon-playhead {
left: 0;
top: -444px
}
.docs-icon-playhead-rtl {
left: 0;
top: -3519px
}
.docs-icon-unsupported {
left: 0;
top: -906px
}
.docs-icon-calendar {
left: 0;
top: -2001px
}
.docs-zippy-closed {
left: 0;
top: -1728px
}
.docs-zippy-open {
left: -21px;
top: -2967px
}
.docs-icon-bookmark {
left: -21px;
top: -1182px
}
.docs-icon-heading {
left: 0;
top: -3030px
}
.docs-icon-file-blue {
left: -21px;
top: -1350px
}
.docs-icon-web-result {
left: 0;
top: -1518px
}
.docs-icon-mic {
left: -21px;
top: -1917px
}
.docs-icon-paragraph {
left: 0;
top: -2274px
}
.docs-icon-bookmark-black {
left: 0;
top: -1770px
}
.docs-icon-web-result-blue {
left: 0;
top: -465px
}
.docs-icon-popout {
left: -21px;
top: -570px
}
.docs-icon-checkbox {
left: -21px;
top: -3414px
}
.docs-icon-checkbox-type {
left: -21px;
top: -1308px
}
.docs-icon-dropdown-type {
left: -21px;
top: -1644px
}
.docs-icon-grid-type {
left: 0;
top: -3498px
}
.docs-icon-image-type {
left: 0;
top: -2925px
}
.docs-icon-radio-type {
left: 0;
top: -2505px
}
.docs-icon-scale-type {
left: -21px;
top: -2883px
}
.docs-icon-text-type {
left: -21px;
top: -3009px
}
.docs-icon-time-type {
left: 0;
top: -972px
}
.docs-icon-insert-text-block {
left: 0;
top: -3834px
}
.docs-icon-accepting-responses-on {
left: -21px;
top: -1119px
}
.docs-icon-accepting-responses-off {
left: 0;
top: -1371px
}
.docs-icon-decimal-increase {
left: 0;
top: -3918px
}
.docs-icon-decimal-decrease {
left: 0;
top: -1308px
}
.docs-icon-settings-white {
left: -21px;
top: -3498px
}
.docs-icon-no-symbol {
left: 0;
top: -2757px
}
.docs-icon-crop {
left: 0;
top: -3708px
}
.docs-icon-green-check {
left: 0;
top: -3051px
}
.docs-icon-font-size {
left: 0;
top: -1413px
}
.docs-icon-reset-image {
left: 0;
top: -2421px
}
.docs-icon-r-squared {
left: 0;
top: -2169px
}
.docs-icon-graph-legend {
left: 0;
top: -2883px
}
.docs-icon-cast {
left: 0;
top: -1917px
}
.docs-icon-wrap-overflow {
left: -21px;
top: -24px
}
.docs-icon-wrap-wrap {
left: -21px;
top: -1602px
}
.docs-icon-wrap-clip {
left: 0;
top: -3309px
}
.docs-icon-highlights {
left: -21px;
top: -3939px
}
.docs-icon-green-back {
left: 0;
top: -360px
}
.docs-icon-arrow-back-white {
left: 0;
top: -3072px
}
.docs-icon-arrow-back-white-rtl {
left: 0;
top: -630px
}
.docs-icon-help {
left: 0;
top: -1875px
}
.docs-icon-highlight-green {
left: -21px;
top: -3201px
}
.docs-icon-explore-black {
left: -21px;
top: -2799px
}
.docs-icon-explore-black-padded {
left: 0;
top: -3180px
}
.docs-icon-explore-green {
left: 0;
top: -3813px
}
.docs-icon-explore-white {
left: 0;
top: -1686px
}
.docs-icon-insert-autovis-chart {
left: -21px;
top: -738px
}
.docs-icon-insert-autovis-chart-white {
left: 0;
top: -1455px
}
.docs-icon-zoom-in {
left: 0;
top: -2316px
}
.docs-icon-thumb-up {
left: 0;
top: -1098px
}
.docs-icon-thumb-down {
left: 0;
top: -2547px
}
.docs-icon-dlp-warning {
left: 0;
top: -3582px
}
.docs-icon-dogfood {
left: 0;
top: -4065px
}
.docs-icon-add-to-drive {
left: 0;
top: -3939px
}
.docs-icon-paste-without-formatting {
left: -21px;
top: -1980px
}
.docs-icon-qanda {
left: -21px;
top: -2610px
}
.docs-icon-update-chart {
left: 0;
top: -1161px
}
.docs-icon-arrow-back-dark {
left: 0;
top: -3285px
}
.docs-icon-arrow-back-dark-rtl {
left: 0;
top: -948px
}
.docs-icon-open-in-external {
left: -21px;
top: -759px
}
.docs-icon-unlink {
left: 0;
top: -1350px
}
.docs-icon-bar-chart {
left: -21px;
top: -2337px
}
.docs-icon-column-chart {
left: 0;
top: -1014px
}
.docs-icon-line-chart {
left: 0;
top: -549px
}
.docs-icon-pie-chart {
left: -21px;
top: -1413px
}
.docs-icon-pie-chart-outline {
height: 24px;
left: 0;
top: 0;
width: 24px
}
.docs-icon-named-range {
left: 0;
top: -3243px
}
.docs-icon-clock {
left: 0;
top: -696px
}
.docs-icon-cancel {
left: -21px;
top: -255px
}
.docs-icon-arrow-line-tool {
left: 0;
top: -4002px
}
.docs-icon-arrow-tilted {
left: -21px;
top: -2190px
}
.docs-icon-unsupported-black {
left: -21px;
top: -3222px
}
.docs-icon-text-rotation {
left: -21px;
top: -2379px
}
.docs-icon-text-rotation-up {
left: 0;
top: -2148px
}
.docs-icon-text-rotation-down {
left: 0;
top: -3264px
}
.docs-icon-text-rotation-angleup {
left: -21px;
top: -3030px
}
.docs-icon-text-rotation-angledown {
left: -21px;
top: -3813px
}
.docs-icon-text-rotation-vertical {
left: 0;
top: -717px
}
.docs-icon-text-rotation-none {
left: -21px;
top: -2652px
}
.docs-icon-keep-lightbulb {
left: -21px;
top: -717px
}
.docs-icon-update-table {
left: -21px;
top: -3540px
}
.docs-icon-update-slide {
left: -21px;
top: -1560px
}
.docs-icon-overflow-three-dots {
left: -21px;
top: -2232px
}
.docs-icon-restore {
left: -21px;
top: -4002px
}
.docs-icon-paragraph-border-between {
left: 0;
top: -129px
}
.docs-icon-paragraph-border-bottom {
left: 0;
top: -1854px
}
.docs-icon-paragraph-border-left {
left: -21px;
top: -3876px
}
.docs-icon-paragraph-border-right {
left: -21px;
top: -2295px
}
.docs-icon-paragraph-border-top {
left: 0;
top: -3666px
}
.docs-icon-diagram-white {
left: -21px;
top: -1875px
}
.docs-icon-drive-black {
left: -21px;
top: -1812px
}
.docs-icon-file-upload {
left: 0;
top: -2379px
}
.docs-icon-photos {
left: -21px;
top: -906px
}
.docs-icon-keyboard {
left: 0;
top: -318px
}
.docs-icon-dogfood-white {
left: 0;
top: -2715px
}
.docs-icon-hierarchy {
left: -21px;
top: -843px
}
.docs-icon-timeline {
left: 0;
top: -3138px
}
.docs-icon-process {
left: 0;
top: -2841px
}
.docs-icon-transition {
left: 0;
top: -612px
}
.docs-icon-mask {
left: 0;
top: -1224px
}
.docs-icon-visibility-off {
left: 0;
top: -2337px
}
.docs-icon-volume-up {
left: -21px;
top: -3372px
}
.docs-icon-camera {
left: -21px;
top: -2484px
}
.docs-icon-pivot-table {
left: 0;
top: -1623px
}
.docs-icon-insert-pivot-table {
left: 0;
top: -3159px
}
@media screen and (-webkit-min-device-pixel-ratio:2) {
.docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/jfk_sprite_hdpi124.png)
}
.docs-icon-img-container {
height: 4380px;
position: absolute;
width: 42px
}
.docs-icon-save {
left: 0;
top: -3870px
}
.docs-icon-print {
left: 0;
top: -1578px
}
.docs-icon-undo,
.docs-icon-redo-rtl {
left: 0;
top: -3282px
}
.docs-icon-redo,
.docs-icon-undo-rtl {
left: -21px;
top: -1137px
}
.docs-icon-copy {
left: -21px;
top: -3282px
}
.docs-icon-cut {
left: 0;
top: -360px
}
.docs-icon-paste {
left: -21px;
top: -594px
}
.docs-icon-document {
left: 0;
top: -42px
}
.docs-icon-presentation {
left: -21px;
top: -2292px
}
.docs-icon-punch {
left: -21px;
top: -2292px
}
.docs-icon-spreadsheet {
left: -21px;
top: -510px
}
.docs-icon-form {
left: -21px;
top: -990px
}
.docs-icon-form-black {
left: -21px;
top: -3660px
}
.docs-icon-drawing {
left: -21px;
top: -3828px
}
.docs-icon-site {
left: 0;
top: -3177px
}
.docs-icon-drawing-black {
left: 0;
top: -3618px
}
.docs-icon-excel {
left: 0;
top: -84px
}
.docs-icon-powerpoint {
left: -21px;
top: -3492px
}
.docs-icon-word {
left: -21px;
top: -864px
}
.docs-icon-script {
left: -21px;
top: -2862px
}
.docs-icon-code {
left: -21px;
top: -2862px
}
.docs-icon-insert-script {
left: -21px;
top: -3261px
}
.docs-icon-gadget {
left: 0;
top: -2145px
}
.docs-icon-image {
left: 0;
top: -4146px
}
.docs-icon-clipboard {
left: -21px;
top: -1683px
}
.docs-icon-bold {
left: -21px;
top: -1200px
}
.docs-icon-italic {
left: -21px;
top: -759px
}
.docs-icon-text-color {
left: 0;
top: -738px
}
.docs-icon-align-left {
left: 0;
top: -510px
}
.docs-icon-align-center {
left: 0;
top: -4083px
}
.docs-icon-align-right {
left: -21px;
top: -3198px
}
.docs-icon-align-justify {
left: 0;
top: -2061px
}
.docs-icon-align-shapes-left {
left: -21px;
top: -1704px
}
.docs-icon-align-shapes-center {
left: 0;
top: -2799px
}
.docs-icon-align-shapes-right {
left: 0;
top: -615px
}
.docs-icon-align-shapes-top {
left: 0;
top: -1053px
}
.docs-icon-align-shapes-middle {
left: -21px;
top: -2355px
}
.docs-icon-align-shapes-bottom {
left: 0;
top: -3345px
}
.docs-icon-distribute-shapes-horizontally {
left: -21px;
top: -105px
}
.docs-icon-distribute-shapes-vertically {
left: 0;
top: -3093px
}
.docs-icon-valign-top {
left: 0;
top: -2967px
}
.docs-icon-valign-middle {
left: 0;
top: -318px
}
.docs-icon-valign-bottom {
left: -21px;
top: -2208px
}
.docs-icon-list-number {
left: 0;
top: -2757px
}
.docs-icon-list-bullet {
left: -21px;
top: -3870px
}
.docs-icon-indent {
left: -21px;
top: -1431px
}
.docs-icon-outdent {
left: -21px;
top: -4104px
}
.docs-icon-line-spacing {
left: -21px;
top: -4041px
}
.docs-icon-columns {
left: 0;
top: -2463px
}
.docs-icon-underline {
left: -21px;
top: -1494px
}
.docs-icon-text-bgcolor {
left: -21px;
top: -2187px
}
.docs-icon-textbox {
left: 0;
top: -1557px
}
.docs-icon-shapes {
left: -21px;
top: 0
}
.docs-icon-line-width {
left: 0;
top: -2862px
}
.docs-icon-add-trendline {
left: 0;
top: -3051px
}
.docs-icon-data-label {
left: 0;
top: -4314px
}
.docs-icon-next {
left: -21px;
top: -2271px
}
.docs-icon-previous {
left: 0;
top: -2208px
}
.docs-icon-no-color {
left: 0;
top: -1095px
}
.docs-icon-fill-color {
left: 0;
top: -2355px
}
.docs-icon-line-color {
left: -21px;
top: -381px
}
.docs-icon-line-type {
left: 0;
top: -1116px
}
.docs-icon-table {
left: -21px;
top: -1872px
}
.docs-icon-comment {
left: 0;
top: -1326px
}
.docs-icon-comment-blank {
left: 0;
top: -4167px
}
.docs-icon-comment-blank-highlighted {
left: 0;
top: -489px
}
.docs-icon-insert-comment {
left: 0;
top: -1326px
}
.docs-icon-chart {
left: 0;
top: -1431px
}
.docs-icon-list-number-rtl {
left: -21px;
top: -2988px
}
.docs-icon-list-bullet-rtl {
left: 0;
top: -1284px
}
.docs-icon-indent-rtl {
left: 0;
top: -1977px
}
.docs-icon-outdent-rtl {
left: 0;
top: -63px
}
.docs-icon-line-spacing-rtl {
left: 0;
top: -1221px
}
.docs-icon-text-ltr {
left: -21px;
top: -4188px
}
.docs-icon-text-rtl {
left: 0;
top: -678px
}
.docs-icon-sheet-rtl {
left: -21px;
top: -234px
}
.docs-icon-share {
left: 0;
top: -105px
}
.docs-icon-subscript {
left: 0;
top: -2103px
}
.docs-icon-superscript {
left: 0;
top: -4041px
}
.docs-icon-strikethrough {
left: 0;
top: -3135px
}
.docs-icon-clear-formatting {
left: 0;
top: -1389px
}
.docs-icon-link {
left: 0;
top: -4335px
}
.docs-icon-special-character {
left: -21px;
top: -2082px
}
.docs-icon-close-white {
left: -21px;
top: -1242px
}
.docs-icon-close-small {
left: 0;
top: -3996px
}
.docs-icon-close-thin {
left: 0;
top: -2988px
}
.docs-icon-paint-format {
left: 0;
top: -2694px
}
.docs-icon-video {
left: -21px;
top: -2019px
}
.docs-icon-reload {
left: -21px;
top: -3975px
}
.docs-icon-reload-rtl {
left: -21px;
top: -1620px
}
.docs-icon-insert-page-break {
left: -21px;
top: -3639px
}
.docs-icon-close {
left: 0;
top: -1137px
}
.docs-icon-check {
left: 0;
top: -1242px
}
.docs-icon-up {
left: -21px;
top: -531px
}
.docs-icon-down {
left: -21px;
top: -3723px
}
.docs-icon-add-page {
left: -21px;
top: -1788px
}
.docs-icon-email {
left: -21px;
top: -3156px
}
.docs-icon-insert-equation {
left: -21px;
top: -3072px
}
.docs-icon-insert-horizontal-line {
left: -21px;
top: -2418px
}
.docs-icon-tabstop-center {
left: 0;
top: -1872px
}
.docs-icon-tabstop-center-bottom {
left: -21px;
top: -780px
}
.docs-icon-tabstop-left {
left: -21px;
top: -2757px
}
.docs-icon-tabstop-right {
left: 0;
top: -1515px
}
.docs-icon-border-all {
left: 0;
top: -1179px
}
.docs-icon-border-right {
left: 0;
top: -1683px
}
.docs-icon-border-left {
left: -21px;
top: -678px
}
.docs-icon-border-top {
left: 0;
top: -2568px
}
.docs-icon-border-bottom {
left: -21px;
top: -822px
}
.docs-icon-border-outside {
left: 0;
top: -3387px
}
.docs-icon-border-inside {
left: -21px;
top: -3345px
}
.docs-icon-border-none {
left: -21px;
top: -189px
}
.docs-icon-border-horizontal {
left: 0;
top: -1305px
}
.docs-icon-border-vertical {
left: -21px;
top: -1662px
}
.docs-icon-merge {
left: -21px;
top: -3534px
}
.docs-icon-wrap {
left: -21px;
top: -4146px
}
.docs-icon-autofilter {
left: 0;
top: -4272px
}
.docs-icon-autofilter-filled {
left: 0;
top: -3660px
}
.docs-icon-insert-function {
left: 0;
top: -1368px
}
.docs-icon-insert-formula {
left: 0;
top: -3681px
}
.docs-icon-folder-shared {
left: -21px;
top: -3240px
}
.docs-icon-folder-outline {
left: 0;
top: -1200px
}
.docs-icon-folder-outline-hover {
left: -21px;
top: -1914px
}
.docs-icon-folder-outline-pressed {
left: 0;
top: -885px
}
.docs-icon-folder-solid {
left: -21px;
top: -573px
}
.docs-icon-drive {
left: 0;
top: -2334px
}
.docs-icon-drive-grey {
left: 0;
top: -4125px
}
.docs-icon-drive-grey-hover {
left: -18px;
top: -3786px
}
.docs-icon-drive-grey-pressed {
left: 0;
top: -573px
}
.docs-icon-drive-hover {
left: -21px;
top: -2334px
}
.docs-icon-drive-pressed {
left: 0;
top: -3450px
}
.docs-icon-drive-large {
left: 0;
top: -3576px
}
.docs-icon-back {
left: 0;
top: -4293px
}
.docs-icon-back-rtl {
left: 0;
top: -2547px
}
.docs-icon-arrow-more {
left: -21px;
top: -3891px
}
.docs-icon-arrow-more-rtl {
left: 0;
top: -531px
}
.docs-icon-search-this-document {
left: 0;
top: -423px
}
.docs-icon-arrow-dropdown {
left: -21px;
top: -969px
}
.docs-icon-word-art {
left: -21px;
top: -297px
}
.docs-icon-delete-x {
left: 0;
top: -3891px
}
.docs-icon-settings {
left: -21px;
top: -4335px
}
.docs-icon-drive-large-wrapper {
width: 42px;
height: 42px
}
.docs-icon-plus {
left: 0;
top: -1998px
}
.docs-icon-plus-white {
left: 0;
top: -2082px
}
.docs-icon-alert {
left: -21px;
top: -3408px
}
.docs-icon-trash {
left: -21px;
top: -3303px
}
.docs-icon-locked {
left: 0;
top: -1410px
}
.docs-icon-unlocked {
left: 0;
top: -1704px
}
.docs-icon-add-fonts {
left: -21px;
top: -318px
}
.docs-icon-enter-compact {
left: 0;
top: -126px
}
.docs-icon-exit-compact {
left: -21px;
top: -2967px
}
.docs-icon-mode-edit {
left: -21px;
top: -3030px
}
.docs-icon-mode-review {
left: 0;
top: -468px
}
.docs-icon-mode-review-white {
left: 0;
top: -255px
}
.docs-icon-mode-view {
left: -21px;
top: -1998px
}
.docs-icon-mode-view-white {
left: 0;
top: -1074px
}
.docs-icon-chat {
left: -21px;
top: -2040px
}
.docs-icon-star {
left: 0;
top: -4188px
}
.docs-icon-duplicate {
left: -21px;
top: -1452px
}
.docs-icon-file {
left: 0;
top: -1452px
}
.docs-icon-opacity {
left: -21px;
top: -2694px
}
.docs-icon-label-slant {
left: -21px;
top: -1116px
}
.docs-icon-point-size {
left: 0;
top: -2376px
}
.docs-icon-question {
left: -21px;
top: -657px
}
.docs-icon-vertical-gridlines {
left: 0;
top: -1788px
}
.docs-icon-left-axis {
left: -21px;
top: -3765px
}
.docs-icon-right-axis {
left: 0;
top: -1662px
}
.docs-icon-left-axis-gridlines {
left: 0;
top: -657px
}
.docs-icon-right-axis-gridlines {
left: -21px;
top: -4083px
}
.docs-icon-reset {
left: -21px;
top: -1032px
}
.docs-icon-drag-move {
left: 0;
top: -3555px
}
.docs-icon-col-dragger {
left: -21px;
top: -1767px
}
.docs-icon-chrome-store {
left: 0;
top: -3492px
}
.docs-icon-fit-area {
left: 0;
top: -3975px
}
.docs-icon-zoom-out {
left: 0;
top: -2589px
}
.docs-icon-zoom-tool {
left: 0;
top: -3828px
}
.docs-icon-download {
left: -21px;
top: -423px
}
.docs-icon-fusion-table {
left: -21px;
top: -3954px
}
.docs-icon-spreadsheet-sink {
left: 0;
top: -3030px
}
.docs-icon-send-responses {
left: -21px;
top: -2145px
}
.docs-icon-liveform {
left: 0;
top: -3912px
}
.docs-icon-ellipsis {
left: 0;
top: -3471px
}
.docs-icon-html-preview {
left: -21px;
top: -3807px
}
.docs-icon-grid {
left: 0;
top: -990px
}
.docs-icon-add-animation {
left: 0;
top: -2484px
}
.docs-icon-playhead {
left: 0;
top: -2229px
}
.docs-icon-playhead-rtl {
left: 0;
top: -843px
}
.docs-icon-unsupported {
left: 0;
top: -1011px
}
.docs-icon-calendar {
left: -21px;
top: -3912px
}
.docs-zippy-closed {
left: -21px;
top: -1347px
}
.docs-zippy-open {
left: 0;
top: -2673px
}
.docs-icon-bookmark {
left: -21px;
top: -2397px
}
.docs-icon-heading {
left: 0;
top: -3408px
}
.docs-icon-file-blue {
left: 0;
top: -2418px
}
.docs-icon-web-result {
left: 0;
top: -3072px
}
.docs-icon-mic {
left: 0;
top: -4251px
}
.docs-icon-paragraph {
left: 0;
top: -339px
}
.docs-icon-bookmark-black {
left: 0;
top: -147px
}
.docs-icon-web-result-blue {
left: -21px;
top: -1011px
}
.docs-icon-popout {
left: 0;
top: -906px
}
.docs-icon-checkbox {
left: -21px;
top: -4062px
}
.docs-icon-checkbox-type {
left: 0;
top: -3429px
}
.docs-icon-dropdown-type {
left: 0;
top: -189px
}
.docs-icon-grid-type {
left: -21px;
top: -2946px
}
.docs-icon-image-type {
left: 0;
top: -3240px
}
.docs-icon-radio-type {
left: 0;
top: -3303px
}
.docs-icon-scale-type {
left: 0;
top: -2715px
}
.docs-icon-text-type {
left: -21px;
top: -2736px
}
.docs-icon-time-type {
left: -21px;
top: -552px
}
.docs-icon-insert-text-block {
left: -21px;
top: -3681px
}
.docs-icon-accepting-responses-on {
left: 0;
top: -1347px
}
.docs-icon-accepting-responses-off {
left: 0;
top: -2505px
}
.docs-icon-decimal-increase {
left: -21px;
top: -1536px
}
.docs-icon-decimal-decrease {
left: 0;
top: -2271px
}
.docs-icon-settings-white {
left: 0;
top: -1893px
}
.docs-icon-no-symbol {
left: 0;
top: -1956px
}
.docs-icon-crop {
left: 0;
top: -2778px
}
.docs-icon-green-check {
left: 0;
top: -3513px
}
.docs-icon-font-size {
left: 0;
top: -1032px
}
.docs-icon-reset-image {
left: -21px;
top: -3366px
}
.docs-icon-r-squared {
left: 0;
top: -3933px
}
.docs-icon-graph-legend {
left: 0;
top: -3849px
}
.docs-icon-cast {
left: 0;
top: -2019px
}
.docs-icon-wrap-overflow {
left: 0;
top: -948px
}
.docs-icon-wrap-wrap {
left: -21px;
top: -2124px
}
.docs-icon-wrap-clip {
left: 0;
top: -3639px
}
.docs-icon-highlights {
left: 0;
top: -3744px
}
.docs-icon-green-back {
left: -21px;
top: -2715px
}
.docs-icon-arrow-back-white {
left: 0;
top: -4017px
}
.docs-icon-arrow-back-white-rtl {
left: 0;
top: -2439px
}
.docs-icon-help {
left: 0;
top: -1851px
}
.docs-icon-highlight-green {
left: 0;
top: -1536px
}
.docs-icon-explore-black {
left: 0;
top: -1473px
}
.docs-icon-explore-black-padded {
left: 0;
top: -3114px
}
.docs-icon-explore-green {
left: 0;
top: -381px
}
.docs-icon-explore-white {
left: 0;
top: -3534px
}
.docs-icon-insert-autovis-chart {
left: 0;
top: -2610px
}
.docs-icon-insert-autovis-chart-white {
left: 0;
top: -297px
}
.docs-icon-zoom-in {
left: -21px;
top: -1389px
}
.docs-icon-thumb-up {
left: -21px;
top: -339px
}
.docs-icon-thumb-down {
left: -21px;
top: -4251px
}
.docs-icon-dlp-warning {
left: -21px;
top: -255px
}
.docs-icon-dogfood {
left: 0;
top: -3786px
}
.docs-icon-add-to-drive {
left: 0;
top: -21px
}
.docs-icon-paste-without-formatting {
left: 0;
top: -1158px
}
.docs-icon-qanda {
left: 0;
top: -3198px
}
.docs-icon-update-chart {
left: 0;
top: -594px
}
.docs-icon-arrow-back-dark {
left: 0;
top: -210px
}
.docs-icon-arrow-back-dark-rtl {
left: 0;
top: -444px
}
.docs-icon-open-in-external {
left: 0;
top: -234px
}
.docs-icon-unlink {
left: 0;
top: -276px
}
.docs-icon-bar-chart {
left: 0;
top: 0
}
.docs-icon-column-chart {
left: -21px;
top: -2568px
}
.docs-icon-line-chart {
left: -21px;
top: -927px
}
.docs-icon-pie-chart {
left: 0;
top: -717px
}
.docs-icon-pie-chart-outline {
height: 24px;
left: 0;
top: -4356px;
width: 24px
}
.docs-icon-named-range {
left: 0;
top: -3765px
}
.docs-icon-clock {
left: -21px;
top: -843px
}
.docs-icon-cancel {
left: 0;
top: -1767px
}
.docs-icon-arrow-line-tool {
left: 0;
top: -168px
}
.docs-icon-arrow-tilted {
left: 0;
top: -864px
}
.docs-icon-unsupported-black {
left: -21px;
top: -3471px
}
.docs-icon-text-rotation {
left: 0;
top: -1830px
}
.docs-icon-text-rotation-up {
left: 0;
top: -3009px
}
.docs-icon-text-rotation-down {
left: 0;
top: -822px
}
.docs-icon-text-rotation-angleup {
left: -21px;
top: -1557px
}
.docs-icon-text-rotation-angledown {
left: -21px;
top: -1095px
}
.docs-icon-text-rotation-vertical {
left: 0;
top: -2946px
}
.docs-icon-text-rotation-none {
left: 0;
top: -2904px
}
.docs-icon-keep-lightbulb {
left: -21px;
top: -2610px
}
.docs-icon-update-table {
left: -21px;
top: -1179px
}
.docs-icon-update-slide {
left: -21px;
top: -2652px
}
.docs-icon-overflow-three-dots {
left: 0;
top: -969px
}
.docs-icon-restore {
left: -21px;
top: -2229px
}
.docs-icon-paragraph-border-between {
left: -21px;
top: -3429px
}
.docs-icon-paragraph-border-bottom {
left: -21px;
top: -1977px
}
.docs-icon-paragraph-border-left {
left: -21px;
top: -615px
}
.docs-icon-paragraph-border-right {
left: -21px;
top: -1893px
}
.docs-icon-paragraph-border-top {
left: 0;
top: -2250px
}
.docs-icon-diagram-white {
left: 0;
top: -2397px
}
.docs-icon-drive-black {
left: 0;
top: -3324px
}
.docs-icon-file-upload {
left: -21px;
top: -1221px
}
.docs-icon-photos {
left: -21px;
top: -4230px
}
.docs-icon-keyboard {
left: -21px;
top: -3135px
}
.docs-icon-dogfood-white {
left: 0;
top: -2040px
}
.docs-icon-hierarchy {
left: 0;
top: -1263px
}
.docs-icon-timeline {
left: 0;
top: -1809px
}
.docs-icon-process {
left: -21px;
top: -2166px
}
.docs-icon-transition {
left: -21px;
top: -699px
}
.docs-icon-mask {
left: -21px;
top: -21px
}
.docs-icon-visibility-off {
left: 0;
top: -2883px
}
.docs-icon-volume-up {
left: 0;
top: -2652px
}
.docs-icon-camera {
left: -21px;
top: -2925px
}
.docs-icon-pivot-table {
left: -21px;
top: -2841px
}
.docs-icon-insert-pivot-table {
left: 0;
top: -2313px
}
}
#googlebar-coldstart {
height: 28px;
line-height: 28px;
background-color: transparent;
padding: 0 30px;
z-index: 1003
}
.googlebar-coldstart-email-container {
background-color: #fff;
float: right;
height: inherit
}
.googlebar-coldstart-email {
color: #999;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 11px;
padding: 0 15px
}
.modal-dialog a {
color: #15c
}
.docs-material #docs-branding-container {
margin-top: 0;
width: 64px
}
.docs-material .docs-branding-icon,
.docs-material #docs-branding-container a,
.docs-material #docs-branding-logo,
.docs-material #docs-drive-logo {
height: 40px;
width: 40px
}
.docs-material #docs-branding-container a,
.docs-material #docs-branding-container .docs-branding-logo-no-link {
border-radius: 50%;
margin: 4px 0 4px 8px;
padding: 8px
}
.docs-material #docs-branding-container a:focus {
background-color: rgba(0, 0, 0, .06);
outline: none
}
.docs-material #docs-menubar,
.docs-material #docs-titlebar-container {
margin-left: 64px
}
.docs-material .docs-title-outer {
margin-left: 0
}
.docs-material #docs-folder:not(.docs-titlebar-badge) {
margin-top: 1px
}
.docs-material #docs-branding-container {
background-color: inherit
}
.docs-material .docs-branding-icon-img:before {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475.svg)
}
.docs-material .docs-branding-icon-documents {
left: 0;
top: -8790px
}
.docs-material .docs-branding-icon-documents_2020q4 {
left: 0;
top: -40px
}
.docs-material .docs-branding-icon-documents-36 {
left: -20px;
top: -5598px
}
.docs-material .docs-branding-icon-drawings {
left: 0;
top: -6374px
}
.docs-material .docs-branding-icon-drawings-36 {
left: -40px;
top: -1694px
}
.docs-material .docs-branding-icon-default,
.docs-material .docs-branding-icon-forms,
.docs-material .docs-branding-icon-scripts,
.docs-material .docs-branding-icon-drive {
left: -20px;
top: -8562px
}
.docs-material .docs-branding-icon-spreadsheets {
left: 0;
top: -10686px
}
.docs-material .docs-branding-icon-spreadsheets-2020q4 {
left: 0;
top: -8190px
}
.docs-material .docs-branding-icon-spreadsheets-36 {
left: 0;
top: -1728px
}
.docs-material .docs-branding-icon-presentations {
left: -40px;
top: -10186px
}
.docs-material .docs-branding-icon-presentations-2020q4 {
left: -22px;
top: -3614px
}
.docs-material .docs-branding-icon-presentations-36 {
left: -40px;
top: -10848px
}
.docs-material #docs-branding-container:not(.docs-branding-crossfade-transition-disabled):hover #docs-drive-logo {
opacity: 0
}
.docs-material #docs-branding-container:not(.docs-branding-crossfade-transition-disabled):hover #docs-branding-logo {
opacity: 1
}
.docs-material #docs-activity-indicator {
padding-top: 3px
}
.docs-material .docs-titlebar-badges .jfk-activityIndicator {
vertical-align: top
}
.docs-material #docs-header #docs-titlebar {
padding-top: 9px
}
.docs-material #docs-header.docs-hub-appbar #docs-titlebar {
padding-top: calc((56px - 24px)/2 - 2px)
}
.docs-material #docs-header #docs-titlebar-container {
max-height: 33px
}
.docs-material #docs-header.docs-hub-appbar #docs-titlebar-container {
margin-left: 0;
max-height: none
}
.docs-material .docs-menubar {
height: 31px
}
.docs-material #docs-branding-container,
.docs-material #docs-chrome-cover {
height: 64px
}
.docs-material .docs-appbar-circle-button.jfk-button {
box-shadow: none;
background-color: transparent;
background-image: none;
cursor: pointer;
height: 40px;
width: 40px;
border-radius: 50%;
border-width: 1px;
border-style: solid;
border-color: transparent;
box-shadow: none;
background-clip: padding-box;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
min-width: 0;
padding: 0;
margin: 0 9px 0 0
}
.docs-material .docs-appbar-circle-button.jfk-button .docs-icon {
height: 24px;
width: 24px;
opacity: 0.54
}
.docs-gm .docs-material .docs-appbar-circle-button.jfk-button .docs-icon {
opacity: 1
}
.docs-material .docs-appbar-circle-button.jfk-button-hover,
.docs-material .docs-appbar-circle-button.jfk-button:focus {
background-color: rgba(0, 0, 0, .06)
}
.docs-material .docs-appbar-circle-button.jfk-button-active,
.docs-material .docs-appbar-circle-button.jfk-button-checked {
background-color: rgba(0, 0, 0, 0.12)
}
.docs-gm .docs-material .docs-appbar-circle-button.jfk-button-active,
.docs-gm .docs-material .docs-appbar-circle-button.jfk-button-checked {
background-color: #e6f4ea
}
.docs-material .docs-appbar-circle-button.jfk-button-active .docs-icon,
.docs-material .docs-appbar-circle-button.jfk-button-checked .docs-icon {
opacity: 0.87
}
.docs-gm .docs-material .docs-appbar-circle-button.jfk-button-active .docs-icon,
.docs-gm .docs-material .docs-appbar-circle-button.jfk-button-checked .docs-icon {
opacity: 1
}
.docs-material .docs-appbar-circle-button.jfk-button-disabled .docs-icon {
opacity: .26
}
.docs-gm .docs-material .docs-appbar-circle-button.jfk-button-disabled .docs-icon {
opacity: .38
}
.docs-material .docs-appbar-circle-button.jfk-button-disabled {
cursor: inherit
}
.docs-material .docs-chat.jfk-button {
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
transition: background 0.2s 0.1s;
background-color: #e8eaed;
background-image: none
}
.docs-gm .docs-material .docs-chat.jfk-button,
.docs-gm .docs-material .docs-chat.jfk-button.jfk-button-clear-outline,
.docs-gm .docs-material .docs-chat.jfk-button.jfk-button-active.jfk-button-focused {
background-color: #fff;
border: 2px solid #dadce0;
box-shadow: 0 0 0 2px #fff
}
.docs-gm .docs-material .docs-chat.jfk-button.jfk-button-focused {
background-color: #fff
}
.docs-material .docs-chat.jfk-button,
.docs-material .docs-chat.jfk-button.jfk-button-clear-outline,
.docs-material .docs-chat.jfk-button.jfk-button-active.jfk-button-focused {
height: 32px;
width: 32px;
border-radius: 50%;
border-width: 2px;
border-style: solid;
border-color: #fff;
box-shadow: none;
background-clip: padding-box;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
margin: 0 0 0 -8px
}
.docs-material .docs-chat.jfk-button.jfk-button-hover {
background-color: #dadce0
}
.docs-gm .docs-material .docs-chat.jfk-button.jfk-button-hover,
.docs-gm .docs-material .docs-chat.jfk-button.jfk-button-hover.jfk-button-clear-outline,
.docs-gm .docs-material .docs-chat.jfk-button.jfk-button-hover.jfk-button-focused {
background-color: #dadce0
}
.docs-gm .docs-material .docs-chat.jfk-button.jfk-button-hover.jfk-button-clear-outline.jfk-button-focused.jfk-button-active {
margin: 0 0 0 -8px
}
.docs-material .docs-chat.jfk-button.jfk-button-active {
background-color: #bdc1c6
}
.docs-material .docs-chat.jfk-button.jfk-button-focused {
border: 4px solid rgba(0, 0, 0, 0.12);
margin: -2px -2px -2px -10px
}
.docs-gm .docs-material .docs-chat.jfk-button.jfk-button-focused {
border: 4px solid rgba(0, 0, 0, 0.12);
margin: -2px -2px -2px -10px;
box-shadow: none
}
.docs-material .docs-chat.jfk-button .docs-icon {
-webkit-transition-duration: 200ms;
-moz-transition-duration: 200ms;
-o-transition-duration: 200ms;
transition-duration: 200ms;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
opacity: .71;
margin: 0
}
.docs-material .docs-chat.jfk-button.jfk-button-active .docs-icon,
.docs-material .docs-chat.jfk-button.jfk-button-checked .docs-icon,
.docs-material .docs-chat.jfk-button.jfk-button-focused .docs-icon,
.docs-material .docs-chat.jfk-button.jfk-button-hover .docs-icon {
opacity: .86
}
.docs-material .docs-chat.jfk-button.jfk-button-disabled .docs-icon {
opacity: 0.5
}
.docs-material .docs-chat-badge {
border-radius: 50%;
border: 1px solid #fff;
right: -3px;
top: -3px
}
.docs-gm .docs-explore-feedback-title,
.docs-gm .docs-explore-feedback-button {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px
}
.docs-gm .docs-explore-sidebar-title-heading,
.docs-gm .docs-explore-sidebar-title-heading-button {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
position: relative;
left: auto;
height: auto;
max-width: calc(100% - 64px);
padding: 0;
right: auto;
top: auto
}
.docs-gm .docs-explore-sidebar-title-heading-button {
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px
}
.docs-gm .docs-explore-serp-webresultscard-header-text,
.docs-gm .docs-explore-serp-webresultscard-allresults-text {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px
}
.docs-gm .docs-explore-serp-enterpriseresultscard-allresults-text {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px
}
.docs-gm .docs-explore-serp-enterpriseresult-embeddeditems-show-more-button {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500
}
.docs-gm .docs-explore-serp-enterpriseresult-snippet {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px
}
.docs-gm .docs-explore-serp-enterpriseresult-title {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px
}
.docs-gm .docs-explore-searchbar-labelinput {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px
}
.docs-gm .docs-explore-card-title-heading {
color: #3c4043;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 24px;
text-transform: none
}
.docs-gm .docs-explore-card-more-button {
color: #1a73e8;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 20px
}
.docs-gm .docs-explore-card-subtitle {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 16px
}
.docs-material.goog-menu.goog-menu-nocheckbox .goog-menuitem,
.docs-material.goog-menu.goog-menu-noicon .goog-menuitem {
padding-left: 16px
}
.docs-material.goog-menu .goog-menuitem {
padding-left: 36px
}
.docs-material.goog-menu .apps-menuitem .goog-menuitem-checkbox,
.docs-material.goog-menu .apps-menuitem .goog-menuitem-icon {
left: 8px
}
.docs-material.goog-menu .apps-menuitem.goog-option-selected {
background-position: left 5px center
}
.docs-gm .docs-material.goog-menu .apps-menuitem.goog-option-selected {
background-image: none
}
.docs-gm .docs-material.goog-menu .apps-menuitem.goog-option-selected .goog-menuitem-checkbox {
background: no-repeat url(//ssl.gstatic.com/docs/common/material_common_sprite475.svg) 0 -5144px;
height: 18px;
width: 18px;
top: 50%;
margin-top: -9px
}
.docs-gm .docs-menubar .goog-control {
border: 1px solid transparent;
border-radius: 4px;
box-shadow: none;
color: #202124;
cursor: pointer;
font-size: 14px;
letter-spacing: .2px;
padding: 4px 6px
}
.docs-gm .docs-menubar .goog-control-hover {
background-color: #f1f3f4
}
.docs-gm .docs-menubar .goog-control-open {
background-color: #e6f4ea
}
.docs-gm .docs-menubar .goog-control-active,
.docs-gm .docs-menubar .goog-control:hover:active {
background-color: #ceead6
}
.docs-gm .docs-menubar .goog-control-disabled {
color: #9aa0a6;
background-color: white;
cursor: default
}
.docs-gm .docs-menubar .docs-menu-button-open-below,
.docs-gm .docs-menubar .docs-menu-button-open-above {
z-index: 1003
}
.docs-gm .docs-menubar .goog-control.docs-menu-button-open-below {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.docs-gm .goog-menu.docs-menu-attached-button-above {
border-top-left-radius: 0
}
.docs-gm .goog-menu.docs-menu-attached-button-below {
border-bottom-left-radius: 0
}
.docs-gm .goog-menu {
border: 1px solid transparent;
border-radius: 4px;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
max-height: calc(100vh - 94px);
overflow-y: auto
}
.docs-gm .goog-menu .goog-dimension-picker,
.docs-gm .goog-menu.docs-fontmenu {
overflow: hidden
}
.docs-gm .goog-menu.docs-ruler-context-menu {
overflow: visible
}
.docs-gm .docs-fontmenu {
max-height: unset
}
.docs-gm .goog-menuseparator {
border-top: 1px solid #dadce0;
margin: 8px 0 8px 36px
}
.docs-gm .docs-colormenuitems .goog-menuseparator,
.docs-gm .waffle-conditionalformat-default-menu .goog-menuseparator {
margin-left: 0
}
.docs-gm .goog-menu-noicon .goog-menuseparator {
margin-left: 13px
}
.docs-gm .goog-menuitem {
color: #202124;
font-size: 14px;
letter-spacing: .2px;
line-height: 20px
}
.docs-gm .goog-menu .goog-menuitem {
padding: 6px 15px 6px 38px
}
.docs-gm .goog-menu-noicon .goog-menuitem {
padding-left: 15px
}
.docs-gm .goog-menu .apps-menuitem .goog-menuitem-checkbox,
.docs-gm .goog-menu .apps-menuitem .goog-menuitem-icon:not(.docs-omnibox-row-icon) {
margin: 7px 8px 7px 12px;
left: 0;
top: 0
}
.docs-gm.docs-hc-gecko .goog-menu .apps-menuitem .goog-menuitem-checkbox {
filter: invert(100%)
}
.docs-gm .goog-menuitem .goog-menuitem-content {
min-height: 20px
}
.docs-gm .goog-menuitem .goog-submenu-arrow {
padding-top: 0
}
.docs-gm .goog-menuitem .docs-toolbar-mode-switcher-menu-description,
.docs-gm .goog-menuitem .docs-display-density-toolbar-menuitem-description,
.docs-gm .goog-menuitem .punch-qanda-presenter-view-menu-item-description {
color: #5f6368;
font-size: 12px;
line-height: 1
}
.docs-gm .goog-menuitem-highlight {
border: none;
background-color: #f1f3f4
}
.docs-gm .docs-submenuitem.goog-menuitem {
padding-right: 10px
}
.docs-gm .docs-fontmenu .goog-menuitem {
padding-right: 48px
}
.docs-gm .goog-menuitem-disabled,
.docs-gm .goog-menuitem-disabled .goog-menuitem-content {
color: #9aa0a6 !important
}
.docs-gm .goog-menuitem-active:hover:active {
background-color: #e8eaed
}
.docs-gm .goog-menuitem-accel,
.docs-gm .goog-menuitem-disabled .goog-menuitem-accel {
color: #80868b;
font-weight: 500
}
.docs-gm .docs-ruler-context-menu-arrow-before {
border: 0
}
.docs-gm .docs-omnibox-autocomplete .goog-menuitem-icon {
top: auto
}
@media screen and (forced-colors:active) {
.docs-gm .goog-menuitem-highlight,
.docs-gm .goog-menuitem-highlight .goog-menuitem-content,
.docs-gm .goog-menuitem-highlight .goog-menuitem-label,
.docs-gm .goog-menuitem-highlight .goog-menuitem-accel,
.docs-gm .goog-menuitem-highlight .goog-submenu-arrow,
.docs-gm .docs-menubar .goog-control-open {
background-color: Highlight !important;
color: HighlightText !important;
forced-color-adjust: none
}
.docs-gm .docs-menubar .goog-control {
border-color: Canvas
}
.docs-gm .docs-menubar .goog-control-open {
border-color: Highlight
}
.docs-gm .goog-menuitem-disabled,
.docs-gm .goog-menuitem-disabled .goog-menuitem-content,
.docs-gm .goog-menuitem-disabled .goog-menuitem-label,
.docs-gm .goog-menuitem-disabled .goog-menuitem-accel,
.docs-gm .goog-menuitem-disabled .goog-submenu-arrow {
color: GrayText !important
}
}
.docs-gm .goog-flat-menu-button-disabled {
opacity: .38
}
.docs-material #docs-presence-container {
-webkit-align-items: center;
align-items: center;
display: flex;
height: 36px;
justify-content: space-between;
margin: 0 8px 0 0
}
.docs-material .docs-presence-plus-widget {
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: flex-end;
justify-content: flex-end
}
.docs-material .docs-presence-plus-widget-collabs {
height: 36px
}
.docs-material .docs-presence-plus-collab-widget-container {
align-items: center;
display: inline-flex;
flex-direction: column;
height: 36px;
margin: 0 0 0 -8px;
overflow: visible;
width: 36px
}
.docs-material .docs-presence-plus-widget-open .docs-presence-plus-collab-widget-container {
display: none
}
.docs-material .docs-presence-plus-collab-widget {
display: flex
}
.docs-material .docs-presence-plus-collab-widget-color-block,
.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-color-block {
height: 32px;
width: 32px;
border-radius: 50%;
border-width: 2px;
border-style: solid;
border-color: #fff;
box-shadow: none;
background-clip: padding-box;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
background-color: #fff;
opacity: 1;
overflow: visible
}
.docs-material .docs-presence-plus-widget-followable .docs-presence-plus-collab-widget-container:focus .docs-presence-plus-collab-widget-color-block {
border: 2px solid #c7c7c7
}
.docs-material .docs-presence-plus-widget-followable .docs-presence-plus-collab-widget-container:hover .docs-presence-plus-collab-widget-color-block {
border: 2px solid #e1e3e1
}
.docs-material .docs-presence-plus-collab-widget-color-block.docs-cse-presence-collab-widget,
.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-color-block.docs-cse-presence-collab-widget {
cursor: default
}
.docs-material .docs-presence-plus-collab-widget-container:focus .docs-presence-plus-collab-widget-color-block.docs-cse-presence-collab-widget {
border: none;
margin: 2px
}
.docs-material .docs-presence-plus-collab-widget-image-container,
.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-image-container {
height: 32px;
width: 32px;
border-radius: 50%;
padding: 0;
overflow: visible;
display: inline-block;
opacity: .5;
box-shadow: 0 0 1px 0 white;
position: relative
}
.docs-material .docs-presence-plus-collab-widget-active .docs-presence-plus-collab-widget-image-container,
.docs-material .docs-presence-plus-collab-widget-active+.docs-presence-plus-collab-widget-leader-label-container .docs-presence-plus-collab-widget-leader-label {
opacity: 1
}
.docs-material .docs-presence-plus-collab-widget-image-border,
.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-image-border {
height: 28px;
width: 28px;
border-radius: 50%;
margin: 2px;
border: none
}
.docs-material .docs-presence-plus-collab-widget-image,
.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-image {
height: 28px;
width: 28px;
border-radius: 50%;
padding: 0;
left: 0
}
.docs-material .docs-presence-plus-collab-widget-container:focus {
outline: none
}
.docs-material .docs-presence-plus-collab-widget-container:focus .docs-presence-plus-collab-widget-color-block {
border: 4px solid rgba(0, 0, 0, 0.12);
margin: -2px
}
.docs-material .docs-presence-plus-widget-followable .docs-presence-plus-collab-widget-container:focus .docs-presence-plus-collab-widget-color-block {
margin: 0
}
.docs-material .docs-presence-plus-widget-overflow-button {
height: 32px;
width: 32px;
border-radius: 50%;
border-width: 2px;
border-style: solid;
border-color: #fff;
box-shadow: none;
background-clip: padding-box;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
margin: 0 0 0 -8px;
background-color: #e8eaed;
background-image: none;
color: rgba(32, 33, 36, .71)
}
.docs-material .docs-hub-appbar .docs-presence-plus-widget-overflow-button {
height: 28px;
width: 28px;
border-radius: 50%;
border-width: 2px;
border-style: solid;
border-color: #fff;
box-shadow: none;
background-clip: padding-box;
cursor: pointer;
-webkit-tap-highlight-color: transparent
}
.docs-material .docs-hub-appbar .docs-presence-plus-widget-overflow-button .goog-flat-menu-button-caption {
line-height: 28px
}
.docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-focused {
border: 4px solid rgba(0, 0, 0, 0.12);
color: rgba(32, 33, 36, .86);
margin: -2px -2px -2px -10px
}
.docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-focused.goog-flat-menu-button-open {
border: 2px solid rgb(255, 255, 255);
margin: 0 0 0 -8px
}
.docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-open {
background-color: #e8eaed;
z-index: auto
}
.docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-hover {
box-shadow: none;
background-color: #dadce0;
color: rgba(32, 33, 36, .86)
}
.docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-active {
background-color: #bdc1c6;
color: rgba(32, 33, 36, .86)
}
.docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-open .goog-flat-menu-button-caption {
-webkit-transition-duration: 200ms;
-moz-transition-duration: 200ms;
-o-transition-duration: 200ms;
transition-duration: 200ms;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
-o-transition-delay: 100ms;
transition-delay: 100ms;
opacity: 0
}
.docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-open .goog-flat-menu-button-dropdown {
-webkit-transition-duration: 200ms;
-moz-transition-duration: 200ms;
-o-transition-duration: 200ms;
transition-duration: 200ms;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transition-delay: 100ms;
-moz-transition-delay: 100ms;
-o-transition-delay: 100ms;
transition-delay: 100ms;
opacity: 1
}
.docs-material .docs-presence-plus-widget-overflow-button .goog-flat-menu-button-caption {
-webkit-transition-duration: 200ms;
-moz-transition-duration: 200ms;
-o-transition-duration: 200ms;
transition-duration: 200ms;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
left: -2px;
line-height: 32px;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 500
}
.docs-material .docs-presence-plus-widget-overflow-button .goog-flat-menu-button-dropdown {
-webkit-transition-duration: 200ms;
-moz-transition-duration: 200ms;
-o-transition-duration: 200ms;
transition-duration: 200ms;
-webkit-transition-property: opacity;
-moz-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-moz-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
-o-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
right: 10px;
opacity: 0;
border-width: 0 6px 6px;
border-color: rgba(32, 33, 36, .71) transparent
}
.docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-active .goog-flat-menu-button-dropdown,
.docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-focused .goog-flat-menu-button-dropdown,
.docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-hover .goog-flat-menu-button-dropdown {
border-color: rgba(32, 33, 36, .86) transparent
}
.docs-material.docs-presence-plus-widget-overflow-menu {
border-radius: 2px;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
display: flex;
flex-direction: column;
max-height: 340px;
padding: 4px 0 8px 0;
width: 256px
}
.docs-material.docs-presence-plus-widget-expanded-width-overflow-menu {
width: 320px
}
.docs-material.docs-presence-plus-widget-overflow-menu .goog-menuheader {
display: flex;
-webkit-align-items: center;
align-items: center;
margin-left: 16px;
height: 40px;
color: rgba(0, 0, 0, 0.54);
font-weight: 500;
order: 1
}
.docs-presence-plus-collab-widget-menuitem {
order: 3
}
.docs-presence-plus-collab-widget-menuitem.docs-presence-plus-collab-widget-leader {
order: 2
}
.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-container {
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 5px 0;
position: relative;
height: 48px;
width: 100%
}
.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-color-block {
margin: 0 16px 0;
border: none
}
.docs-presence-plus-widget-followable.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-container:hover .docs-presence-plus-collab-widget-color-block {
height: 32px;
width: 32px;
border-radius: 50%;
border-width: 2px;
border-style: solid;
border-color: #fff;
box-shadow: none;
background-clip: padding-box;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
border: none
}
.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget {
-webkit-align-items: center;
align-items: center;
display: flex;
height: 48px;
padding-right: 16px;
width: 100%
}
.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-leader .docs-presence-plus-collab-widget:not(.docs-presence-plus-collab-widget-active) {
padding-right: 8px
}
.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-name {
color: rgba(0, 0, 0, 0.87);
display: flex;
justify-content: space-between;
margin: 0;
width: 100%
}
.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-idle-text {
color: rgba(0, 0, 0, 0.54);
display: inline-flex;
margin-left: 6px;
font-size: 13px
}
.docs-presence-plus-collab-widget-label {
align-items: center;
border-radius: 4px;
color: #fff;
display: flex;
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
height: 16px;
letter-spacing: 0.1px;
margin-right: 16px;
padding: 2px 8px
}
.docs-presence-plus-collab-widget-leader-label-container {
bottom: 0;
display: inline-flex;
height: 18px;
left: 0;
position: relative;
width: fit-content
}
.docs-presence-plus-collab-widget-leader-label {
bottom: 0;
box-sizing: border-box;
height: 100%;
justify-content: center;
margin: 0;
opacity: 0.5;
padding: 2px 6px;
position: static;
width: fit-content;
z-index: 2
}
.docs-presence-plus-collab-widget-leader-label-background {
background-color: #fff;
border-radius: 4px;
bottom: 0;
box-sizing: border-box;
left: 0;
position: absolute;
height: 100%;
width: 100%;
z-index: -1
}
.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-leader-label,
.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-container:hover .docs-presence-plus-collab-widget-leader-label,
.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-container:focus-visible .docs-presence-plus-collab-widget-leader-label {
border: none;
height: 18px;
margin-top: 0;
padding: 0 7px;
width: auto
}
.docs-presence-plus-collab-widget-container:hover .docs-presence-plus-collab-widget-label-text,
.docs-presence-plus-collab-widget-container:focus-visible .docs-presence-plus-collab-widget-label-text {
display: block
}
.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-label-text {
display: block
}
.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-leader-label-container {
margin-right: 16px
}
@keyframes material-collab-join {
from {
opacity: 0
}
to {
opacity: 1
}
}
@-webkit-keyframes material-collab-join {
from {
opacity: 0
}
to {
opacity: 1
}
}
.docs-material .docs-presence-plus-collab-widget-enter-material {
-webkit-animation-name: material-collab-join;
-moz-animation-name: material-collab-join;
-o-animation-name: material-collab-join;
animation-name: material-collab-join;
-webkit-animation-timing-function: cubic-bezier(0, 0, .2, 1);
-moz-animation-timing-function: cubic-bezier(0, 0, .2, 1);
-o-animation-timing-function: cubic-bezier(0, 0, .2, 1);
animation-timing-function: cubic-bezier(0, 0, .2, 1);
-webkit-animation-duration: 200ms;
-moz-animation-duration: 200ms;
-o-animation-duration: 200ms;
animation-duration: 200ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.docs-material .docs-presence-plus-collab-widget-exit-material {
-webkit-animation-name: material-collab-join;
-moz-animation-name: material-collab-join;
-o-animation-name: material-collab-join;
animation-name: material-collab-join;
-webkit-animation-direction: reverse;
-moz-animation-direction: reverse;
-o-animation-direction: reverse;
animation-direction: reverse;
-webkit-animation-timing-function: cubic-bezier(.4, 0, .2, 1);
-moz-animation-timing-function: cubic-bezier(.4, 0, .2, 1);
-o-animation-timing-function: cubic-bezier(.4, 0, .2, 1);
animation-timing-function: cubic-bezier(.4, 0, .2, 1);
-webkit-animation-duration: 200ms;
-moz-animation-duration: 200ms;
-o-animation-duration: 200ms;
animation-duration: 200ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
.add-on-host-dialog {
z-index: 903
}
.add-on-host-dialog-bg {
z-index: 902
}
.docs-gm .docs-title-input:focus {
border: 2px solid #1a73e8 !important;
margin: -1px;
box-shadow: none;
border-radius: 4px !important
}
.docs-material .docs-titlebar-button {
display: inline-flex;
align-items: center;
justify-content: center
}
.docs-revisions-sidebar .docs-revisions-sidebar-title {
height: 64px
}
.docs-material .docs-debug-container {
margin-right: 16px
}
.docs-material #docs-docos-commentsbutton {
box-shadow: none;
background-color: transparent;
background-image: none;
cursor: pointer;
height: 40px;
width: 40px;
border-radius: 50%;
border-width: 1px;
border-style: solid;
border-color: transparent;
box-shadow: none;
background-clip: padding-box;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
min-width: 0;
padding: 0;
margin: 0 9px 0 0
}
.docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-hover,
.docs-material #docs-docos-commentsbutton:focus {
background-color: rgba(0, 0, 0, .06)
}
.docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-active,
.docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-checked {
background-color: rgba(0, 0, 0, 0.12)
}
.docs-gm .docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-active,
.docs-gm .docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-checked {
background-color: #e6f4ea
}
.docs-material #docs-docos-commentsbutton .docs-icon {
height: 24px;
width: 24px;
opacity: 0.54
}
.docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-active .docs-icon,
.docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-checked .docs-icon {
opacity: 0.87
}
.docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-disabled .docs-icon {
opacity: .26
}
.docs-gm .docs-material #docs-docos-commentsbutton .docs-icon {
opacity: 1
}
.docs-gm .docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-active .docs-icon,
.docs-gm .docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-checked .docs-icon {
opacity: 1
}
.docs-gm .docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-disabled .docs-icon {
opacity: .38
}
.docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-disabled,
.docs-material #docs-titlebar-share-client-button .jfk-button.jfk-button-disabled,
.docs-material #docs-script-button-bar .jfk-button.jfk-button-disabled {
cursor: inherit
}
.docs-material #docs-docos-commentsbutton .docs-docos-commentsbutton-badge {
background-color: #1a73e8;
border: 2px solid white;
border-radius: 999px;
color: white;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 500;
height: 16px;
left: 28px;
line-height: 16px;
padding: 0 3px;
position: absolute;
top: 0;
transform: translateX(-50%);
min-width: 10px;
z-index: inherit
}
.docs-material #docs-titlebar-share-client-button .jfk-button {
box-shadow: none;
background-color: #4285f4;
background-image: none;
cursor: pointer;
border-color: transparent !important;
border-radius: 2px;
border-width: 1px;
border-style: inset;
color: #fff;
font-size: 13px;
height: 30px;
padding: 0 14px;
text-transform: uppercase;
font-size: var(--docs-material-font-size-normal, 13px);
margin-right: 12px;
padding: 0 7px;
min-width: 0
}
.docs-material #docs-titlebar-share-client-button .jfk-button-disabled {
background-color: rgba(0, 0, 0, 0.12);
opacity: 1
}
.docs-material #docs-titlebar-share-client-button .jfk-button .scb-button-icon {
margin: 0 3px 0 -4px
}
.docs-material #docs-titlebar-share-client-button .jfk-button:focus {
border-color: rgba(0, 0, 0, 0.38) !important
}
.docs-material #docs-titlebar-share-client-button .jfk-button.jfk-button-hover {
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px 0px rgba(0, 0, 0, 0.2)
}
.docs-material #docs-header.docs-hub-appbar #docs-titlebar-share-client-button .jfk-button {
padding-left: 16px;
padding-right: 16px
}
.docs-material #docs-header.docs-hub-appbar #docs-titlebar-share-client-button .jfk-button.jfk-button-hover {
height: 28px
}
.docs-material #docs-titlebar-share-client-button .jfk-button.jfk-button-active,
.docs-material #docs-titlebar-share-client-button .jfk-button.jfk-button-checked {
box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
background-color: #3367d6
}
.docs-material #docs-script-button-bar .jfk-button {
box-shadow: none;
background-color: rgba(0, 0, 0, .04);
background-image: none;
cursor: pointer;
border-color: transparent !important;
border-radius: 2px;
border-width: 1px;
border-style: inset;
color: rgba(0, 0, 0, 0.54);
font-size: 13px;
height: 30px;
padding: 0 14px;
text-transform: uppercase;
margin-right: 8px
}
.docs-material #docs-script-button-bar .jfk-button.jfk-button-disabled {
background-color: #fff;
color: rgba(0, 0, 0, 0.26)
}
.docs-material #docs-script-button-bar .jfk-button:focus {
border-color: #4285f4 !important;
color: rgba(0, 0, 0, .60)
}
.docs-material #docs-script-button-bar .jfk-button.jfk-button-hover {
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
color: rgba(0, 0, 0, .60)
}
.docs-material #docs-script-button-bar .jfk-button.jfk-button-active,
.docs-material #docs-script-button-bar .jfk-button.jfk-button-checked {
box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
background-color: rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87)
}
.docs-material #docs-titlebar-share-client-button .jfk-button.jfk-button-clear-outline,
.docs-material #docs-script-button-bar .jfk-button.jfk-button-clear-outline {
border-color: transparent !important
}
#docs-docos-caret {
display: none
}
.docs-material .docs-docos-activitybox {
top: 60px
}
.docs-material #docs-header .docs-titlebar-buttons {
align-items: center;
background-color: #fff;
display: flex;
height: 64px;
padding: 0 12px 0 16px;
top: 0;
z-index: 900
}
.docs-material #docs-header.docs-hub-appbar .docs-titlebar-buttons {
background-color: transparent;
height: 56px
}
.docs-material #docs-header .docs-titlebar-buttons.docs-titlebar-occluding::before {
background: linear-gradient(to right, transparent, rgba(60, 64, 67, .1) 70%, rgba(60, 64, 67, .2) 100%);
content: '';
height: 100%;
left: -6px;
position: absolute;
width: 6px;
top: 0
}
.docs-material #docs-header .docs-titlebar-buttons-rtl.docs-titlebar-occluding::before {
background: linear-gradient(to left, transparent, rgba(60, 64, 67, .1) 70%, rgba(60, 64, 67, .2) 100%)
}
.docs-material #docs-header .docs-titlebar-buttons #docs-titlebar-edit-buttons {
display: inherit;
align-items: inherit
}
.docs-material .docs-titlebar-buttons .onegoogle-material-minibar {
text-align: left
}
.docs-material #googlebar-coldstart {
height: 32px;
width: 32px;
border-radius: 50%;
background-color: #0f9d58;
margin: 0 8px 0 0;
padding: 0;
z-index: auto
}
.docs-material #googlebar-coldstart .docs-icon-img {
opacity: 0.54
}
.docs-gm .docs-title-untitled {
font-style: normal
}
.docs-gm #docs-titlebar-share-client-button .jfk-button {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
padding: 9px 16px 10px 12px;
text-transform: capitalize
}
.docs-gm #docs-titlebar-share-client-button .jfk-button-disabled {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #f8f9fa;
color: #202124;
opacity: 0.62;
padding: 9px 16px 10px 12px
}
.docs-gm #docs-titlebar-share-client-button .jfk-button .scb-button-icon {
margin: 0 3px 0 -4px
}
.docs-gm #docs-titlebar-share-client-button .jfk-button:focus {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #4f9e67;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15);
padding: 9px 16px 10px 12px;
border-color: transparent !important
}
.docs-gm #docs-titlebar-share-client-button .jfk-button.jfk-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #2a8947;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15);
padding: 9px 16px 10px 12px
}
.docs-gm #docs-titlebar-share-client-button .jfk-button.jfk-button-hover:focus {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #62a877;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15);
padding: 9px 16px 10px 12px
}
.docs-gm #docs-titlebar-share-client-button .jfk-button.jfk-button-active,
.docs-gm #docs-titlebar-share-client-button .jfk-button.jfk-button-checked {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #62a877;
box-shadow: 0 2px 6px 2px rgba(52, 168, 83, 0.15);
padding: 9px 16px 10px 12px
}
.docs-gm #docs-titlebar-share-client-button .decoupled-docs-share-button.docs-titlebar-button.jfk-button {
padding: 9px 16px 10px 16px
}
.docs-material #docs-recall-titlebar-search-menu-container {
align-self: flex-start;
margin: 12px 16px 0px 16px
}
.docs-material .docs-title-bar-find-icon-container {
height: 24px;
width: 24px
}
.goog-toolbar-button,
.goog-toolbar-menu-button {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
background: 0;
border-color: transparent;
border-style: solid;
border-width: 1px;
outline: none;
padding: 0;
height: 24px;
color: #333;
line-height: 24px;
list-style: none;
font-size: 11px;
font-weight: bold;
text-decoration: none;
vertical-align: middle;
cursor: default
}
.goog-toolbar-button-outer-box,
.goog-toolbar-button-inner-box .goog-toolbar-menu-button-outer-box,
.goog-toolbar-menu-button-inner-box {
border: 0;
vertical-align: top
}
.goog-toolbar-button-outer-box,
.goog-toolbar-menu-button-outer-box {
margin: 0;
padding: 0
}
.goog-toolbar-button-inner-box,
.goog-toolbar-menu-button-inner-box {
padding: 0 2px
}
.goog-toolbar-button-hover,
.goog-toolbar-button-active,
.goog-toolbar-button-checked,
.goog-toolbar-button-selected {
color: #222;
padding: 0
}
.goog-toolbar-button-hover,
.goog-toolbar-menu-button-hover {
border-color: #c6c6c6 !important;
color: #222
}
.goog-toolbar-menu-button-open {
color: #222
}
.goog-toolbar-button-hover,
.goog-toolbar-menu-button-hover {
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
background-color: #f8f8f8;
background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: linear-gradient(top, #f8f8f8, #f1f1f1)
}
.goog-toolbar-button-active,
.goog-toolbar-menu-button-active {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
background-color: #f6f6f6;
background-image: -webkit-linear-gradient(top, #f6f6f6, #f1f1f1);
background-image: -moz-linear-gradient(top, #f6f6f6, #f1f1f1);
background-image: -ms-linear-gradient(top, #f6f6f6, #f1f1f1);
background-image: -o-linear-gradient(top, #f6f6f6, #f1f1f1);
background-image: linear-gradient(top, #f6f6f6, #f1f1f1);
border-color: #c6c6c6
}
.goog-toolbar-button-selected,
.goog-toolbar-button-checked,
.goog-toolbar-menu-button-open {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
background-color: #eee;
background-image: -webkit-linear-gradient(top, #eee, #e0e0e0);
background-image: -moz-linear-gradient(top, #eee, #e0e0e0);
background-image: -ms-linear-gradient(top, #eee, #e0e0e0);
background-image: -o-linear-gradient(top, #eee, #e0e0e0);
background-image: linear-gradient(top, #eee, #e0e0e0);
border-color: #ccc
}
.goog-toolbar-button-disabled,
.goog-toolbar-menu-button-disabled {
color: #222 !important;
opacity: 0.3;
filter: alpha(opacity=30)
}
.goog-toolbar-button-collapse-right,
.goog-toolbar-button-collapse-right .goog-toolbar-button-outer-box,
.goog-toolbar-button-collapse-right .goog-toolbar-button-inner-box {
margin-right: 0
}
.goog-toolbar-button-collapse-left,
.goog-toolbar-button-collapse-left .goog-toolbar-button-outer-box,
.goog-toolbar-button-collapse-left .goog-toolbar-button-inner-box {
margin-left: 0
}
.goog-toolbar-menu-button-dropdown {
background: url(//ssl.gstatic.com/ui/v1/disclosure/small-grey-disclosure-arrow-down.png) center no-repeat;
float: right;
margin: 10px 2px 0 3px;
padding: 0;
opacity: .8;
vertical-align: middle;
width: 5px;
height: 7px;
*float: none;
*position: relative;
*top: -3px
}
.goog-toolbar-separator {
border-left: 1px solid #ccc;
height: 17px;
line-height: normal;
list-style: none;
margin: 0 2px;
outline: none;
overflow: hidden;
padding: 0;
text-decoration: none;
vertical-align: middle;
width: 0
}
.goog-toolbar-select .goog-toolbar-menu-button-dropdown {
background: url(//ssl.gstatic.com/ui/v1/disclosure/small-grey-disclosure-arrow-down.png) center no-repeat;
height: 11px;
margin-top: 7px;
width: 7px;
-webkit-transform: none;
-moz-transform: none;
transform: none;
filter: none
}
.goog-toolbar-menu-button-caption {
padding: 0;
margin: 0
}
.docs-material #docs-toolbar-wrapper {
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
background: #fff;
box-shadow: none
}
.docs-gm #docs-toolbar-wrapper {
border-top: 1px solid #dadce0;
border-bottom: 1px solid #dadce0
}
.docs-material #docs-side-toolbar {
margin: 0 21px 0 0
}
.docs-material.companion-enabled #docs-side-toolbar {
margin: 0 4px 0 0
}
.docs-material #docs-toolbar-wrapper,
.docs-material #docs-equationtoolbar,
.docs-material .docs-printpreview-toolbar,
.docs-material #docs-header.docs-hub-appbar #docs-titlebar-container {
padding: 0 21px 0 22px
}
.docs-material #docs-header.docs-hub-appbar #docs-titlebar-container {
padding-left: 24px
}
.docs-material #docs-equationtoolbar,
.docs-material .docs-printpreview-toolbar {
background: #fff
}
.docs-material #docs-equationtoolbar {
border-top-width: 0;
border-bottom: 1px solid #e0e0e0
}
.docs-material.companion-enabled #docs-equationtoolbar {
padding-right: 4px
}
.docs-gm #docs-equationtoolbar .goog-toolbar-menu-button-inner-box {
padding-top: 0
}
.docs-gm #docs-equationtoolbar .goog-toolbar-menu-button-caption {
padding-top: 2px
}
#hide-equation-toolbar-button {
float: right
}
#docs-omnibox-toolbar .docs-omnibox-input {
height: 26px;
line-height: 26px
}
#docs-omnibox-toolbar .docs-omnibox-input::placeholder {
line-height: 26px
}
#docs-omnibox-toolbar .docs-omnibox-autocomplete {
margin: 6px 4px 6px 1px
}
.docs-gm .goog-toolbar,
.docs-gm #docs-toolbar {
min-height: 38px
}
.docs-material .goog-toolbar-button,
.docs-material .goog-toolbar-combo-button,
.docs-material .goog-toolbar-menu-button {
box-shadow: none;
background-color: #fff;
background-image: none;
cursor: pointer;
border-color: transparent !important;
border-radius: 2px;
border-width: 1px
}
.docs-material .goog-toolbar-button-hover,
.docs-material .goog-toolbar-menu-button-hover,
.docs-material .goog-toolbar-combo-button-hover,
.docs-material .docs-toolbar-button-split-sympathy-hover,
.docs-material .docs-toolbar-split-create-button,
.docs-material .docs-toolbar-split-create-button.goog-toolbar-button-hover,
.docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button-hover,
.docs-gm .docs-material.trix-palette .goog-palette-cell-hover {
box-shadow: none;
background-color: rgba(0, 0, 0, .06);
background-image: none;
cursor: pointer;
border-color: transparent !important;
border-radius: 2px;
border-width: 1px;
cursor: pointer
}
.docs-gm .docs-material .goog-toolbar-button-hover,
.docs-gm .docs-material .goog-toolbar-menu-button-hover,
.docs-gm .docs-material .goog-toolbar-combo-button-hover,
.docs-gm .docs-material .docs-toolbar-button-split-sympathy-hover,
.docs-gm .docs-material .docs-toolbar-split-create-button,
.docs-gm .docs-material .docs-toolbar-split-sl-button,
.docs-gm .docs-material .docs-toolbar-split-create-button.goog-toolbar-button-hover,
.docs-gm .docs-material .docs-toolbar-split-button-separator-wrapper,
.docs-gm .docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button-hover .docs-gm .docs-material.trix-palette .goog-palette-cell-hover {
background-color: #f1f3f4
}
.docs-material .goog-toolbar-button-active,
.docs-material .goog-toolbar-button-checked,
.docs-material .goog-toolbar-button-selected,
.docs-material .goog-toolbar-combo-button-open,
.docs-material .goog-toolbar-menu-button-open,
.docs-material .docs-toolbar-split-create-button.goog-toolbar-button-active,
.docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button-active,
.docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button-open,
.docs-gm .docs-material.trix-palette .goog-palette-cell-selected {
box-shadow: none;
background-color: rgba(0, 0, 0, 0.12);
background-image: none;
cursor: pointer;
border-color: transparent !important;
border-radius: 2px;
border-width: 1px
}
.docs-gm .docs-material .goog-toolbar-button-active,
.docs-gm .docs-material .goog-toolbar-button-checked,
.docs-gm .docs-material .goog-toolbar-button-selected,
.docs-gm .docs-material .goog-toolbar-combo-button-open,
.docs-gm .docs-material .goog-toolbar-menu-button-open,
.docs-gm .docs-material .docs-toolbar-split-create-button.goog-toolbar-button-active,
.docs-gm .docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button-active,
.docs-gm .docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button-open,
.docs-gm .docs-material.trix-palette .goog-palette-cell-selected {
background-color: #e6f4ea;
color: #137333
}
.docs-material .goog-toolbar-button,
.docs-material .goog-toolbar-menu-button {
margin: 3px 1px 0;
height: 26px;
line-height: 26px;
color: rgba(0, 0, 0, .7)
}
.docs-material .goog-toolbar-button-inner-box,
.docs-material .goog-toolbar-menu-button-inner-box {
height: 26px;
min-width: 26px
}
.docs-material .docs-toolbar-button-split-left .goog-toolbar-button-inner-box {
min-width: 26px
}
.docs-material .goog-toolbar-toggle-button.goog-toolbar-button-checked+.goog-toolbar-toggle-button.goog-toolbar-button-checked {
border-left-color: #ccc;
border-left-style: solid;
border-left-width: 1px;
border-top-left-radius: 2px;
border-bottom-left-radius: 2px;
margin-left: 1px
}
.docs-material .goog-toolbar-toggle-button.goog-toolbar-button-checked+.goog-toolbar-toggle-button.goog-toolbar-button-checked .goog-toolbar-button-outer-box .goog-toolbar-button-inner-box,
.docs-material .goog-toolbar-toggle-button.goog-toolbar-button-checked+.goog-toolbar-toggle-button.goog-toolbar-button-checked.goog-toolbar-button-hover .goog-toolbar-button-outer-box .goog-toolbar-button-inner-box {
margin-left: 0
}
.docs-material .goog-toolbar-button .docs-icon,
.docs-material .goog-toolbar-menu-button .docs-icon {
opacity: 0.54
}
.docs-gm .docs-material .goog-toolbar-button .docs-icon,
.docs-gm .docs-material .goog-toolbar-menu-button .docs-icon,
.docs-gm .docs-material .goog-toolbar-combo-button-dropdown,
.docs-gm .docs-material .goog-toolbar-menu-button-dropdown {
opacity: 1
}
.docs-material .goog-toolbar-button-hover .docs-icon,
.docs-material .goog-toolbar-button-selected .docs-icon,
.docs-material .goog-toolbar-button-checked .docs-icon,
.docs-material .goog-toolbar-button-active .docs-icon,
.docs-material .goog-toolbar-menu-button-hover .docs-icon,
.docs-material .goog-toolbar-menu-button-selected .docs-icon,
.docs-material .goog-toolbar-menu-button-checked .docs-icon,
.docs-material .goog-toolbar-menu-button-open .docs-icon {
opacity: 0.87
}
.docs-gm .docs-material .goog-toolbar-button-hover .docs-icon,
.docs-gm .docs-material .goog-toolbar-button-selected .docs-icon,
.docs-gm .docs-material .goog-toolbar-button-checked .docs-icon,
.docs-gm .docs-material .goog-toolbar-button-active .docs-icon,
.docs-gm .docs-material .goog-toolbar-menu-button-hover .docs-icon,
.docs-gm .docs-material .goog-toolbar-menu-button-selected .docs-icon,
.docs-gm .docs-material .goog-toolbar-menu-button-checked .docs-icon,
.docs-gm .docs-material .goog-toolbar-menu-button-open .docs-icon {
opacity: 1
}
.docs-gm .goog-toolbar-button-inner-box,
.docs-gm .goog-toolbar-menu-button-inner-box {
height: 24px;
min-width: 24px
}
.docs-gm .goog-toolbar-button .docs-icon {
margin: 0 0 1px 0
}
.docs-gm .goog-toolbar-button.docs-icon-toolbar-button-with-text .docs-icon-toolbar-button-with-text-icon-container {
margin-right: 4px
}
.docs-gm .goog-toolbar-menu-button.docs-textcolormenubutton .docs-icon {
margin-top: 1px
}
.docs-material .goog-toolbar-separator.goog-inline-block {
border-left: 1px solid #e0e0e0;
margin: 0 3px
}
.docs-material .docs-toolbar-small-separator+div.goog-toolbar-button,
.docs-material .docs-toolbar-small-separator+div.goog-toolbar-menu-button {
margin-left: 1px
}
.docs-gm .goog-toolbar-separator.goog-inline-block {
border-left: 1px solid #dadce0;
margin: 9px 4px;
height: 20px
}
.docs-material .docs-toolbar-button-split-left,
.docs-material .docs-toolbar-button-split-left.goog-inline-block {
margin-right: 0
}
.docs-material .docs-toolbar-button-split-right,
.docs-material .docs-toolbar-button-split-right.goog-inline-block {
margin-left: 0
}
.docs-material .docs-toolbar-button-split-right.goog-toolbar-button-hover,
.docs-material .docs-toolbar-button-split-right.goog-toolbar-menu-button-hover,
.docs-material .docs-toolbar-button-split-right.docs-toolbar-button-split-sympathy-hover,
.docs-material .docs-toolbar-button-split-left+.docs-toolbar-button-split-right.goog-toolbar-menu-button-open,
.docs-material .docs-toolbar-split-create-button+.docs-toolbar-button-split-right {
border-left-color: rgba(0, 0, 0, 0.12) !important
}
.docs-gm .docs-material .docs-toolbar-button-split-right.goog-toolbar-button-hover,
.docs-gm .docs-material .docs-toolbar-button-split-right.goog-toolbar-menu-button-hover,
.docs-gm .docs-material .docs-toolbar-button-split-right.docs-toolbar-button-split-sympathy-hover,
.docs-gm .docs-material .docs-toolbar-button-split-left+.docs-toolbar-button-split-right.goog-toolbar-menu-button-open,
.docs-gm .docs-material .docs-toolbar-split-create-button+.docs-toolbar-button-split-right {
border-left-color: #f1f3f4 !important
}
.docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button {
margin-right: 3px
}
.docs-material .goog-toolbar-menu-button-dropdown,
.docs-material .docs-toolbar-split-create-button .goog-toolbar-menu-button-dropdown,
.docs-material .goog-toolbar-combo-button-dropdown {
margin-top: 10px
}
.docs-gm .docs-gm-arrow .docs-icon {
margin: 0
}
.docs-material .goog-toolbar-select .goog-toolbar-menu-button-dropdown {
margin-top: 8px
}
.docs-gm .docs-gm-arrow.goog-toolbar-menu-button-dropdown,
.docs-gm .docs-toolbar-split-create-button .goog-toolbar-menu-button-dropdown,
.docs-gm .docs-gm-arrow.goog-toolbar-combo-button-dropdown {
background: none;
margin: 0 -1px 0 -3px;
width: 13px
}
.docs-gm .goog-toolbar-select .goog-toolbar-menu-button-outer-box .goog-toolbar-menu-button-inner-box .goog-toolbar-menu-button-dropdown {
margin-right: -1px
}
.docs-gm .goog-toolbar-button,
.docs-gm .goog-toolbar-menu-button,
.docs-gm .goog-toolbar-combo-button,
.docs-gm #docs-equationtoolbar .goog-toolbar-button,
.docs-gm #docs-equationtoolbar .goog-toolbar-menu-button,
.docs-gm .trix-palette .goog-palette-cell {
height: 24px;
line-height: 24px;
margin: 6px 1px;
top: 0
}
.docs-gm .goog-toolbar-button-disabled,
.docs-gm .goog-toolbar-menu-button-disabled,
.docs-gm .trix-palette .goog-palette-cell-disabled {
color: #5f6368 !important;
cursor: inherit;
opacity: .38
}
.docs-gm .goog-toolbar-combo-button-input {
color: rgba(0, 0, 0, .7);
box-sizing: border-box;
height: 20px !important;
width: 48px !important
}
.docs-gm .goog-toolbar-combo-button-open {
background-color: #f1f3f4
}
.docs-gm .goog-toolbar-combo-button-input::selection {
background-color: #e6f4ea
}
.docs-gm .goog-toolbar-combo-button-input:focus {
border: 2px solid #1a73e8 !important;
border-radius: 4px;
padding: 0 7px
}
.docs-material .goog-color-menu-button-indicator {
height: 20px;
border-bottom-color: transparent;
forced-color-adjust: none
}
.docs-material .docs-textcolormenubutton .goog-toolbar-menu-button-outer-box .goog-toolbar-menu-button-inner-box .goog-toolbar-menu-button-caption .goog-color-menu-button-indicator {
bottom: 0
}
.docs-material.docs-toolbar-more-bubble {
border: 0;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
border-radius: 2px
}
.docs-material.docs-toolbar-more-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter,
.docs-material.docs-toolbar-more-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
border-color: transparent
}
.docs-material.docs-toolbar-more-toolbar {
background: #fff;
border-radius: 2px;
padding: 0 4px
}
.docs-gm .docs-toolbar-more-bubble {
border-radius: 4px;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}
.docs-gm .docs-toolbar-more-toolbar {
border-radius: 4px
}
.jfk-button {
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500
}
.jfk-button-flat {
font-weight: normal
}
.goog-toolbar-button,
.goog-toolbar-menu-button {
font-weight: 500;
font-size: 11px;
font-size: var(--docs-material-font-size-12, 11px)
}
.docs-gm #docs-editor,
.docs-gm #docs-editor-container {
background: #f8f9fa
}
.docs-grille-gm3 #docs-editor,
.docs-grille-gm3 #docs-editor-container {
background: #f6f8fc
}
.goog-tab {
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500
}
.goog-flat-menu-button-caption {
font-weight: 500;
font-weight: var(--docs-material-font-weight-normal, 500)
}
.modal-dialog-buttons {
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.modal-dialog-buttons button {
font-weight: 500
}
.modal-dialog-title {
font-size: 16px;
font-size: var(--docs-material-font-size-22, 16px)
}
.goog-flat-menu-button {
font-weight: 500
}
.jfk-countrypicker-countryCurrent,
.jfk-countrypicker-countryCurrent:hover {
font-weight: 500
}
.jfk-accordion .goog-zippy-expanded {
font-weight: 500
}
.jfk-titleLink {
font-weight: 500
}
.jfk-countrypicker-countryCurrent,
.jfk-countrypicker-countryCurrent:hover {
font-weight: 500
}
.jfk-slideToggle {
font-weight: 500
}
.jfk-tooltip {
font-weight: 500;
font-size: 11px;
font-size: var(--docs-material-font-size-12, 11px)
}
.jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore,
.jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
border-color: #dadce0 transparent
}
@media (forced-colors:active) {
.docs-gm-promo.jfk-bubble.docs-promo-bubble {
border: 1px solid CanvasText
}
.jfk-tooltip .jfk-tooltip-arrow .jfk-tooltip-arrowimplbefore,
.jfk-tooltip .jfk-tooltip-arrow .jfk-tooltip-arrowimplafter,
.docs-gm-promo.jfk-bubble .jfk-bubble-arrow .jfk-bubble-arrowimplbefore,
.docs-gm-promo.jfk-bubble .jfk-bubble-arrow .jfk-bubble-arrowimplafter {
border-color: CanvasText Canvas
}
@supports (forced-color-adjust: none) {
.jfk-tooltip-arrowimplbefore,
.jfk-tooltip-arrowimplafter,
.docs-gm-promo .jfk-bubble-arrowimplbefore,
.docs-gm-promo .jfk-bubble-arrowimplafter {
forced-color-adjust: none
}
.jfk-tooltip .jfk-tooltip-arrow .jfk-tooltip-arrowimplbefore {
border-color: CanvasText transparent
}
.jfk-tooltip .jfk-tooltip-arrow .jfk-tooltip-arrowimplafter {
border-color: Canvas transparent
}
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrow-id.jfk-bubble-arrow .jfk-bubble-arrowimplafter {
border-color: CanvasText transparent
}
}
}
.apps-shortcutshelpcontentimpl-title-container {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-family: var(--docs-material-header-font-family, Roboto, RobotoDraft, Helvetica, Arial, sans-serif)
}
.apps-shortcutshelppopup-title-container {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-family: var(--docs-material-header-font-family, Roboto, RobotoDraft, Helvetica, Arial, sans-serif)
}
.docs-gm .docs-debug-container {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.docs-gm .docs-rotationhandle-circle,
.docs-gm .docs-rotationhandle-stick,
.docs-gm .docs-squarehandleselectionbox-handle,
.docs-gm .waffle-obj-drag-component {
background-color: #1a73e8
}
.docs-gm .docs-rotationhandle-outline,
.docs-gm .docs-squarehandleselectionbox-border,
.docs-gm .docs-roundedcornerselectionbox-border {
border-color: #1a73e8
}
.docs-gm .docs-rotationhandle-stick {
height: 24px
}
.docs-gm .punch-animation-sidebar-play.jfk-button,
.docs-gm .punch-animation-sidebar-stop.jfk-button,
.docs-gm .waffle-filterbox-button-container .jfk-button-action,
.docs-gm .docs-suggestiondialog-accept-container .jfk-button,
.docs-gm .docs-suggestiondialog-accept-container .goog-flat-menu-button,
.docs-gm .docs-offline-optinpromo-buttons .jfk-button-action {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
cursor: pointer
}
.docs-gm .punch-animation-sidebar-play.jfk-button-hover,
.docs-gm .punch-animation-sidebar-stop.jfk-button-hover,
.docs-gm .waffle-filterbox-button-container .jfk-button-action.jfk-button-hover,
.docs-gm .docs-suggestiondialog-accept-container .jfk-button-hover,
.docs-gm .docs-suggestiondialog-accept-container .goog-flat-menu-button-hover,
.docs-gm .docs-offline-optinpromo-buttons .jfk-button-action.jfk-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #2a8947;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
.docs-gm .punch-animation-sidebar-play.jfk-button-focused,
.docs-gm .punch-animation-sidebar-stop.jfk-button-focused,
.docs-gm .waffle-filterbox-button-container .jfk-button-action.jfk-button-focused,
.docs-gm .docs-suggestiondialog-accept-container .jfk-button-focused,
.docs-gm .docs-suggestiondialog-accept-container .goog-flat-menu-button-focused,
.docs-gm .docs-offline-optinpromo-buttons .jfk-button-action.jfk-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #4f9e67;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
.docs-gm .punch-animation-sidebar-play.jfk-button-hover.jfk-button-focused,
.docs-gm .punch-animation-sidebar-stop.jfk-button-hover.jfk-button-focused,
.docs-gm .waffle-filterbox-button-container .jfk-button-action.jfk-button-hover.jfk-button-focused,
.docs-gm .docs-suggestiondialog-accept-container .jfk-button-hover.jfk-button-focused,
.docs-gm .docs-suggestiondialog-accept-container .goog-flat-menu-button-hover.goog-flat-menu-button-focused,
.docs-gm .docs-offline-optinpromo-buttons .jfk-button-action.jfk-button-hover.jfk-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #62a877;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
.docs-gm .punch-animation-sidebar-play.jfk-button-pressed,
.docs-gm .punch-animation-sidebar-stop.jfk-button-pressed,
.docs-gm .waffle-filterbox-button-container .jfk-button-action.jfk-button-pressed,
.docs-gm .docs-suggestiondialog-accept-container .jfk-button-pressed,
.docs-gm .docs-suggestiondialog-accept-container .goog-flat-menu-button-pressed,
.docs-gm .docs-offline-optinpromo-buttons .jfk-button-action.jfk-button-pressed {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #62a877;
box-shadow: 0 2px 6px 2px rgba(52, 168, 83, 0.15)
}
.docs-gm .punch-animation-sidebar-play.jfk-button-disabled,
.docs-gm .punch-animation-sidebar-stop.jfk-button-disabled,
.docs-gm .waffle-filterbox-button-container .jfk-button-action.jfk-button-disabled,
.docs-gm .docs-suggestiondialog-accept-container .jfk-button-disabled,
.docs-gm .docs-suggestiondialog-accept-container .goog-flat-menu-button-disabled,
.docs-gm .docs-offline-optinpromo-buttons .jfk-button-action.jfk-button-disabled {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #f8f9fa;
color: #202124;
opacity: 0.62;
cursor: default
}
.docs-gm .docs-image-effect-adjustment-reset-button,
.docs-gm .waffle-filterbox-button-container .jfk-button-standard,
.docs-gm .docs-suggestiondialog-reject-container .jfk-button,
.docs-gm .docs-suggestiondialog-reject-container .goog-flat-menu-button,
.motion-ui .punch-animation-sidebar-add.goog-flat-button,
.docs-gm .docs-offline-optinpromo-buttons .jfk-button-standard {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
border: 1px solid #dadce0 !important;
color: #137333;
cursor: pointer
}
.docs-gm .docs-image-effect-adjustment-reset-button.jfk-button-hover,
.docs-gm .waffle-filterbox-button-container .jfk-button-standard.jfk-button-hover,
.docs-gm .docs-suggestiondialog-reject-container .jfk-button-hover,
.docs-gm .docs-suggestiondialog-reject-container .goog-flat-menu-button-hover,
.motion-ui .punch-animation-sidebar-add.goog-flat-button-hover,
.docs-gm .docs-offline-optinpromo-buttons .jfk-button-standard.jfk-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #f8fcf9;
border: 1px solid #c8e7d1 !important
}
.docs-gm .docs-image-effect-adjustment-reset-button.jfk-button-focused,
.docs-gm .waffle-filterbox-button-container .jfk-button-standard.jfk-button-focused,
.docs-gm .docs-suggestiondialog-reject-container .jfk-button-focused,
.docs-gm .docs-suggestiondialog-reject-container .goog-flat-menu-button-focused,
.motion-ui .punch-animation-sidebar-add.goog-flat-button-focused,
.docs-gm .docs-offline-optinpromo-buttons .jfk-button-standard.jfk-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #e7f5eb;
border: 1px solid #bbe2c6 !important
}
.docs-gm .docs-image-effect-adjustment-reset-button.jfk-button-hover.jfk-button-focused,
.docs-gm .waffle-filterbox-button-container .jfk-button-standard.jfk-button-hover.jfk-button-focused,
.docs-gm .docs-suggestiondialog-reject-container .jfk-button-hover.jfk-button-focused,
.docs-gm .docs-suggestiondialog-reject-container .goog-flat-menu-button-hover.goog-flat-menu-button-focused,
.motion-ui .punch-animation-sidebar-add.goog-flat-button-hover.goog-flat-button-focused,
.docs-gm .docs-offline-optinpromo-buttons .jfk-button-standard.jfk-button-hover.jfk-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
border: 1px solid #b5e0c1 !important
}
.docs-gm .docs-image-effect-adjustment-reset-button.jfk-button-pressed,
.docs-gm .waffle-filterbox-button-container .jfk-button-standard.jfk-button-pressed,
.docs-gm .docs-suggestiondialog-reject-container .jfk-button-pressed,
.docs-gm .docs-suggestiondialog-reject-container .goog-flat-menu-button-pressed,
.motion-ui .punch-animation-sidebar-add.goog-flat-button-pressed,
.docs-gm .docs-offline-optinpromo-buttons .jfk-button-standard.jfk-button-pressed {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
border: 1px solid transparent !important;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}
.docs-gm .docs-image-effect-adjustment-reset-button.jfk-button-disabled,
.docs-gm .waffle-filterbox-button-container .jfk-button-standard.jfk-button-disabled,
.docs-gm .docs-suggestiondialog-reject-container .jfk-button-disabled,
.docs-gm .docs-suggestiondialog-reject-container .goog-flat-menu-button-disabled,
.motion-ui .punch-animation-sidebar-add.goog-flat-button-disabled,
.docs-gm .docs-offline-optinpromo-buttons .jfk-button-standard.jfk-button-disabled {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
border: 1px solid #f1f3f4 !important;
color: #3c4043;
opacity: 0.38;
cursor: default
}
.docs-gm .modal-dialog button,
.docs-gm .modal-dialog .jfk-button-standard {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
border: 1px solid #dadce0 !important;
color: #137333
}
.docs-gm .modal-dialog button:hover,
.docs-gm .modal-dialog .jfk-button-standard.jfk-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #f8fcf9;
border: 1px solid #c8e7d1 !important
}
.docs-gm .modal-dialog button:focus,
.docs-gm .modal-dialog .jfk-button-standard.jfk-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #e7f5eb;
border: 1px solid #bbe2c6 !important
}
@media screen and (forced-colors:active) {
.docs-gm .modal-dialog button:focus,
.docs-gm .modal-dialog .jfk-button-standard.jfk-button-focused {
border: 1px solid Highlight
}
}
.docs-gm .modal-dialog button:hover:focus,
.docs-gm .modal-dialog .jfk-button-standard.jfk-button-hover.jfk-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
border: 1px solid #b5e0c1 !important
}
.docs-gm .modal-dialog button:active,
.docs-gm .modal-dialog button:focus:active,
.docs-gm .modal-dialog .jfk-button-standard.jfk-button-active,
.docs-gm .modal-dialog .jfk-button-standard.jfk-button-focus.jfk-button-active {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
border: 1px solid transparent !important;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}
.docs-gm .modal-dialog button[disabled],
.docs-gm .modal-dialog .jfk-button-standard.jfk-button-disabled {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
border: 1px solid #f1f3f4 !important;
color: #3c4043;
opacity: 0.38
}
.docs-gm .modal-dialog .goog-buttonset-action,
.docs-gm .modal-dialog .jfk-button-action,
.docs-gm .docs-material-bubble .jfk-button-action {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff
}
.docs-gm .modal-dialog .goog-buttonset-action:hover,
.docs-gm .modal-dialog .jfk-button-action.jfk-button-hover,
.docs-gm .docs-material-bubble .jfk-button-action.jfk-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #2a8947;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
.docs-gm .modal-dialog .goog-buttonset-action:focus,
.docs-gm .modal-dialog .jfk-button-action.jfk-button-focused,
.docs-gm .docs-material-bubble .jfk-button-action.jfk-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #4f9e67;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
.docs-gm .modal-dialog .goog-buttonset-action:hover:focus,
.docs-gm .modal-dialog .jfk-button-action.jfk-button-hover.jfk-button-focused,
.docs-gm .docs-material-bubble .jfk-button-action.jfk-button-hover.jfk-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #62a877;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
.docs-gm .modal-dialog .goog-buttonset-action:active,
.docs-gm .modal-dialog .goog-buttonset-action:focus:active,
.docs-gm .modal-dialog .jfk-button-action.jfk-button-active,
.docs-gm .modal-dialog .jfk-button-action.jfk-button-focus.jfk-button-active,
.docs-gm .docs-material-bubble .jfk-button-action.jfk-button-active,
.docs-gm .docs-material-bubble .jfk-button-action.jfk-button-focus.jfk-button-active {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #62a877;
box-shadow: 0 2px 6px 2px rgba(52, 168, 83, 0.15)
}
.docs-gm .modal-dialog .goog-buttonset-action[disabled],
.docs-gm .modal-dialog .jfk-button-action.jfk-button-disabled,
.docs-gm .docs-material-bubble .jfk-button-action.jfk-button-disabled {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #f8f9fa;
color: #202124;
opacity: 0.62
}
.docs-gm .modal-dialog .goog-flat-button,
.docs-gm .modal-dialog button,
.docs-gm .modal-dialog .goog-buttonset-action,
.docs-gm .modal-dialog .jfk-button-standard,
.docs-gm .modal-dialog .jfk-button-action,
.docs-gm .docs-material-bubble .jfk-button-standard,
.docs-gm .docs-material-bubble .jfk-button-action {
cursor: pointer
}
.docs-gm .modal-dialog .goog-flat-button.goog-flat-button-disabled,
.docs-gm .modal-dialog button[disabled],
.docs-gm .modal-dialog .goog-buttonset-action[disabled],
.docs-gm .modal-dialog .jfk-button-standard.jfk-button-disabled,
.docs-gm .modal-dialog .jfk-button-action.jfk-button-disabled,
.docs-gm .docs-material-bubble .jfk-button-standard.jfk-button-disabled,
.docs-gm .docs-material-bubble .jfk-button-action.jfk-button-disabled {
cursor: default
}
.docs-gm .docs-material-gm-dialog .jfk-textinput,
.docs-gm .docs-material-bubble .jfk-textinput,
.docs-gm .modal-dialog .jfk-textinput {
border: 1px solid #dadce0;
border-radius: 4px;
box-sizing: border-box;
color: #3c4043;
padding: 1px 8px;
font-size: 14px;
height: 36px;
margin: 8px 0
}
.docs-gm .modal-dialog textarea.jfk-textinput {
min-height: 36px;
height: unset;
padding: 7px 8px
}
.docs-gm .docs-material-gm-dialog textarea.jfk-textinput {
min-height: 52px;
max-height: 52px;
min-width: 100%;
height: unset;
padding: 7px 8px
}
.docs-gm .modal-dialog .jfk-textinput:focus,
.docs-gm .docs-material-gm-dialog .jfk-textinput:focus,
.docs-gm .docs-material-bubble .jfk-textinput:focus {
border: 2px solid #1a73e8;
box-shadow: none;
padding: 0px 7px
}
.docs-gm .modal-dialog textarea.jfk-textinput:focus,
.docs-gm .docs-material-gm-dialog textarea.jfk-textinput:focus {
padding: 6px 7px
}
.docs-material-gm-dialog-title-close:hover {
opacity: 1
}
.docs-gm .docs-material-gm-dialog-title-close {
background-color: transparent;
border-radius: 50%;
cursor: pointer;
line-height: 18px;
text-align: center;
color: #5f6368
}
.docs-gm .docs-material-gm-dialog-title-close:hover {
background-color: #f1f3f4
}
.docs-gm .docs-material-gm-dialog-title-close:focus {
background-color: #e8eaed;
outline: none
}
@media screen and (forced-colors:active) {
.docs-gm .docs-material-gm-dialog-title-close {
color: CanvasText
}
.docs-gm .docs-material-gm-dialog-title-close:hover,
.docs-gm .docs-material-gm-dialog-title-close:focus {
background-color: Highlight;
color: HighlightText
}
}
.docs-gm .modal-dialog .jfk-textinput.sketchy-guiderow-position {
margin: 0
}
.docs-gm .modal-dialog,
.docs-gm .modal-dialog.google-url-picker,
.docs-gm .docs-offline-optinpromo.jfk-bubble,
.docs-gm .docs-sync-indicator-popup.jfk-bubble {
background: #fff;
border: 1px solid transparent;
border-radius: 8px;
box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15);
position: absolute;
z-index: 1003;
padding: 24px
}
.docs-gm .picker.modal-dialog {
padding: 0;
z-index: 1201
}
.docs-gm .modal-dialog,
.docs-gm .modal-dialog.google-url-picker,
.docs-gm .modal-dialog-content,
.docs-gm #docs-offline-optinpromo-description,
.docs-gm #docs-offline-optinpromo-learn-more-container {
color: #3c4043
}
.docs-gm #docs-offline-optinpromo-title {
border-bottom: none;
padding: 24px
}
.docs-gm .modal-dialog-title-text,
.docs-gm .docs-offline-optinpromo-title-text {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 28px
}
.docs-gm .docs-offline-optinpromo-buttons {
display: flex;
flex-direction: row-reverse
}
.docs-gm .docs-offline-optinpromo-confirm-buttons {
margin-top: 24px
}
.docs-gm .docs-offline-optinpromo-buttons .jfk-button {
cursor: pointer;
margin-left: 16px;
margin-right: 0
}
.docs-gm .modal-dialog-buttons,
.docs-gm .docs-findandreplacedialog-buttons {
display: flex;
justify-content: flex-end;
margin-top: 24px
}
.docs-gm .modal-dialog-buttons button {
margin: 0 0 0 12px
}
.docs-gm .modal-dialog-buttons button:first-child {
margin-left: 0
}
.docs-gm .docs-dialog .modal-dialog-title {
position: relative
}
.docs-gm .docs-dialog .modal-dialog-title-text {
display: inline-block;
max-width: calc(100% - 32px);
min-width: 200px
}
.docs-gm .docs-dialog .modal-dialog-title-close {
background-color: transparent;
border-radius: 50%;
cursor: pointer;
height: 18px;
line-height: 18px;
padding: 7px;
right: 0;
text-align: center;
top: -3px;
width: 18px
}
.docs-gm .docs-dialog .modal-dialog-title-close:hover {
background-color: #f1f3f4
}
.docs-gm .docs-dialog .modal-dialog-title-close:focus {
background-color: #e8eaed;
outline: none
}
@media screen and (forced-colors:active) {
.docs-gm .docs-dialog .modal-dialog-title-close:focus {
border: 1px solid Highlight;
padding: 6px
}
}
.docs-gm .docs-dialog .modal-dialog-title-close:after {
position: relative;
right: 0;
top: 0
}
.docs-gm .modal-dialog .docs-flatcolormenubutton .goog-flat-menu-button-caption,
.docs-gm .kix-tablesidebar-control .docs-flatcolormenubutton .goog-flat-menu-button-caption,
.docs-gm .sketchy-shape-effects-shadow-tile .docs-flatcolormenubutton .goog-flat-menu-button-caption {
height: 22px;
width: 22px;
border-radius: 50%;
border: 1px solid #dadce0;
margin: 0;
outline: none
}
.docs-gm .modal-dialog .docs-flatcolormenubutton.goog-flat-menu-button,
.docs-gm .kix-tablesidebar-control .docs-flatcolormenubutton.goog-flat-menu-button,
.docs-gm .sketchy-shape-effects-shadow-tile .docs-flatcolormenubutton.goog-flat-menu-button {
padding: 6px 0 6px 6px
}
.docs-gm div.goog-modalpopup-bg,
.docs-gm div.modal-dialog-bg {
background-color: #000;
left: 0;
position: absolute;
top: 0;
z-index: 998;
opacity: .6 !important
}
.docs-gm ::-webkit-scrollbar-track {
box-shadow: none;
margin: 0 4px
}
.docs-gm ::-webkit-scrollbar-track:hover {
box-shadow: none;
background: none
}
.docs-gm ::-webkit-scrollbar-thumb {
border-style: solid;
border-color: transparent;
border-width: 4px;
background-color: #dadce0;
border-radius: 8px;
box-shadow: none
}
.docs-gm ::-webkit-scrollbar-thumb:hover {
background-color: #80868b
}
.docs-gm ::-webkit-scrollbar-thumb:active {
background-color: #5f6368
}
.docs-gm .modal-dialog .goog-flat-menu-button,
.docs-gm .docs-material-gm-dialog .goog-flat-menu-button,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button {
border: 1px solid #dadce0;
border-radius: 4px;
box-sizing: border-box;
cursor: pointer;
padding: 8px 6px 8px 8px;
width: 100%;
align-items: center;
background: none;
color: #3c4043;
display: inline-flex;
justify-content: space-between;
outline: none;
position: relative;
width: auto;
width: unset
}
.docs-gm .modal-dialog .goog-flat-menu-button-disabled,
.docs-gm .docs-material-gm-dialog .goog-flat-menu-button-disabled,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button-disabled,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-disabled {
color: #5f6368;
opacity: .38;
cursor: default
}
.docs-gm .modal-dialog .goog-flat-menu-button:active,
.docs-gm .docs-material-gm-dialog .goog-flat-menu-button:active,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button:active,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button:active {
background-color: #fff;
border: 1px solid transparent;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}
.docs-gm .modal-dialog .goog-flat-menu-button-hover,
.docs-gm .docs-material-gm-dialog .goog-flat-menu-button-hover,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button-hover,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-hover {
background-color: rgba(60, 64, 67, 0.04);
border: 1px solid #dadce0;
box-shadow: none
}
.docs-gm .modal-dialog .goog-flat-menu-button-focused,
.docs-gm .docs-material-gm-dialog .goog-flat-menu-button-focused,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button-focused,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-focused {
background-color: rgba(60, 64, 67, 0.06);
border: 1px solid #dadce0
}
@media screen and (forced-colors:active) {
.docs-gm .modal-dialog .goog-flat-menu-button-focused,
.docs-gm .docs-material-gm-dialog .goog-flat-menu-button-focused,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button-focused,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-focused {
border: 1px solid Highlight
}
}
.docs-gm .modal-dialog .goog-flat-menu-button-open,
.docs-gm .docs-material-gm-dialog .goog-flat-menu-button-open,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button-open,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-open {
background-color: rgba(60, 64, 67, 0.04);
border: 1px solid transparent
}
.docs-gm .modal-dialog .goog-flat-menu-button-hover.goog-flat-menu-button-open,
.docs-gm .docs-material-gm-dialog .goog-flat-menu-button-hover.goog-flat-menu-button-open,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button-hover.goog-flat-menu-button-open,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-hover.goog-flat-menu-button-open {
background-color: rgba(60, 64, 67, 0.06)
}
.docs-gm .modal-dialog .goog-flat-menu-button-focused.goog-flat-menu-button-open,
.docs-gm .docs-material-gm-dialog .goog-flat-menu-button-focused.goog-flat-menu-button-open,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button-focused.goog-flat-menu-button-open,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-focused.goog-flat-menu-button-open {
background-color: rgba(60, 64, 67, 0.08)
}
.docs-gm .modal-dialog .goog-flat-menu-button-disabled,
.docs-gm .docs-material-gm-dialog .goog-flat-menu-button-disabled,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button-disabled,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-disabled {
border: 1px solid #dadce0;
box-shadow: none;
cursor: default
}
.docs-gm .modal-dialog .goog-flat-menu-button-caption,
.docs-gm .docs-material-gm-dialog .goog-flat-menu-button-caption,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button-caption,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-caption {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
height: 20px;
line-height: 20px;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.docs-gm .modal-dialog .goog-flat-menu-button-disabled .goog-flat-menu-button-caption,
.docs-gm .docs-material-gm-dialog .goog-flat-menu-button-disabled .goog-flat-menu-button-caption,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button-disabled .goog-flat-menu-button-caption,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-disabled .goog-flat-menu-button-caption {
color: #5f6368;
opacity: .38;
cursor: default
}
.docs-gm .modal-dialog .goog-flat-menu-button-dropdown,
.docs-gm .docs-material-gm-dialog .goog-flat-menu-button-dropdown,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button-dropdown,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-dropdown {
background: no-repeat url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_medium.svg) -20px -10428px;
height: 18px;
width: 18px;
border: none;
margin-top: 0;
position: relative;
right: 0;
top: 0
}
.docs-gm .modal-dialog .goog-flat-menu-button-disabled .goog-flat-menu-button-dropdown,
.docs-gm .docs-material-gm-dialog .goog-flat-menu-button-disabled .goog-flat-menu-button-dropdown,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button-disabled .goog-flat-menu-button-dropdown,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-disabled .goog-flat-menu-button-dropdown {
opacity: .38
}
.docs-gm .modal-dialog .goog-flat-menu-button-disabled.goog-flat-menu-button:active,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button-disabled.goog-flat-menu-button:active,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-disabled.goog-flat-menu-button:active {
border: 1px solid #dadce0;
box-shadow: none;
cursor: default;
box-shadow: none
}
.docs-gm .modal-dialog .goog-flat-menu-button-open .goog-flat-menu-button-dropdown,
.docs-gm .kix-tablesidebar-control .goog-flat-menu-button-open .goog-flat-menu-button-dropdown,
.docs-gm .sketchy-shape-effects-shadow-tile .goog-flat-menu-button-open .goog-flat-menu-button-dropdown {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.docs-gm .modal-dialog .jfk-radiobutton-disabled .jfk-radiobutton-label {
color: #5f6368;
opacity: .38;
cursor: default
}
.docs-gm .share-butterbar-container {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-family: var(--docs-material-header-font-family, "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif);
font-size: 13px;
font-size: var(--docs-material-font-size-normal, 13px);
font-weight: normal;
font-weight: var(--docs-material-font-weight-normal, normal)
}
.docs-gm .share-client-dialog .share-butterbar-container {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-family: var(--docs-material-header-font-family, "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif)
}
.docs-gm .share-butterbar-container .jfk-butterBar-shown {
height: 40px;
padding: 0 16px
}
.docs-gm .share-butterbar-container .jfk-butterBar-shown>span {
display: flex;
padding-top: 4px
}
.docs-gm .share-butter-icon {
margin-right: 8px
}
.docs-gm .share-butter-link,
.docs-gm .share-butter-link:visited {
color: #137333;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-family: var(--docs-material-header-font-family, "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif);
font-size: 16px;
margin-left: 80px
}
.docs-gm .share-butter-link:hover,
.docs-gm .share-butter-link:active {
color: #0d652d
}
.docs-gm .share-butter-link:disabled {
color: #137333
}
.goog-menu.ia-menu .goog-menuseparator {
margin-left: 0
}
.goog-menu.ia-menu .goog-menuheader {
padding-bottom: 4px;
padding-top: 4px;
padding-left: 16px
}
.goog-menu.ia-menu {
min-width: 260px
}
.goog-menu.ia-menu.ia-primary-menu {
min-width: 320px
}
.goog-menu.ia-menu.ia-tight-menu {
min-width: 0
}
.goog-menu.ia-menu .goog-menuitem {
padding-left: 16px
}
.goog-menu.ia-menu.ia-has-icon .goog-menuitem {
padding-left: 38px
}
.goog-menu.ia-menu:not(.ia-has-icon) .goog-menuitem .docs-icon {
visibility: hidden
}
.goog-menu.ia-menu.docs-omnibox-parent .docs-labelinputmenuitem.goog-menuitem {
padding-left: 16px
}
.goog-menu.ia-menu .docs-omnibox-autocomplete .ac-renderer .goog-menuitem {
padding-left: 38px
}
.ia-menu .apps-hoverable-menu-separator-container {
padding-left: 0
}
.docs-grille-gm3 #docs-chrome:not(.docs-hub-chrome) {
background: #f6f8fc;
border-bottom: 1px solid #f6f8fc;
margin-bottom: -1px
}
.docs-grille .docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-hover {
background: #e8ebee
}
.docs-grille .docs-material #docs-docos-commentsbutton:focus,
.docs-grille .docs-material .docs-appbar-circle-button.jfk-button-active,
.docs-grille .docs-material .docs-appbar-circle-button.jfk-button-checked,
.docs-grille .docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-active,
.docs-grille .docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-checked,
.docs-grille .docs-material #docs-docos-commentsbutton.jfk-button.jfk-button-focused {
background: #e1e3e6
}
.docs-grille .docs-material .docs-branding-icon,
.docs-grille .docs-material #docs-branding-container a,
.docs-grille .docs-material #docs-branding-logo {
height: 36px;
width: 36px
}
.docs-grille-gm3 .docs-companion-app-switcher-container,
.docs-grille-gm3 .companion-app-switcher-container {
background: transparent
}
.docs-grille-gm3 .docs-companion-app-switcher-container {
border-top: none
}
.docs-grille-gm3 .companion-app-switcher-container {
border-left: none
}
.docs-grille .docs-material .goog-toolbar-button-active .docs-icon-img:before,
.docs-grille .docs-material .goog-toolbar-button-checked .docs-icon-img:before,
.docs-grille .docs-material .goog-toolbar-button-selected .docs-icon-img:before,
.docs-grille .docs-material .goog-toolbar-combo-button-open .docs-icon-img:before,
.docs-grille .docs-material .goog-toolbar-menu-button-open .docs-icon-img:before,
.docs-grille .docs-material .docs-toolbar-split-create-button.goog-toolbar-button-active .docs-icon-img:before,
.docs-grille .docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button-active .docs-icon-img:before,
.docs-grille .docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button-open .docs-icon-img:before,
.docs-grille .docs-material .docs-appbar-circle-button.jfk-button-active .docs-icon-img:before,
.docs-grille .docs-material .docs-appbar-circle-button.jfk-button-checked .docs-icon-img:before,
.docs-grille .docs-material .docs-sheet-button-active .docs-icon-img:before,
.docs-grille .docs-material .docs-sheet-button-open .docs-icon-img:before,
.docs-grille .docs-material .punch-present-startmenuitem .docs-icon-img:before,
.docs-grille .docs-material .punch-start-presentation-container .docs-icon-img:before,
.docs-grille .docs-material.goog-flat-menu-button-open .docs-icon-img:before,
.docs-grille .docs-material.trix-palette .goog-palette-cell-selected .docs-icon-img:before,
.docs-grille .docs-bubble .docs-bubble-button.jfk-button:hover:active .docs-icon-img:before,
.docs-grille .docs-save-indicator-popup-icon .docs-icon-img:before,
.docs-grille .fta-blanket-warning .docs-icon-img:before,
.docs-grille .docs-titlebar-badge:active .docs-icon-img:before,
.docs-grille .docs-titlebar-badge.docs-titlebar-badge-selected .docs-icon-img:before,
.docs-grille .docs-emoji-picker-tabbar .docs-tabbar-tab-selected .docs-icon-img:before,
.docs-grille .docs-material .docs-talk-track-menu-button .docs-icon-img:before,
.docs-grille-gm3 .docs-navigation-tab-button .docs-icon-img:before {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_gm3_grey_medium.svg)
}
.docs-grille .docs-material .goog-toolbar-button-active .docs-icon-img,
.docs-grille .docs-material .goog-toolbar-button-checked .docs-icon-img,
.docs-grille .docs-material .goog-toolbar-button-selected .docs-icon-img,
.docs-grille .docs-material .goog-toolbar-combo-button-open .docs-icon-img,
.docs-grille .docs-material .goog-toolbar-menu-button-open .docs-icon-img,
.docs-grille .docs-material .docs-toolbar-split-create-button.goog-toolbar-button-active .docs-icon-img,
.docs-grille .docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button-active .docs-icon-img,
.docs-grille .docs-material .docs-toolbar-split-create-button.goog-toolbar-menu-button-open .docs-icon-img,
.docs-grille .docs-material .docs-appbar-circle-button.jfk-button-active .docs-icon-img,
.docs-grille .docs-material .docs-appbar-circle-button.jfk-button-checked .docs-icon-img,
.docs-grille .docs-material .docs-sheet-button-active .docs-icon-img,
.docs-grille .docs-material .docs-sheet-button-open .docs-icon-img,
.docs-grille .docs-material .punch-present-startmenuitem .docs-icon-img,
.docs-grille .docs-material .punch-start-presentation-container .docs-icon-img,
.docs-grille .docs-material.goog-flat-menu-button-open .docs-icon-img,
.docs-grille .docs-material.trix-palette .goog-palette-cell-selected .docs-icon-img,
.docs-grille .docs-bubble .docs-bubble-button.jfk-button:hover:active .docs-icon-img,
.docs-grille .docs-material .docs-save-indicator-popup-icon .docs-icon-img,
.docs-grille .docs-material .fta-blanket-warning .docs-icon-img,
.docs-grille .docs-material .docs-titlebar-badge:active .docs-icon-img,
.docs-grille .docs-material .docs-titlebar-badge.docs-titlebar-badge-selected .docs-icon-img,
.docs-grille .docs-emoji-picker-tabbar .docs-tabbar-tab-selected .docs-icon-img,
.docs-grille .docs-material .docs-talk-track-menu-button .docs-icon-img,
.docs-grille-gm3 .docs-navigation-tab-button .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_gm3_grey_medium.svg)
}
.docs-grille-gm3 .share-butter-icon {
filter: invert(1)
}
.docs-grille-gm3 #docs-toolbar-wrapper .docs-icon {
height: 20px;
width: 20px
}
.docs-grille-gm3 .goog-toolbar-menu-button.docs-textcolormenubutton .docs-icon,
.docs-grille-gm3.docs-gm .goog-color-menu-button-indicator .docs-icon {
margin-top: -3px
}
.docs-grille .docs-menubar {
font-family: "Google Sans", Roboto, sans-serif;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: top
}
.docs-grille .docs-menubar .goog-control-disabled {
background: none
}
.docs-grille .docs-menubar .goog-control-hover,
.docs-grille .docs-menubar .goog-control-open {
background-color: #e8ebee
}
.docs-grille.docs-menubar .goog-control-active,
.docs-grille .docs-menubar .goog-control:hover:active {
background-color: #e1e3e6
}
.docs-grille .docs-menubar .goog-control {
margin-bottom: -4px;
overflow: hidden;
vertical-align: text-bottom
}
.docs-grille .docs-material.docs-presence-plus-widget-overflow-menu {
border: none;
border-radius: 8px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15);
font-family: "Google Sans", Roboto, sans-serif;
max-height: none;
overflow: none;
padding: 8px 0;
width: 325px
}
.docs-grille .docs-material.docs-presence-plus-widget-overflow-menu.docs-presence-plus-widget-followable {
width: 320px
}
.docs-grille .docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget {
padding-right: 16px
}
.docs-grille .docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-container {
margin: 0
}
.docs-grille .docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-name.goog-inline-block {
color: #3c4043;
display: flex;
font-size: 16px;
justify-content: space-between;
line-height: 24px;
width: 100%
}
.docs-grille .docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-leader .docs-presence-plus-collab-widget-image-border {
margin-bottom: 0
}
.docs-grille .docs-presence-plus-collab-widget-name.goog-inline-block .docs-presence-plus-collab-widget-idle-text {
color: #5f6368;
font-size: 14px
}
.docs-grille .docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-image.docs-ml-noselect,
.docs-grille .docs-presence-plus-widget-followable.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-container:hover .docs-presence-plus-collab-widget-image-border {
height: 24px;
width: 24px
}
.docs-grille .docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-color-block,
.docs-grille .docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-image-container,
.docs-grille .docs-presence-plus-widget-followable.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-container:hover .docs-presence-plus-collab-widget-color-block {
height: 28px;
width: 28px
}
.docs-grille .docs-material .docs-chat.jfk-button .docs-icon {
opacity: 1
}
.docs-gm.docs-grille .docs-material .docs-chat.jfk-button,
.docs-gm.docs-grille .docs-material .docs-chat.jfk-button-clear-outline,
.docs-grille .docs-material .docs-presence-plus-widget-overflow-button {
background-color: #d3e3fd
}
.docs-gm.docs-grille .docs-material .docs-chat.jfk-button.jfk-button-hover,
.docs-grille .docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-hover {
background-color: #cbdbf6
}
.docs-grille .docs-material .docs-chat.jfk-button.jfk-button-active,
.docs-grille .docs-material .docs-chat.jfk-button.jfk-button-focused,
.docs-grille .docs-material .docs-chat.jfk-button-active.jfk-button-focused,
.docs-grille .docs-material .docs-chat.jfk-button.jfk-button-hover.jfk-button-focused,
.docs-grille .docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-active,
.docs-grille .docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-focused {
background-color: #b9cbe7
}
.docs-grille .docs-material .docs-chat.jfk-button,
.docs-grille .docs-material .docs-chat.jfk-button.jfk-button-active,
.docs-grille .docs-material .docs-chat.jfk-button.jfk-button-focused,
.docs-grille .docs-material .docs-chat.jfk-button.jfk-button-active.jfk-button-focused,
.docs-grille .docs-material .docs-chat.jfk-button.jfk-button-clear-outline,
.docs-grille .docs-material .docs-chat.jfk-button.jfk-button-hover.jfk-button-clear-outline.jfk-button-focused.jfk-button-active,
.docs-grille .docs-material .docs-presence-plus-widget-overflow-button,
.docs-grille .docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-active,
.docs-grille .docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-hover,
.docs-grille .docs-material .docs-presence-plus-widget-overflow-button.goog-flat-menu-button-focused {
border: 2px transparent solid;
box-shadow: none;
margin: 0 0 0 2px
}
.docs-grille .docs-presence-plus-widget-overflow-collaborators {
max-height: 480px;
overflow: auto
}
.docs-grille .docs-presence-plus-widget-overflow-menu .goog-menuseparator {
margin-left: 0
}
.docs-grille .docs-presence-plus-widget-overflow-menu .docs-presence-plus-widget-overflow-chat {
padding: 0 24px 0 0
}
.docs-grille .docs-presence-plus-widget-overflow-chat .goog-menuitem-content {
align-items: center;
display: flex;
flex-direction: row;
justify-content: space-between
}
.docs-grille .docs-overflow-chat-label {
align-items: center;
color: #3c4043;
display: flex;
flex-direction: row;
font-size: 16px;
height: 48px
}
.docs-grille #docs-overflow-chat-icon {
background: none;
border: none;
margin: 0 14px 0 14px
}
.docs-grille .unread-chat .docs-overflow-chat-badge {
background: #0b57d0;
border-radius: 50%;
height: 8px;
width: 8px
}
.docs-grille .docs-material .docs-chat-badge {
background: #0b57d0;
border: none;
border-radius: 50%;
height: 6px;
right: 6px;
top: 6px;
width: 6px
}
.docs-grille .docs-presence-plus-widget-overflow-button .docs-chat-badge {
display: none
}
.docs-grille .docs-presence-plus-widget-overflow-button .unread-chat.docs-chat-badge {
display: block
}
.docs-grille .docs-material .docs-presence-plus-widget-overflow-button .goog-flat-menu-button-caption {
color: #041e49;
font-family: "Google Sans", Roboto, sans-serif;
left: 0;
width: inherit
}
.docs-grille .docs-presence-plus-widget-overflow-button .goog-flat-menu-button-dropdown {
border: none;
right: 6px;
top: 5px
}
.docs-grille .docs-material .docs-presence-plus-collab-widget-container {
margin: 0 0 0 2px
}
.docs-grille .docs-presence-plus-collab-widget-leader:focus-visible .docs-presence-plus-collab-widget-leader-label,
.docs-grille .docs-presence-plus-collab-widget-leader:hover .docs-presence-plus-collab-widget-leader-label {
bottom: -20px;
left: -15px
}
.docs-grille .docs-presence-plus-widget-followable.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-container:hover,
.docs-grille .docs-presence-plus-widget-followable.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-leader:hover,
.docs-grille .docs-presence-plus-widget-followable.docs-material.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-leader {
margin: 0
}
.docs-grille .docs-material .docs-presence-plus-widget-collabs .docs-presence-plus-collab-widget-color-block {
border: 1px solid transparent;
margin: 1px
}
.docs-grille .docs-material .docs-presence-plus-widget-collabs .docs-presence-plus-collab-widget-container:hover .docs-presence-plus-collab-widget-color-block {
border: 2px solid #e1e3e1;
margin: 0
}
.docs-grille .docs-material .docs-presence-plus-widget-collabs .docs-presence-plus-collab-widget-color-block:active,
.docs-grille .docs-material .docs-presence-plus-widget-collabs .docs-presence-plus-collab-widget-color-block:focus,
.docs-grille .docs-material .docs-presence-plus-widget-collabs .docs-presence-plus-collab-widget-container:focus .docs-presence-plus-collab-widget-color-block {
border: 2px solid #c7c7c7
}
.docs-grille .docs-material .docs-presence-plus-collab-widget-container:focus .docs-presence-plus-collab-widget-color-block {
margin: 0
}
.docs-grille .docs-chat-message-tooltip-container {
background-color: white;
border: none;
border-radius: 8px;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
padding: 0;
width: 280px
}
.docs-grille .docs-chat-message-tooltip {
height: auto;
padding: 8px;
width: inherit
}
.docs-grille .docs-chat-message-tooltip-container .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore,
.docs-grille .docs-chat-message-tooltip-container .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
display: none
}
.docs-grille .docs-chat-message-tooltip-subject {
padding: 8px 8px 0 8px
}
.docs-grille .docs-chat-message-tooltip-content {
color: #3c4043;
font-size: 14px;
margin: 4px 0 18px;
padding: 0 8px;
opacity: 1
}
.docs-grille .docs-chat-join.docs-material-button-flat-primary,
.docs-grille .docs-chat-join.docs-material-button-flat-primary.docs-material-button-focused {
font-family: "Google Sans", Roboto, sans-serif;
font-size: 14px;
margin: 0;
text-transform: none
}
.docs-grille #docs-presence-container {
margin-right: 12px;
z-index: 2
}
.docs-grille .docs-presence-plus-widget-overflow-menu .goog-menuheader {
color: #1f1f1f;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 16px;
margin-left: 18px;
order: 0
}
.docs-presence-plus-widget-overflow-chat,
.docs-presence-plus-widget-overflow-menu .goog-menuseparator {
order: 4
}
.docs-titlebar-collapsed#docs-presence-container {
display: none
}
.docs-grille #docs-titlebar-share-client-button .jfk-button {
border: 1px solid transparent;
border-radius: 100px;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 14px;
font-weight: 500;
height: 40px;
line-height: 20px;
padding: 10px 24px;
background: #c2e7ff;
color: #001d35
}
.docs-grille #docs-titlebar-share-client-button .jfk-button-disabled {
border: 1px solid transparent;
border-radius: 100px;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 14px;
font-weight: 500;
height: 40px;
line-height: 20px;
padding: 10px 24px;
background: #c2e7ff;
color: #001d35;
background: #e4e4e4;
color: #1f1f1f
}
.docs-grille #docs-titlebar-share-client-button .jfk-button:focus {
border: 1px solid transparent;
border-radius: 100px;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 14px;
font-weight: 500;
height: 40px;
line-height: 20px;
padding: 10px 24px;
background: #c2e7ff;
color: #001d35;
background: #abcfe7
}
.docs-grille #docs-titlebar-share-client-button .jfk-button.jfk-button-hover {
border: 1px solid transparent;
border-radius: 100px;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 14px;
font-weight: 500;
height: 40px;
line-height: 20px;
padding: 10px 24px;
background: #c2e7ff;
color: #001d35;
background: #b2d7ef;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 6px 2px rgba(0, 0, 0, 0.15)
}
.docs-grille #docs-titlebar-share-client-button .jfk-button.jfk-button-hover:focus {
border: 1px solid transparent;
border-radius: 100px;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 14px;
font-weight: 500;
height: 40px;
line-height: 20px;
padding: 10px 24px;
background: #c2e7ff;
color: #001d35;
background: #abcfe7
}
.docs-grille #docs-titlebar-share-client-button .jfk-button.jfk-button-active,
.docs-grille #docs-titlebar-share-client-button .jfk-button.jfk-button-checked {
border: 1px solid transparent;
border-radius: 100px;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 14px;
font-weight: 500;
height: 40px;
line-height: 20px;
padding: 10px 24px;
background: #c2e7ff;
color: #001d35;
background: #96bad2
}
.docs-grille #docs-titlebar-share-client-button .jfk-button .scb-button-icon {
margin: 0 8px 1px -8px
}
#docs-titlebar-share-client-button .jfk-button.scb-icon-button,
#docs-titlebar-share-client-button .jfk-button-disabled.scb-icon-button,
#docs-titlebar-share-client-button .jfk-button.scb-icon-button.jfk-button-hover,
#docs-titlebar-share-client-button .jfk-button.scb-icon-button.jfk-button-hover:focus,
#docs-titlebar-share-client-button .jfk-button.scb-icon-button.jfk-button-active,
#docs-titlebar-share-client-button .jfk-button.scb-icon-button.jfk-button-focused {
border-radius: 100%;
padding: 10px
}
#docs-titlebar-share-client-button .jfk-button.scb-icon-button .scb-button-icon {
margin: 0 0 2px;
padding-right: 1px
}
.docs-grille-gm3 #docs-header:not(.docs-hub-appbar) .docs-titlebar-buttons {
background: #f6f8fc
}
.docs-grille .docs-material #docs-docos-commentsbutton .docs-docos-commentsbutton-badge {
background: #0b57d0;
font-family: "Google Sans", Roboto, sans-serif;
letter-spacing: .25px
}
.docs-grille .docs-title-input {
background: none;
border-radius: 4px !important
}
.docs-grille .docs-title-input-label {
padding-left: 7px
}
.docs-grille-gm3 .docs-title-input {
color: #f6f8fc
}
.docs-grille .docs-title .docs-title-untitled,
.docs-grille .docs-title-input-label.docs-title-untitled {
color: #444746
}
.docs-grille .docs-title-input:focus {
border-color: #0b57d0 !important;
color: #1f1f1f;
margin: -1px 0 -1px -2px
}
.docs-grille .docs-title-input:hover {
border-color: #747775
}
.docs-grille .docs-titlebar-badge:active,
.docs-grille .docs-titlebar-badge.docs-titlebar-badge-selected {
background-color: #e1e3e6;
color: #5f6368
}
.docs-grille .docs-titlebar-badge,
.docs-grille .docs-titlebar-badge .docs-save-indicator-icon {
border-radius: 50%;
font-family: "Google Sans", Roboto, sans-serif;
height: 28px;
justify-content: center
}
.docs-grille .docs-titlebar-badge:hover,
.docs-grille .docs-titlebar-badge .docs-save-indicator-icon:hover {
background-color: #e8ebee
}
.docs-grille .docs-titlebar-badge:active,
.docs-grille #docs-star.docs-titlebar-badge:active,
.docs-grille .docs-titlebar-badge:focus,
.docs-grille .goog-control-focused .docs-titlebar-badge .docs-save-indicator-icon,
.docs-grille .goog-control-active .docs-titlebar-badge .docs-save-indicator-icon {
background-color: #e1e3e6
}
.docs-grille .docs-titlebar-badge.docs-save-indicator:hover,
.docs-grille .docs-titlebar-badge.docs-save-indicator:active,
.docs-grille .docs-titlebar-badge.docs-save-indicator:focus,
.docs-grille .goog-control-focused .docs-titlebar-badge.docs-save-indicator,
.docs-grille .docs-titlebar-badge-selected.docs-save-indicator {
background-color: transparent
}
.docs-grille #docs-star.docs-titlebar-badge:active .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_gm3_grey_medium.svg)
}
.docs-grille .docs-titlebar-badge-container {
padding: 0 2px
}
.docs-grille .docs-titlebar-badge .docs-icon {
height: 20px;
width: 20px;
margin: 4px
}
.docs-grille #docs-star .docs-icon-img {
margin-top: -1px
}
.docs-titlebar-collapsed#docs-header {
height: 64px !important
}
#docs-header .docs-titlebar-collapsed#docs-titlebar-container {
align-items: center;
display: flex;
height: 64px;
max-height: 64px
}
.docs-titlebar-collapsed#docs-titlebar-container #docs-titlebar {
height: auto;
padding: 0
}
.docs-grille #docs-bars {
margin-top: 1px
}
.docs-grille-gm3.docs-gm .docs-material #docs-toolbar-wrapper {
background-color: #eef3fc;
border: none;
border-radius: 24px;
font-family: "Google Sans", Roboto, sans-serif;
margin: 10px 16px 8px 16px;
min-height: 40px;
padding: 0 8px
}
.docs-grille-gm3 .docs-toolbar-more-toolbar,
.docs-grille-gm3 .trix-palette {
background-color: #eef3fc
}
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-button-inner-box,
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-menu-button-inner-box {
height: 28px;
min-width: 28px
}
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-button,
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-select,
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-menu-button,
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button,
.docs-grille-gm3 #docs-equationtoolbar .goog-toolbar-button,
.docs-grille-gm3 #docs-equationtoolbar .goog-toolbar-menu-button,
.docs-grille-gm3 .trix-palette .goog-palette-cell {
border-radius: 4px;
height: 28px;
line-height: 28px;
margin: 5px 1px;
min-width: 28px
}
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-button,
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button,
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-menu-button,
.docs-grille-gm3 .trix-palette .goog-toolbar-menu-button,
.docs-grille-gm3 #docs-align-palette .goog-toolbar-button {
background-color: #eef3fc
}
.docs-grille-gm3.docs-gm .docs-main-toolbars .goog-toolbar-button-hover,
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-menu-button-hover,
.docs-grille-gm3 .docs-toolbar-zoom-combobox.goog-toolbar-combo-button-hover,
.docs-grille-gm3 .trix-palette .goog-toolbar-menu-button-hover,
.docs-grille-gm3 #docs-align-palette .goog-toolbar-button-hover {
background-color: rgba(68, 71, 70, 0.078)
}
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button {
height: 26px
}
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-menu-button-open,
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-menu-button:focus,
.docs-grille-gm3.docs-gm .docs-main-toolbars .goog-toolbar-button-active,
.docs-grille-gm3.docs-gm .docs-main-toolbars .goog-toolbar-menu-button-active,
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-button:focus,
.docs-grille-gm3 .trix-palette .goog-toolbar-menu-button-open {
background-color: rgba(68, 71, 70, 0.122);
color: #444746
}
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-button.goog-toolbar-button-checked,
.docs-grille-gm3.docs-gm .trix-palette .goog-palette-cell-selected,
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-button-checked,
.docs-grille-gm3 #docs-align-palette .goog-toolbar-button-checked {
background-color: #d3e3fd
}
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-button.goog-toolbar-button-checked .docs-icon-img,
.docs-grille-gm3.docs-gm .trix-palette .goog-palette-cell-selected .docs-icon-img,
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-button-checked .docs-icon-img,
.docs-grille-gm3 #docs-align-palette .goog-toolbar-button-checked .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_blue.svg)
}
.docs-grille-gm3 #fontSizeSelect.docs-font-size-inc-dec-combobox.goog-toolbar-combo-button {
border: 1px solid #747775 !important;
border-radius: 4px
}
.docs-grille-gm3 #fontSizeSelect.docs-font-size-inc-dec-combobox.goog-toolbar-combo-button-hover {
border: 1px solid #1f1f1f !important
}
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button-open,
.docs-grille-gm3 #fontSizeSelect.docs-font-size-inc-dec-combobox.goog-toolbar-combo-button-open,
.docs-grille-gm3 #zoomSelect.docs-toolbar-zoom-combobox.goog-toolbar-combo-button-open {
border: 2px solid #0b57d0 !important;
border-radius: 4px;
margin: 0
}
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-menu-button-open {
color: #444746
}
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button-input:focus {
border: 1px solid transparent !important;
box-shadow: none;
padding: 0 4px
}
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button-input {
color: #444746;
font-family: "Google Sans", Roboto, sans-serif !important;
padding: 1px 4px
}
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button .goog-toolbar-combo-button-input:focus,
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button-open .goog-toolbar-combo-button-input {
color: #1f1f1f
}
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button-hover .goog-toolbar-combo-button-input {
border-right: 1px solid transparent !important
}
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button-inner-box {
margin: 0 4px
}
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button-input:focus {
background: transparent
}
.docs-grille-gm3 .docs-main-toolbars .docs-gm-arrow.goog-toolbar-combo-button-dropdown {
margin-right: 2px
}
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-select .goog-toolbar-menu-button-dropdown {
margin-right: 4px
}
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button-dropdown .docs-icon,
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-menu-button-dropdown .docs-icon {
height: 18px;
width: 18px
}
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button-open .goog-toolbar-combo-button-dropdown .docs-icon,
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-select.goog-toolbar-menu-button-open .goog-toolbar-menu-button-dropdown .docs-icon {
margin-bottom: 3px;
transform: rotateX(180deg)
}
.docs-grille-gm3.docs-gm .docs-material .docs-main-toolbars .docs-toolbar-button-split-right {
border-color: transparent !important;
margin-left: 0
}
.docs-grille-gm3 .docs-main-toolbars .docs-toolbar-button-split-left {
margin-right: 0
}
.docs-grille-gm3 .docs-main-toolbars .docs-toolbar-button-split-right.goog-toolbar-menu-button-open {
background-color: #d3e3fd
}
.docs-grille-gm3 #fontSizeSelect.docs-font-size-inc-dec-combobox,
.docs-grille-gm3 #fontSizeSelect.docs-font-size-inc-dec-combobox .goog-toolbar-combo-button-input {
margin: -1px -1px -1px 0;
width: 32px !important
}
.docs-grille-gm3 #fontSizeIncrement.docs-font-size-inc-dec-action-button.goog-toolbar-button,
.docs-grille-gm3 #fontSizeDecrement.docs-font-size-inc-dec-action-button.goog-toolbar-button {
border: none;
border-radius: 4px;
height: 24px;
width: 24px
}
.docs-grille-gm3 .docs-main-toolbars .docs-font-size-inc-dec-action-button .docs-icon {
margin: 2px 0 0 1px
}
.docs-grille-gm3 #fontSizeSelect.docs-font-size-inc-dec-combobox {
border-color: transparent !important;
margin: 0 3px
}
.docs-grille-gm3 #fontSizeSelect.docs-font-size-inc-dec-combobox.goog-toolbar-combo-button-open {
margin: 0 2px
}
.docs-grille-gm3 #docs-omnibox-toolbar .docs-omnibox-autocomplete {
margin: 6px 4px 6px 1px
}
.docs-grille-gm3 #docs-omnibox-toolbar .docs-omnibox-input {
background: white;
border-radius: 28px;
color: #1f1f1f;
height: 28px;
line-height: 32px;
padding-left: 16px
}
.docs-grille-gm3 #docs-omnibox-toolbar .docs-omnibox-input.jfk-textinput[aria-expanded="true"] {
border-bottom: #e1e3e1;
border-radius: 8px 8px 0 0;
padding-left: 16px
}
.docs-grille-gm3 #docs-toolbar.goog-toolbar {
padding-left: 2px
}
.docs-grille-gm3 #docs-omnibox-toolbar.assisted-actions {
padding: 0
}
.docs-grille-gm3 #docs-omnibox-toolbar .docs-omnibox-input.jfk-textinput[aria-expanded="true"].assisted-actions-toolbar-omnibox {
padding-left: 28px
}
.docs-grille-gm3 #docs-omnibox-toolbar .docs-icon {
margin: 5px
}
.docs-grille-gm3 #docs-omnibox-toolbar .docs-omnibox-input::placeholder {
color: #444746;
font-family: "Google Sans", Roboto, sans-serif
}
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-combo-button-input::selection {
background-color: #d3e3fd
}
.docs-grille-gm3 .docs-main-toolbars .docs-toolbar-text-button .goog-toolbar-menu-button-arrow-hidden.goog-toolbar-menu-button-outer-box {
padding-right: 4px
}
.docs-grille-gm3 #replaceImageMenu .goog-toolbar-menu-button-dropdown {
display: none
}
.docs-grille-gm3 #docs-align-palette {
background: #eef3fc;
padding: 0 4px
}
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-menu-button .docs-icon,
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-button .docs-icon {
height: 20px;
margin-bottom: 0;
width: 20px
}
.docs-grille-gm3 .toolbar-decimal-icon.docs-icon {
margin-bottom: -4px
}
.docs-grille-gm3 .docs-material #docs-side-toolbar {
margin-right: 12px
}
.docs-grille-gm3 #lineEndMenuButton .goog-toolbar-menu-button-caption,
.docs-grille-gm3 #lineStartMenuButton .goog-toolbar-menu-button-caption {
margin-top: 0
}
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-separator.goog-inline-block {
border-color: #c7c7c7;
margin: 10px 4px
}
.docs-grille-gm3 .docs-toolbar-more-button-inner-box .docs-icon {
margin-left: 1px
}
.docs-grille-gm3 .goog-toolbar-toggle-button.goog-toolbar-button-checked+.goog-toolbar-toggle-button.goog-toolbar-button-checked {
border-radius: 4px
}
.docs-grille-gm3 .docs-toolbar-zoom-combobox .goog-toolbar-combo-button-input {
height: 28px !important
}
.docs-grille-gm3 .docs-main-toolbars .goog-toolbar-menu-button-caption+.goog-toolbar-menu-button-dropdown.docs-gm-arrow {
padding: 0 4px
}
.docs-grille-gm3 .jfk-tooltip {
background-color: #1f1f1f;
border: 1px solid transparent;
border-radius: 4px;
color: #f2f2f2;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 12px;
font-weight: 400;
min-height: 16px;
letter-spacing: .1px;
line-height: 16px;
margin-top: 4px;
padding: 3px 8px
}
.docs-grille-gm3 .jfk-tooltip-arrow {
display: none
}
.docs-display-density-comfortable#docs-toolbar-wrapper {
min-height: calc(35px + 9px - 2px)
}
.docs-display-density-comfortable.goog-menu .goog-menuitem,
.docs-display-density-comfortable .docs-omnibox-autocomplete .ac-row .goog-menuitem {
padding-top: 9px;
padding-bottom: 9px
}
.docs-display-density-comfortable .waffle-function-category-row-description {
display: block
}
.docs-display-density-comfortable .shape-palette .goog-palette-cell {
padding: 5px
}
.docs-display-density-comfortable.waffle-function-category-row.waffle-function-category-active {
padding: 5px 10px
}
[class*="docs-hc"] .docs-display-density-comfortable .ac-row.ac-active .goog-menuitem,
[class*="docs-hc"] .docs-display-density-comfortable .goog-menuitem-highlight:not(.waffle-colormenuitems-scheme-header-edit-button) {
padding-top: calc(9px - 1px);
padding-bottom: calc(9px - 1px)
}
.docs-display-density-comfortable.goog-menu .goog-menuitem-icon {
top: calc(9px - 1px)
}
[class*="docs-hc"] .docs-display-density-comfortable .goog-menuitem-highlight:not(.docs-menuitem-add-fonts) .goog-menuitem-icon {
top: calc(calc(9px - 1px) - 1px)
}
.docs-display-density-comfortable.docs-omnibox-parent .docs-labelinputmenuitem.goog-menuitem .ac-row .goog-menuitem .goog-menuitem-icon,
.docs-display-density-comfortable.goog-menu .apps-menuitem .goog-menuitem-icon {
top: 0;
margin-top: 11px;
margin-bottom: 11px
}
[class*="docs-hc"] .docs-display-density-comfortable.docs-omnibox-parent .docs-labelinputmenuitem .ac-row.ac-active .goog-menuitem-icon,
[class*="docs-hc"] .docs-display-density-comfortable .goog-menuitem-highlight .goog-menuitem-icon {
top: 0;
margin-top: 10px;
margin-bottom: 10px
}
.docs-display-density-comfortable .goog-palette-cell {
padding: 4px
}
#t-border-palette.docs-display-density-comfortable .goog-palette-cell {
padding: 4px 6px 4px 4px
}
#t-border-palette.docs-display-density-comfortable #t-border-style-menu-button {
margin-top: 6px
}
#t-border-palette.docs-display-density-comfortable .goog-toolbar-color-menu-button {
padding-top: 3px;
padding-bottom: 3px
}
.docs-display-density-comfortable.trix-palette .goog-palette-cell {
display: inline-block;
margin: 2px;
padding: 4px 6px 4px 4px
}
.docs-display-density-comfortable.trix-palette .goog-palette-table {
margin: 0
}
#t-text-rotation-palette td:not(.goog-palette-cell),
.docs-display-density-comfortable.trix-palette {
padding: 0
}
.docs-display-density-comfortable .goog-inline-block.goog-toolbar-combo-button.waffle-text-rotation-combobox {
padding-top: 3px;
padding-bottom: 3px;
margin: 4px
}
.docs-display-density-comfortable.waffle-ac-renderer .waffle-function-autocomplete-row-description {
display: block
}
.docs-display-density-comfortable .docs-material-colorpalette-cell {
padding: 2px
}
.docs-display-density-comfortable .docs-material-colorpalette-colorswatch {
height: 24px;
width: 24px
}
.docs-display-density-comfortable.docs-colormenuitems .goog-menuitem.colormenuitems-custom-header-add-button {
padding: 10px 0
}
[class*="docs-hc"] .docs-display-density-comfortable .goog-menuitem-highlight.colormenuitems-custom-header-add-button {
padding: 9px 0
}
[class*="docs-hc"] .docs-display-density-comfortable .goog-menuitem-highlight.colormenuitems-no-color .goog-menuitem-icon {
margin-top: 0;
top: calc(9px - 1px)
}
.docs-display-density-comfortable.docs-colormenuitems .goog-menuitem.goog-inline-block.waffle-colormenuitems-scheme-header-edit-button {
padding: 5px
}
.docs-display-density-comfortable.docs-colormenuitems .goog-menuseparator {
margin: 10px 0
}
.docs-display-density-comfortable .goog-toolbar .goog-toolbar-button,
.docs-display-density-comfortable .goog-toolbar .goog-toolbar-combo-button,
.docs-display-density-comfortable .goog-toolbar .goog-toolbar-menu-button {
padding: 2px;
margin-left: 2px;
margin-right: 2px
}
.docs-display-density-comfortable .docs-toolbar-more-toolbar {
min-height: calc(35px + 2*2px)
}
.docs-display-density-comfortable .goog-toolbar .goog-toolbar-separator.goog-inline-block {
height: calc(35px + 2*2px)
}
.docs-display-density-comfortable .goog-toolbar .goog-toolbar-separator.goog-inline-block {
height: 24px
}
.docs-display-density-comfortable .goog-toolbar .docs-toolbar-button-split-left {
margin-right: 0
}
.docs-display-density-comfortable .goog-toolbar .docs-toolbar-button-split-right {
margin-left: 0
}
.docs-display-density-comfortable #docs-omnibox-toolbar .docs-omnibox-input {
height: 29px;
line-height: 29px
}
.docs-display-density-comfortable #docs-omnibox-toolbar .docs-omnibox-input::placeholder {
line-height: 29px
}
.docs-display-density-comfortable .goog-toolbar .docs-omnibox-autocomplete {
margin-right: 2px
}
.docs-display-density-comfortable.docs-colormenuitems .docs-c-u-colormenutogglebutton-base {
padding: 4px 33px
}
.docs-display-density-comfortable.docs-colormenuitems .jfk-palette-table {
width: 100%
}
.docs-display-density-comfortable.docs-colormenuitems .jfk-palette-row {
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between
}
.docs-display-density-comfortable.docs-colormenuitems .jfk-palette-colorswatch,
.docs-display-density-comfortable.docs-colormenuitems .docs-colormenuitems-custom-palette .jfk-palette-cell {
height: 22px;
width: 22px
}
.docs-display-density-comfortable.goog-menu.docs-fontmenu .docs-menuitem-add-fonts {
border-color: #eee
}
.docs-display-density-comfortable.goog-menu.docs-fontmenu .goog-menuitem.docs-submenuitem::before {
line-height: 38px
}
.docs-display-density-toolbar-menuitem-label {
font-weight: 500;
padding-bottom: 4px
}
.docs-display-density-toolbar-menuitem-description {
font-size: 11px;
color: #777
}
.docs-display-density-comfortable .goog-toolbar.chart-toolbar-with-omnibox {
display: flex;
-ms-flex-align: center;
-moz-box-align: center;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center
}
.docs-display-density-comfortable .goog-toolbar.chart-toolbar-with-omnibox .sheet-toolbar-button {
margin-right: calc(2px*2)
}
.docs-chat.jfk-button {
border-radius: 0;
height: 28px;
margin-left: 2px;
margin-right: 0px;
min-width: 24px;
vertical-align: top
}
.docs-chat.jfk-button .docs-icon {
opacity: .70
}
.docs-chat.jfk-button.jfk-button-checked .docs-icon {
opacity: 0.9
}
.docs-chat.jfk-button.jfk-button-disabled .docs-icon {
opacity: 0.333
}
.docs-chat-badge {
background: #db4437;
border-radius: 6px;
display: none;
height: 12px;
pointer-events: none;
position: absolute;
right: -4px;
top: -4px;
width: 12px
}
.docs-chat-badge-visible {
display: block
}
.docs-chat-badge.docs-hc-gecko {
filter: url("data:image/svg+xml;utf8,\00003csvg%20xmlns=\000027http://www.w3.org/2000/svg\000027\00003e\00003cfilter%20id=\000027invertColor\000027\00003e\00003cfeColorMatrix%20type=\000027matrix\000027%20values=\000027-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0\000027/\00003e\00003c/filter\00003e\00003c/svg\00003e#invertColor")
}
.docs-chat-message-tooltip-container {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
background-color: #fafafa;
padding: 12px;
z-index: 501
}
.docs-chat-message-tooltip-container .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
border-color: #fafafa transparent
}
.docs-chat-message-tooltip-container .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
border-color: rgba(0, 0, 0, 0.3) transparent
}
.docs-chat-message-tooltip {
font-size: 13px;
height: 32px;
line-height: 18px;
position: relative;
text-align: left;
width: 192px
}
.docs-chat-message-tooltip-subject {
opacity: .87;
font-weight: 500
}
.docs-chat-message-tooltip-content {
opacity: .54;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
word-break: break-all;
word-wrap: break-word
}
.docs-chat-pane-container {
border-left: 1px solid #d9d9d9;
outline: none;
position: absolute;
right: 0;
top: 0;
width: 300px
}
.docs-gm .docs-chat-pane-container {
overflow: hidden;
box-shadow: -3px 0px 6px -3px rgba(60, 64, 67, .15), 3px 0px 6px -3px rgba(60, 64, 67, .15);
border-left: 0
}
.docs-chat-pane {
background-color: #fff;
font-size: 13px;
height: 100%;
overflow: hidden;
position: relative;
z-index: 801
}
.docs-gm .docs-chat-pane {
font-size: 14px
}
.docs-chat-users {
background: #f5f5f5;
color: #000;
margin: 0;
max-height: 33%;
outline-style: none;
overflow: auto;
padding: 8px 0 3px 0;
text-align: left;
vertical-align: top
}
.docs-chat-users-empty {
display: none
}
.docs-chat-messages {
background-color: #fff;
box-sizing: border-box;
color: #3c4043;
letter-spacing: .25px;
outline-style: none;
overflow: auto;
padding: 10px 8px 10px 16px;
position: relative;
vertical-align: middle
}
.docs-chat-edit-container {
background: #eee;
bottom: 0;
height: 96px;
margin: 0;
outline: 0;
position: absolute;
width: 100%
}
.docs-gm .docs-chat-edit-container {
background-color: #fff
}
.docs-chat-edit-box {
border: 1px solid #5ea0e3;
box-sizing: border-box;
font-size: 100%;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
height: 64px;
left: 16px;
outline: 0;
overflow: auto;
padding: 8px;
position: relative;
top: 16px;
width: 268px;
resize: none
}
.docs-gm .docs-chat-edit-box {
border: 1px solid #dadce0;
border-radius: 4px;
box-sizing: border-box;
color: #3c4043;
padding: 1px 8px;
font-size: 14px;
height: 36px;
margin: 8px 0
}
.docs-gm .docs-chat-edit-box {
height: 64px;
margin: 0;
padding: 8px
}
.docs-chat-edit-box::-webkit-input-placeholder,
.docs-chat-edit-box::-moz-placeholder,
.docs-chat-edit-box:-ms-input-placeholder {
color: #5f6368
}
.docs-chat-edit-box-focus {
outline: 1px solid #5ea0e3
}
.docs-gm .docs-chat-edit-box-focus {
border: 2px solid #1a73e8;
box-shadow: none;
padding: 0px 7px
}
.docs-gm .docs-chat-edit-box-focus {
padding: 7px
}
.docs-chat-roster {
width: 250px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
word-break: break-all;
word-wrap: break-word
}
.docs-gm .docs-chat-roster {
width: 240px
}
.label-input-label {
color: #a9a9a9
}
.docs-chat-status {
color: #5f6368;
line-height: 12px
}
.docs-chat-name {
font-weight: 500
}
.docs-gm .docs-chat-name {
font-weight: 500
}
.docs-chat-message.docs-chat-status-message {
margin-bottom: 0px
}
.docs-chat-messages>:first-child>.docs-chat-message-wrapper {
margin-top: 0
}
.docs-chat-messages>.docs-chat-status-message {
font: normal normal 12px/16px Roboto, sans-serif
}
.docs-chat-message {
line-height: 18px;
margin-bottom: 2px;
outline-style: none;
word-wrap: break-word;
white-space: pre-wrap
}
.docs-chat-message-wrapper {
margin: 5px 0 20px 0
}
.docs-chat-message-wrapper>dt {
display: inline-block;
height: 24px;
user-select: none
}
.docs-chat-message-wrapper>dd {
font: normal normal 12px/16px Roboto, sans-serif;
margin: 0
}
.docs-chat-avatar {
display: inline-block;
margin-left: 8px;
vertical-align: top
}
.docs-chat-avatar div {
cursor: default !important
}
.docs-chat-nametag {
font: 500 12px/16px Roboto, sans-serif;
margin: 10px 8px 0 6px;
max-width: 200px;
overflow: hidden;
position: absolute;
text-overflow: ellipsis;
white-space: nowrap
}
.docs-chat-message-bubble {
display: inline-block;
position: relative;
right: -28px;
top: 10px
}
.docs-chat-message-tip {
border-bottom-color: transparent !important;
border-right-color: transparent !important;
border-style: solid;
border-top-color: transparent !important;
border-width: 4px;
position: absolute;
top: -4px;
user-select: none
}
.docs-chat-message-body {
border-radius: 0 8px 8px 8px;
max-width: 220px;
padding: 4px 8px;
word-break: break-word
}
.docs-user-roster {
margin: 0;
outline-style: none;
padding: 0 0 10px 1em;
position: relative
}
.docs-user-roster-name {
color: #666;
left: 2.7em;
position: absolute;
top: 0
}
.docs-user-roster-bubble {
height: 13px;
margin-right: 1px;
top: 1px;
vertical-align: text-bottom;
width: 13px
}
.docs-user-roster-bubble-clickable {
cursor: pointer
}
.docs-chat-anon {
color: gray;
font-size: 11px;
padding: 6px 24px 3px 16px
}
.docs-chat-title-bar {
display: flex;
align-items: center;
color: #202124;
background-color: #fff;
height: 56px;
padding: 0 16px;
border-bottom: 1px solid #dadce0;
border-top: 1px solid #dadce0;
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
z-index: 2;
display: block;
height: auto;
letter-spacing: .1px;
padding-right: 56px;
user-select: none
}
.docs-chat-title-bar-highlight {
background-color: #4285f4;
border-bottom-color: #4285f4;
border-top-color: #4285f4;
color: #fff
}
.docs-chat-title {
margin: 8px 0
}
#docs-chat-title-string {
font: normal 500 16px/20px "Google Sans", sans-serif;
margin: 0
}
.docs-chat-title-message {
opacity: 0.7
}
.docs-chat-title-message>.docs-icon {
vertical-align: top;
margin-left: -1px
}
.docs-chat-title-message>h2 {
font: normal 500 12px/16px Roboto, sans-serif;
margin: 3px 0 0 2px;
display: inline-block;
color: #202124;
width: 200px
}
.docs-gm .docs-chat-title-bar.docs-chat-shadow {
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}
.docs-gm .docs-chat-edit-container.docs-chat-shadow {
box-shadow: 0 -2px 6px 2px rgba(60, 64, 67, .15)
}
.docs-sidebar-close-button.docs-chat-close-button {
float: right;
top: 8px
}
.docs-sidebar-gm-close-button.docs-chat-close-button {
position: absolute;
right: 11px;
top: 12px
}
.docs-chat-not-encrypted-warning-container {
height: fit-content;
background-color: #fbbc04;
width: fit-content;
padding-left: 8px;
padding-right: 8px;
padding-top: 4px;
padding-bottom: 4px;
border-radius: 4px;
display: flex;
align-items: center;
position: relative;
left: 16px;
margin-right: 32px
}
.docs-chat-not-encrypted-warning-badge {
display: inline-block;
height: 16px;
margin-right: 8px;
width: 18px
}
.docs-chat-not-encrypted-warning-badge .docs-icon {
display: table-cell
}
.docs-chat-not-encrypted-warning-badge .docs-icon .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_dark.svg)
}
.docs-chat-not-encrypted-warning-label {
color: #202124;
display: inline-block;
font-family: Roboto;
font-size: 12px
}
.docs-grille-gm3 .docs-chat-pane-container {
background-color: #fff;
border-radius: 16px;
box-shadow: none;
margin: 10px 16px 16px;
outline: none;
width: 300px
}
.docs-grille-gm3.docs-body-pageless .docs-chat-pane-container {
border: 1px solid #c7c7c7
}
.docs-grille-gm3 .docs-chat-title-bar {
align-items: center;
background-color: #fff;
border-bottom: 1px solid #dadce0;
border-top: none;
color: #202124;
display: flex;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 16px;
height: 56px;
padding: 0 16px;
z-index: 2
}
.docs-presence-widget {
cursor: pointer;
height: 19px;
margin: 0 0 5px 0;
outline: 0;
position: absolute;
right: 44px;
top: 11px;
width: 207px
}
#docs-presence-menubar .docs-presence-widget {
top: 5px
}
#docs-presence .docs-presence-widget {
display: inline-block;
position: relative;
right: auto;
text-align: left;
width: auto
}
.docs-presence-widget-inner {
border: 1px solid transparent;
height: 17px;
margin-bottom: 8px
}
#docs-presence .docs-presence-widget-inner {
display: inline-block;
max-width: 190px
}
.docs-presence-widget-normal .docs-presence-widget-inner {
background: #fff;
border-color: #fff;
color: #666
}
.docs-presence-widget-hover .docs-presence-widget-inner,
.docs-presence-widget-focused .docs-presence-widget-inner {
background: #f3f3f3;
border-color: #f3f3f3;
color: #222 !important
}
.docs-presence-widget-open .docs-presence-widget-inner {
background: #f3f3f3;
border-color: #e5e5e5;
color: #666
}
.docs-presence-widget-notify .docs-presence-widget-inner {
color: #fff
}
.docs-presence-widget-arrow {
position: absolute !important;
top: 0
}
.docs-presence-widget-content {
font-size: 11px;
line-height: 18px;
max-width: 98px;
overflow: hidden;
padding: 0 4px;
text-overflow: ellipsis;
white-space: nowrap
}
#docs-presence .docs-presence-widget-content {
max-width: 90px;
position: relative;
vertical-align: top
}
.docs-presence-widget-collab {
max-width: 90px;
overflow: hidden;
position: absolute;
right: 4px;
top: 1px
}
#docs-presence .docs-presence-widget-collab {
display: inline-block;
margin-right: 4px;
position: relative;
right: auto;
top: auto
}
.docs-presence-widget-collab .docs-user-roster-bubble {
margin: 1px;
vertical-align: baseline
}
#docs-presence-container {
height: 29px;
margin-right: 10px;
vertical-align: middle
}
#docs-presence {
vertical-align: top
}
.docs-presence-plus-widget {
max-width: 250px;
outline: 0;
text-align: left
}
#docs-bars .docs-presence-plus-widget {
position: absolute;
overflow: hidden;
right: 0;
top: 2px
}
.docs-presence-plus-widget-inner {
vertical-align: top
}
.docs-presence-plus-widget-collabs {
height: 30px
}
.docs-hub-appbar .docs-presence-plus-widget-collabs {
display: flex;
align-items: center
}
.docs-presence-plus-widget-overflow-button {
border-radius: 0;
height: 28px;
margin: 0 2px 0 -1px;
min-width: 0;
padding: 0;
width: 13px
}
.docs-presence-plus-widget-overflow-button .goog-flat-menu-button-dropdown {
right: 3px
}
.docs-presence-plus-widget-overflow-menu {
max-height: 300px;
outline: none;
overflow: auto;
padding: 7px;
text-align: left;
white-space: nowrap
}
.docs-presence-plus-widget-overflow,
.docs-presence-plus-collab-widget-container {
height: 30px;
overflow: hidden;
vertical-align: top
}
.docs-presence-plus-collab-widget-color-block {
height: 30px;
overflow: hidden;
width: 25px
}
.docs-presence-plus-collab-widget-menuitem,
.docs-gm .goog-menu .docs-presence-plus-collab-widget-menuitem.goog-menuitem,
.docs-gm .goog-menu .docs-presence-plus-collab-widget-menuitem.goog-menuitem-highlight {
border-style: none;
padding: 0
}
.docs-presence-plus-collab-widget-container {
margin: 0 2px;
width: 25px
}
.docs-presence-plus-collab-widget-color-block {
opacity: .5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"
}
.docs-presence-plus-collab-widget-active .docs-presence-plus-collab-widget-color-block {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
.docs-presence-plus-collab-widget-exit .docs-presence-plus-collab-widget-color-block {
height: 0;
width: 0
}
.docs-presence-plus-collab-widget-image,
.docs-presence-plus-collab-widget-image-container {
height: 25px;
padding-bottom: 5px;
width: 25px
}
.docs-presence-plus-collab-widget-image-container {
overflow: hidden
}
.docs-hub-appbar .docs-presence-plus-collab-widget-color-block,
.docs-hub-appbar .docs-presence-plus-collab-widget-image-container {
height: 28px;
width: 28px
}
.docs-hub-appbar .docs-presence-plus-collab-widget-image {
height: 24px;
width: 24px
}
.docs-presence-plus-collab-widget-image-border {
border-bottom: 1px solid #fff;
height: 24px
}
.docs-presence-plus-collab-widget-idle-text {
color: #777;
font-size: 11px
}
.docs-presence-plus-collab-widget-active .docs-presence-plus-collab-widget-idle-text,
.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-active .docs-presence-plus-collab-widget-idle-text {
display: none
}
.docs-presence-plus-widget-overflow-button-collabs {
margin: 0
}
@-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
}
}
.docs-presence-plus-collab-widget-enter .docs-presence-plus-collab-widget-color-block {
-webkit-animation-name: color-join;
-moz-animation-name: color-join;
-ms-animation-name: color-join;
-webkit-animation-duration: .5s;
-moz-animation-duration: .5s;
-ms-animation-duration: .5s
}
@-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
}
}
.docs-presence-plus-collab-widget-enter .docs-presence-plus-collab-widget-image-container {
-webkit-animation-name: image-join;
-moz-animation-name: image-join;
-ms-animation-name: image-join;
-webkit-animation-duration: 1.5s;
-moz-animation-duration: 1.5s;
-ms-animation-duration: 1.5s;
-webkit-animation-timing-function: ease-in;
-moz-animation-timing-function: ease-in;
-ms-animation-timing-function: ease-in
}
@-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
}
}
.docs-presence-plus-collab-widget-exit .docs-presence-plus-collab-widget-color-block {
-webkit-animation-name: collab-exit;
-moz-animation-name: collab-exit;
-ms-animation-name: collab-exit;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s
}
@-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
}
}
.docs-presence-plus-collab-widget-exit .docs-presence-plus-collab-widget-image {
-webkit-animation-name: collab-image-exit;
-moz-animation-name: collab-image-exit;
-ms-animation-name: collab-image-exit;
-webkit-animation-duration: 1s;
-moz-animation-duration: 1s;
-ms-animation-duration: 1s
}
.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-container {
display: block;
height: 25px;
margin: 0 0 5px;
width: auto
}
.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-color-block {
width: 30px
}
.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget {
height: 25px;
padding-right: 20px
}
.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-image {
position: relative;
left: -1px
}
.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-image,
.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-image-container {
padding-bottom: 0
}
.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-image-container {
padding-left: 5px
}
.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-image-border {
border-bottom: none;
border-left: 1px solid #fff;
height: 25px
}
.docs-presence-plus-widget-overflow-menu .docs-presence-plus-collab-widget-name {
color: #222;
font-size: 13px;
margin: 4px 0 0 5px;
vertical-align: top
}
.docs-search-bar {
display: flex;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: center;
align-items: center;
background-color: rgba(255, 255, 255, 1.0);
direction: ltr
}
.docs-search-bar-input::placeholder {
text-align: left;
font-size: 14px;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.docs-search-bar-input {
border: none;
border-radius: none;
outline: none;
font-size: 14px;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
resize: none
}
.docs-search-bar-icon-container .docs-search-bar-icon {
height: 24px;
width: 24px
}
.docs-search-bar-clear-button {
cursor: pointer
}
.apps-search-menu {
border-radius: 8px
}
.apps-search-menu-results-container {
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
outline: none
}
.apps-search-menu:focus {
outline: none
}
[class*="docs-hc"] .docs-search-menu {
border: 1px solid transparent
}
.apps-search-popup-menu {
background-color: rgb(255, 255, 255);
border-radius: 8px;
position: absolute
}
.apps-search-popup-menu {
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
z-index: 1001
}
.jfk-bubble.jfk-bubble-promo.hub-anchored-bubble {
background-color: #ffffff;
border-color: #ffffff;
border-radius: 8px;
box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 1px;
height: auto;
padding: 18px 16px;
white-space: initial;
width: 226px;
text-align: left;
word-wrap: break-word
}
.jfk-bubble.jfk-bubble-promo.hub-anchored-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
border-color: #dadce0 transparent;
top: -1px
}
.jfk-bubble.jfk-bubble-promo.hub-anchored-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
border-color: #ffffff transparent;
top: 0
}
.hub-anchored-bubble-title,
.hub-anchored-bubble-body {
color: #3c4043;
font-family: Roboto;
line-height: 20px;
padding: 0 8px
}
.hub-anchored-bubble-title {
font-family: 'Google Sans';
font-size: 16px;
font-weight: 500;
padding-bottom: 12px;
padding-top: 4px
}
.hub-anchored-bubble-action-row {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
padding-top: 15px;
text-align: right
}
#hub-bubble-dismiss-button {
border-radius: 4px;
color: #1a73e8;
cursor: pointer;
font-size: 14px;
letter-spacing: 0.25px;
line-height: 16px;
outline: none;
padding: 8px
}
#hub-bubble-dismiss-button:hover,
#hub-bubble-dismiss-button:focus {
background-color: rgba(0, 0, 0, .06)
}
.docs-dropdown-entity-items-preview-menu {
max-height: 200px;
overflow-x: hidden;
overflow-y: scroll;
width: 182px
}
.docs-dropdown-entity-items-preview-menu-header {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
height: 16px;
letter-spacing: 0.8px;
line-height: 16px;
margin: 12px 16px;
text-align: left;
vertical-align: middle
}
.docs-dropdown-entity-items-preview-menu-control {
cursor: pointer;
padding: 6px 0 6px 16px
}
.docs-dropdown-entity-items-preview-menu-control-hover {
background-color: #f1f3f4
}
.docs-dropdown-entity-items-preview-menu-preview-control {
border-radius: 6px;
cursor: pointer;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
overflow-x: hidden;
padding: 2px 6px;
white-space: nowrap;
width: fit-content
}
.docs-modality-header-message-component {
cursor: default;
display: flex
}
[dir="rtl"] .docs-modality-header-message-component {
flex-direction: row-reverse
}
.docs-modality-header-message-component-title {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 11px;
height: 16px;
letter-spacing: 0.8px;
line-height: 16px;
padding: 12px 16px;
text-align: left;
vertical-align: middle
}
.docs-modality-header-message-component-icon-button {
background-color: transparent;
border-color: transparent;
cursor: pointer;
float: right;
height: 24px;
padding: 6px 8px;
margin-left: auto;
width: 24px
}
[dir="rtl"] .docs-modality-header-message-component-icon-button {
transform: rotate(180deg)
}
.docs-modality-header-message-component-icon-button.goog-flat-button-hover {
background-color: #f1f3f4;
border-radius: 4px
}
.docs-icon-img-container.docs-icon-img.docs-icon-calendar-event-24.docs-blue-icon-now-badge {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_blue.svg)
}
.docs-inline-insert-menu-item-button {
position: absolute;
right: 0
}
.docs-smart-canvas-unscrollable-inputless-insert-menu-results-container .goog-menuitem.goog-menuitem-highlight {
border-width: 0;
padding: 0
}
[class*="docs-hc"] .docs-smart-canvas-unscrollable-inputless-insert-menu-results-container .goog-menuitem.goog-menuitem-highlight {
outline: 1px dotted transparent
}
.docs-inline-insert-menu-item {
align-items: center;
direction: ltr;
display: flex;
padding: 0 16px
}
.docs-smart-canvas-unscrollable-inputless-insert-menu-results-container .goog-menuitem {
padding: 0
}
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-calendar-event-item-button,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-date-item-button.docs-date-item-button-with-relative-text,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-finance-suggestion-item-button,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-maps-place-item-button,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-meeting-notes-item-button,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-person-item-button,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-snippetbook-item-button-expanded {
height: 44px
}
.docs-inline-insert-menu-item.docs-drive-item-button,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-component-item-button,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-date-item-button,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-emoji-unicode-item-button,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-snippetbook-item-button,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-variables-item-button,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-insert-code-snippets-menu-item,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item.docs-timer-item-button,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-insert-dropdown-from-definition-button {
height: 32px
}
.docs-inline-insert-menu-item-icon-container {
display: flex;
margin-right: 8px
}
.docs-smart-canvas-insert-menu-message .docs-inline-insert-menu-item-icon-container {
display: none
}
.docs-inline-insert-menu-item-icon-inner-container {
display: flex;
justify-content: center;
align-items: center
}
.docs-drive-item-button .docs-inline-insert-menu-item-icon-inner-container,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-calendar-event-item-button .docs-inline-insert-menu-item-icon-container,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-component-item-button .docs-inline-insert-menu-item-icon-container,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-date-item-button .docs-inline-insert-menu-item-icon-container,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-meeting-notes-item-button .docs-inline-insert-menu-item-icon-container,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-snippetbook-item-button .docs-inline-insert-menu-item-icon-container,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-snippetbook-item-button-expanded .docs-inline-insert-menu-item-icon-container,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-timer-item-button .docs-inline-insert-menu-item-icon-container,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-variables-item-button .docs-inline-insert-menu-item-icon-container {
height: 24px;
width: 24px
}
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-calendar-event-item-button .docs-inline-insert-menu-item-icon-container .docs-icon,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-component-item-button .docs-inline-insert-menu-item-icon-container .docs-icon,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-date-item-button .docs-inline-insert-menu-item-icon-container .docs-icon,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-insert-dropdown-from-definition-button .docs-inline-insert-menu-item-icon-container .docs-icon,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-meeting-notes-item-button .docs-inline-insert-menu-item-icon-container .docs-icon,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-snippetbook-item-button .docs-inline-insert-menu-item-icon-container .docs-icon,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-snippetbook-item-button-expanded .docs-inline-insert-menu-item-icon-container .docs-icon,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-timer-item-button .docs-inline-insert-menu-item-icon-container .docs-icon,
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-variables-item-button .docs-inline-insert-menu-item-icon-container .docs-icon {
height: 24px;
width: 24px
}
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-component-item-button .docs-inline-insert-menu-item-icon-container .docs-icon .docs-icon-spreadsheet {
padding: 3px
}
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-component-item-button .docs-inline-insert-menu-item-icon {
visibility: hidden
}
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-person-item-button .docs-inline-insert-menu-item-icon {
height: 28px;
width: 28px;
border-radius: 50%
}
.docs-inline-insert-menu-item-title,
.docs-inline-insert-menu-item-subtext {
font-weight: 400;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 232px
}
.docs-inline-insert-menu-item-title.docs-inline-insert-menu-item-new,
.docs-inline-insert-menu-item-subtext.docs-inline-insert-menu-item-new,
.docs-inline-insert-menu-item-title.docs-inline-insert-menu-item-next,
.docs-inline-insert-menu-item-subtext.docs-inline-insert-menu-item-next {
width: 190px
}
.docs-inline-insert-menu-item-title.docs-inline-insert-menu-item-now,
.docs-inline-insert-menu-item-subtext.docs-inline-insert-menu-item-now {
width: 190px;
font-weight: bold
}
.docs-inline-insert-menu-item-title {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px
}
.docs-inline-insert-menu-item-subtext {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 16px
}
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item-title {
color: #202124;
letter-spacing: 0.2px;
line-height: 20px
}
.docs-smart-canvas-scrollable-inputless-insert-menu .docs-inline-insert-menu-item-subtext {
color: #5f6368;
letter-spacing: 0.3px;
line-height: 16px
}
@media screen and (forced-colors:active) {
.docs-smart-canvas-scrollable-inputless-insert-menu .goog-menuitem-highlight .docs-inline-insert-menu-item-title,
.docs-smart-canvas-scrollable-inputless-insert-menu .goog-menuitem-highlight .docs-inline-insert-menu-item-subtext {
color: HighlightText
}
}
.maps-place-item-preview-image {
max-width: 280px
}
.maps-place-item-preview-container {
position: absolute;
width: 280px
}
.maps-place-item-preview-image-loaded {
border-radius: 4px;
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
position: absolute;
width: 100%;
z-index: 1002
}
.docs-smart-canvas-scrollable-inputless-insert-menu {
cursor: default;
max-height: 328px;
overflow-x: hidden;
overflow-y: auto;
padding: 8px 0;
width: 320px
}
.apps-search-popup-menu .docs-smart-canvas-scrollable-inputless-insert-menu {
max-height: 456px
}
.docs-smart-canvas-unscrollable-inputless-insert-menu-results-container {
border-radius: 0;
overflow-x: hidden
}
[class*="docs-hc"] .docs-smart-canvas-unscrollable-inputless-insert-menu-results-container {
padding: 1px
}
.docs-smart-canvas-insert-menu-results-container {
border-radius: 0 0 8px 8px;
overflow-x: hidden;
overflow-y: auto
}
.docs-smart-canvas-insert-menu-message {
color: #5f6368;
cursor: auto;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
height: 48px;
justify-content: center;
line-height: 48px;
text-align: center
}
.talk_roster {
display: none
}
.docs-chat-mole-hidden>div {
top: -10000px !important;
left: -10000px !important
}
.talk_chat_widget {
z-index: 900 !important
}
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.title-bar-badge-popout {
background-color: #fff;
border: 0;
border-radius: 8px;
height: auto;
width: 320px;
word-wrap: break-word;
margin-top: 12px;
outline: 1px solid transparent
}
.title-bar-badge-popout-callout.docs-gm-promo.jfk-bubble.jfk-bubble-promo.title-bar-badge-popout {
background-color: #1a73e8
}
.title-bar-badge-popout-body {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 22px;
vertical-align: top
}
.title-bar-badge-popout-callout .title-bar-badge-popout-body {
color: #fff
}
.title-bar-badge-popout-emphasized-content {
color: #202124;
background-color: #e6f4ea;
border-radius: 8px;
padding: 8px
}
.title-bar-badge-popout-callout .title-bar-badge-popout-emphasized-content {
background-color: #1967d2;
color: #fff
}
.title-bar-badge-popout-action-row {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
text-align: right;
display: flex;
justify-content: flex-end;
margin: 8px 0 -8px 0
}
.title-bar-badge-popout-action-row .goog-flat-button {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
margin-left: 8px
}
.title-bar-badge-popout-action-container {
color: #137333;
cursor: pointer;
outline: none;
width: auto;
padding: 12px 10px 12px 10px;
background: transparent;
border: 1px solid transparent;
border-radius: 4px;
border-color: transparent;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.025em;
transition-duration: 0.3s;
transition-property: background, border-color;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.title-bar-badge-popout-callout .title-bar-badge-popout-action-container {
color: #fff
}
.title-bar-badge-popout-action-container.goog-flat-button-hover {
background: #f8fcf9;
border-color: #c8e7d1
}
.title-bar-badge-popout-action-container.goog-flat-button-focused {
background: #e7f5eb;
border-color: #bbe2c6
}
.title-bar-badge-popout-callout .title-bar-badge-popout-action-container.goog-flat-button-hover {
background: #1967d2;
border-color: #185abc
}
.title-bar-badge-popout-callout .title-bar-badge-popout-action-container.goog-flat-button-focused {
background: #1967d2;
border-color: #185abc
}
.title-bar-badge-popout-header {
font-size: 16px;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 400;
margin-bottom: 8px;
line-height: 22px
}
.title-bar-badge-popout-title {
margin-bottom: 12px
}
.title-bar-badge-popout-callout .title-bar-badge-popout-title {
color: #fff
}
.title-bar-badge-popout-header-content {
color: #3c4043;
margin-bottom: 12px
}
.title-bar-badge-open-icon.docs-icon {
margin-left: 2px
}
.docs-gm .title-bar-badge-open-icon .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.title-bar-badge-popout-callout .title-bar-badge-popout-header-content {
color: #fff
}
.title-bar-badge-popout-container {
outline: none;
padding: 16px
}
.title-bar-badge-popout-header-title {
font-size: 14px
}
.title-bar-badge-popout-header-icon.docs-icon {
float: left;
margin-right: 5px
}
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.title-bar-badge-popout .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore,
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.title-bar-badge-popout .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
border-color: #fff transparent
}
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.title-bar-badge-popout.title-bar-badge-popout-callout .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore,
.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.title-bar-badge-popout.title-bar-badge-popout-callout .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
border-color: #1a73e8 transparent
}
.jfk-bubble.jfk-bubble-promo.title-bar-badge-popout .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
background: #fff;
border-radius: 4px;
box-shadow: 0 0 3px 0 rgba(32, 33, 36, 0.3);
position: absolute;
transform: rotate(-48deg);
height: 13px
}
.jfk-bubble.jfk-bubble-promo.title-bar-badge-popout.title-bar-badge-popout-callout .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
background: #1a73e8
}
.jfk-bubble.jfk-bubble-promo.title-bar-badge-popout .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
height: 24px;
top: -14px;
left: -15px;
transform: scale(1.02) perspective(24px) rotateX(60deg);
width: 16px
}
.title-bar-badge-popout-checkbox {
margin-left: 8px
}
.title-bar-badge-popout-checkbox .docs-material-gm-labeled-checkbox {
padding: 0
}
.title-bar-badge-popout-callout .docs-material-gm-labeled-checkbox-checkbox {
border-color: #fff
}
.title-bar-badge-popout-callout .docs-material-gm-labeled-checkbox .docs-material-gm-labeled-checkbox-label {
color: #fff
}
.title-bar-badge-popout-callout .docs-material-gm-labeled-checkbox-focused .docs-material-gm-labeled-checkbox-circle,
.title-bar-badge-popout-callout .docs-material-gm-labeled-checkbox-hover .docs-material-gm-labeled-checkbox-circle {
background-color: #fff
}
.title-bar-badge-popout-callout .docs-material-gm-labeled-checkbox-checkbox.docs-material-gm-labeled-checkbox-checked {
background-color: transparent
}
.title-bar-badge-popout-compact.title-bar-badge-popout-callout.docs-gm-promo.jfk-bubble.jfk-bubble-promo.title-bar-badge-popout {
margin-top: 0
}
.title-bar-badge-popout-compact .jfk-bubble-arrow-id {
visibility: hidden
}
.docs-copydocdialog {
width: 360px
}
.docs-copydocdialog-filenameinput {
width: 250px
}
.docs-copydocdialog-warning,
.docs-copydocdialog-destination-sharewarning {
color: #5f6368;
font-size: 11px
}
.docs-copydocdialog-checkbox {
font-size: 14px;
letter-spacing: 0.2px;
padding-top: 5px;
vertical-align: top
}
.docs-gm .docs-copydocdialog-checkbox {
cursor: pointer;
padding-top: 8px
}
.docs-gm .docs-copydocdialog-checkbox .jfk-checkbox {
margin-top: -8px;
margin-right: 8px
}
.docs-copydocdialog-topcheckbox .docs-copydocdialog-checkbox {
padding-top: 0
}
.docs-gm .docs-copydocdialog {
min-width: 312px;
width: unset
}
.docs-gm .docs-copydocdialog .docs-copydocdialog-filenameinput {
width: 100%
}
.docs-gm .docs-copydocdialog .docs-copydocdialog-destination-button,
.docs-gm .docs-copydocdialog .docs-copydocdialog-appsscript-button {
height: 34px;
width: 294px
}
.docs-gm .docs-copydocdialog-destination-img {
top: 3px
}
.docs-copydocdialog-commentcheckbox,
.docs-copydocdialog-addremoveencryptioncheckbox,
.docs-copydocdialog-collaboratorcheckbox,
.docs-copydocdialog-deleteoriginalcheckbox {}
.docs-copydocdialog-indentedcheckbox {
margin-left: 30px
}
.docs-copydocdialog-indentedcheckbox .docs-copydocdialog-checkbox-label {
width: 255px
}
.docs-gm .docs-copydocdialog-destination-name {
vertical-align: sub
}
.docs-copydocdialog-option-disabled {
opacity: .38
}
.docs-copydocdialog-destination-button-disabled .docs-copydocdialog-appsscript-button-disabled {
pointer-events: none
}
.docs-gm .docs-copydocdialog-includeresolvedcommentscheckbox .jfk-checkbox {
vertical-align: top;
margin-top: -4px
}
.docs-copydocdialog-checkbox-label {
width: 285px;
display: inline-block
}
.docs-copydocdialog-destination-button,
.docs-copydocdialog-filenameinput,
.docs-copydocdialog-appsscript-button {
margin-top: 4px
}
.docs-copydocdialog-destination-button,
.docs-copydocdialog-appsscript-button {
border: 1px solid #ddd;
margin-right: 0;
overflow: hidden;
position: relative;
text-align: left;
text-overflow: ellipsis;
width: 250px
}
.docs-copydocdialog-destination-button.jfk-button-focused,
.docs-copydocdialog-appsscript-button.jfk-button-focused {
border: 1px solid #4d90fe
}
.docs-copydocdialog-destination-section {
margin-top: 16px
}
.docs-copydocdialog-destination-img {
height: 10px;
margin-right: 5px;
position: relative;
top: 2px;
width: 13px
}
.docs-copydocdialog-description {
font-size: 16px;
height: 72px;
letter-spacing: 0.15px;
line-height: 24px;
vertical-align: top;
width: 312px
}
.docs-gm .docs-copydocdialog-description {
height: unset;
color: #5f6368;
max-width: 464px;
width: 100%
}
.goog-menu.picker-min.docs-copydocdialog-destination-picker {
z-index: 1003
}
.docs-copydocdialog-appsscript-section {
margin-top: 16px
}
.docs-gm .docs-copydocdialog-appsscript-section {
margin-bottom: 24px
}
.docs-copydocdialog-appsscript-button {
align-items: center;
display: flex
}
.docs-copydocdialog-appsscript-icon {
margin-right: 5px;
position: relative
}
.docs-copydocdialog-openinnew-icon {
margin-left: 5px;
position: relative
}
.docs-copydocdialog-appsscript-file-name {
overflow: hidden;
text-overflow: ellipsis;
width: 258px
}
.docs-copydocdialog-appsscript-warning {
align-items: center;
background: #fbbc04;
border-radius: 4px;
display: flex;
flex-direction: row;
margin-top: 16px;
padding: 8px 12px;
width: 244px
}
.docs-gm .docs-copydocdialog-appsscript-warning {
width: 288px
}
.docs-copydocdialog-appsscript-warning-msg {
color: #202124;
flex: 1;
font-family: Roboto;
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: 16px;
letter-spacing: 0.3px;
margin-left: 12px
}
.docs-copydocdialog-message {
width: 288px;
margin-top: 16px;
border-radius: 8px;
padding: 8px 12px 8px 12px
}
.docs-copydocdialog-remove-encryption-message.docs-dialogmessage {
background: #fbbc04
}
.docs-copydocdialog-spinner {
height: 32px;
width: 32px;
float: left;
margin-top: -30px
}
.docs-copydocdialog-elements {}
.docs-copydocdialog-second-step-container {
display: flex;
flex-direction: column;
gap: 16px
}
.docs-copydocdialog-second-step-success-message {
display: flex;
flex-direction: row;
align-items: center;
padding: 0;
gap: 8px
}
.docs-copydocdialog-message.docs-copydocdialog-hidden,
.docs-copydocdialog-second-step-container.docs-copydocdialog-hidden,
.docs-copydocdialog-add-remove-encryption-message-container {
display: none
}
.modal-dialog.docs-dialog.docs-copy-endangered-dialog {
z-index: 1007;
width: 376px
}
.modal-dialog-bg.docs-copy-endangered-dialog-bg {
z-index: 1006
}
.docs-gm .modal-dialog.docs-dialog.docs-copy-endangered-dialog {
min-width: 464px;
width: unset
}
.docs-dialog.docs-hc-gecko .modal-dialog-title-close:after {
filter: invert(100%)
}
.docs-dialog .modal-dialog-title-close {
opacity: 0.54
}
.docs-dialog .modal-dialog-title-close:hover {
opacity: 0.87
}
.modal-dialog-title-text {
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: normal
}
.docs-dialog .modal-dialog-title-close:after {
background: none;
right: 13px;
top: 14px;
content: url(//ssl.gstatic.com/images/icons/material/system/svg/close_18px.svg);
height: 18px;
width: 18px
}
.docs-details-dialog {
min-width: 200px
}
.docs-details-error {
margin-left: 10px;
margin-top: 40px
}
.docs-details-loading {
background-image: url(//ssl.gstatic.com/docs/common/loading_animation.gif);
height: 50px;
margin: auto;
width: 50px
}
.docs-details-table {
border-collapse: collapse
}
.docs-details-field {
font-size: 13px;
font-weight: 500;
height: 27px;
width: 100px
}
#docs-details-folder {
margin-right: 6px;
outline: none;
vertical-align: bottom
}
.docs-details-value {
height: 27px;
max-width: 200px
}
.docs-details-value[data-hovercard-id] {
text-decoration: underline;
text-decoration-style: dotted
}
.docs-gm .docs-details-dialog {
min-width: 312px;
padding: 24px
}
.docs-gm .docs-details-dialog .modal-dialog-title-text {
color: #3c4043;
font-size: 22px;
font-weight: normal;
height: 28px
}
.docs-gm .docs-details-field,
.docs-gm .docs-details-value {
font-size: 14px;
height: 20px;
padding: 8px 0
}
.docs-gm .docs-details-field {
color: #3c4043;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
min-width: 100px;
padding-right: 20px
}
.docs-gm .docs-details-value {
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.drive-organize-atd-popup {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
vertical-align: middle
}
.drive-organize-atd-popup-undo-btn {
margin: auto
}
.drive-organize-dialog {
-webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
-moz-box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
box-shadow: 0 4px 16px rgba(0, 0, 0, .2);
background: var(--dt-background, #fff);
background-clip: padding-box;
color: var(--dt-on-surface, rgb(60, 64, 67));
font-family: inherit;
outline: 0;
padding: 24px;
position: absolute;
width: 560px;
z-index: 2204
}
.drive-organize-dialog-bg {
background: var(--dt-on-surface, rgb(60, 64, 67));
left: 0;
position: absolute;
top: 0;
z-index: 2203
}
div.drive-organize-dialog-bg {
filter: alpha(opacity=50);
opacity: .50
}
.drive-organize-dialog-title {
background-color: var(--dt-background, #fff);
color: var(--dt-on-surface, rgb(60, 64, 67));
cursor: default;
font-size: 20px;
font-weight: normal;
line-height: 24px
}
.drive-organize-dialog-title-close {
height: 11px;
margin: 24px;
opacity: 0.7;
padding: 6px;
position: absolute;
right: 0;
top: 0;
width: 11px
}
.drive-organize-dialog-title-close:after {
background: url(//ssl.gstatic.com/ui/v1/dialog/close-x.png);
content: '';
height: 11px;
position: absolute;
width: 11px
}
.drive-organize-dialog-title-close:hover {
opacity: 1
}
.drive-organize-dialog-content {
background-color: var(--dt-background, #fff);
font-size: 16px;
line-height: 1.4em;
padding-top: 24px;
padding-bottom: 24px;
word-wrap: break-word
}
.drive-organize-dialog-buttons {
text-align: right
}
.drive-organize-dialog-buttons .drive-organize-button {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: var(--dt-surface-variant, rgb(241, 243, 244));
background-image: -webkit-linear-gradient(top, var(--dt-surface-variant, rgb(241, 243, 244)), #f1f1f1);
background-image: -moz-linear-gradient(top, var(--dt-surface-variant, rgb(241, 243, 244)), #f1f1f1);
background-image: -ms-linear-gradient(top, var(--dt-surface-variant, rgb(241, 243, 244)), #f1f1f1);
background-image: -o-linear-gradient(top, var(--dt-surface-variant, rgb(241, 243, 244)), #f1f1f1);
background-image: linear-gradient(top, var(--dt-surface-variant, rgb(241, 243, 244)), #f1f1f1);
border: 1px solid #dcdcdc;
border: 1px solid rgba(0, 0, 0, 0.1);
color: var(--dt-on-surface, rgb(60, 64, 67));
cursor: default;
font-family: inherit;
font-size: 11px;
font-weight: bold;
height: 29px;
line-height: 27px;
margin: 0 0 0 16px;
min-width: 72px;
outline: 0;
padding: 0 8px
}
.drive-organize-dialog-buttons .drive-organize-button:hover,
.drive-organize-dialog-buttons .drive-organize-button:active {
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
background-color: var(--dt-surface-variant, rgb(241, 243, 244));
background-image: -webkit-linear-gradient(top, var(--dt-surface-variant, rgb(241, 243, 244)), #f1f1f1);
background-image: -moz-linear-gradient(top, var(--dt-surface-variant, rgb(241, 243, 244)), #f1f1f1);
background-image: -ms-linear-gradient(top, var(--dt-surface-variant, rgb(241, 243, 244)), #f1f1f1);
background-image: -o-linear-gradient(top, var(--dt-surface-variant, rgb(241, 243, 244)), #f1f1f1);
background-image: linear-gradient(top, var(--dt-surface-variant, rgb(241, 243, 244)), #f1f1f1);
border: 1px solid #c6c6c6;
color: var(--dt-on-surface, rgb(60, 64, 67))
}
.drive-organize-dialog-buttons .drive-organize-button:active {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}
.drive-organize-dialog-buttons .drive-organize-button:focus {
border: 1px solid var(--dt-primary, rgb(26, 115, 232))
}
.drive-organize-dialog-buttons .drive-organize-button[disabled] {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: var(--dt-background, #fff);
background-image: none;
border: 1px solid var(--dt-surface-variant, rgb(241, 243, 244));
border: 1px solid rgba(0, 0, 0, 0.5);
color: rgba(0, 0, 0, .26)
}
.drive-organize-dialog-buttons .goog-buttonset-action {
background-color: var(--dt-primary, rgb(26, 115, 232));
background-image: -webkit-linear-gradient(top, var(--dt-primary, rgb(26, 115, 232)), var(--dt-primary, rgb(26, 115, 232)));
background-image: -moz-linear-gradient(top, var(--dt-primary, rgb(26, 115, 232)), var(--dt-primary, rgb(26, 115, 232)));
background-image: -ms-linear-gradient(top, var(--dt-primary, rgb(26, 115, 232)), var(--dt-primary, rgb(26, 115, 232)));
background-image: -o-linear-gradient(top, var(--dt-primary, rgb(26, 115, 232)), var(--dt-primary, rgb(26, 115, 232)));
background-image: linear-gradient(top, var(--dt-primary, rgb(26, 115, 232)), var(--dt-primary, rgb(26, 115, 232)));
border: 1px solid var(--dt-primary, rgb(26, 115, 232));
color: var(--dt-background, #fff)
}
.drive-organize-dialog-buttons .goog-buttonset-action:hover,
.drive-organize-dialog-buttons .goog-buttonset-action:active {
background-color: var(--dt-primary, rgb(26, 115, 232));
background-image: -webkit-linear-gradient(top, var(--dt-primary, rgb(26, 115, 232)), var(--dt-primary, rgb(26, 115, 232)));
background-image: -moz-linear-gradient(top, var(--dt-primary, rgb(26, 115, 232)), var(--dt-primary, rgb(26, 115, 232)));
background-image: -ms-linear-gradient(top, var(--dt-primary, rgb(26, 115, 232)), var(--dt-primary, rgb(26, 115, 232)));
background-image: -o-linear-gradient(top, var(--dt-primary, rgb(26, 115, 232)), var(--dt-primary, rgb(26, 115, 232)));
background-image: linear-gradient(top, var(--dt-primary, rgb(26, 115, 232)), var(--dt-primary, rgb(26, 115, 232)));
border: 1px solid var(--dt-primary, rgb(26, 115, 232));
color: var(--dt-background, #fff)
}
.drive-organize-dialog-buttons .goog-buttonset-action:active {
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3)
}
.drive-organize-dialog-buttons .goog-buttonset-action:focus {
-webkit-box-shadow: inset 0 0 0 1px #fff;
-moz-box-shadow: inset 0 0 0 1px #fff;
box-shadow: inset 0 0 0 1px #fff;
border: 1px solid #fff;
border: rgba(0, 0, 0, 0) solid 1px;
outline: 1px solid var(--dt-primary, rgb(26, 115, 232));
outline: rgba(0, 0, 0, 0) 0
}
.drive-organize-dialog-buttons .goog-buttonset-action[disabled] {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: var(--dt-primary, rgb(26, 115, 232));
color: var(--dt-background, #fff);
filter: alpha(opacity=50);
opacity: 0.5
}
.drive-organize-dialog .goog-menu {
box-shadow: none;
margin-bottom: -24px;
padding: 0;
position: relative;
z-index: inherit
}
.drive-organize-dialog .goog-menuitem {
color: var(--dt-on-surface, rgb(60, 64, 67));
font-size: 13px;
height: 16px;
margin: 0;
opacity: .87;
padding: 0 0 24px 16px
}
.drive-organize-dialog-parent-name {
font-weight: bold
}
.drive-organize-dialog-list-item {
display: block;
overflow: hidden;
text-overflow: ellipsis
}
.drive-organize-dialog .goog-menuitem-highlight {
border-left: 0;
background-color: inherit
}
.drive-organize-dialog .goog-menuitem-content {
margin: 0
}
.drive-organize-dialog .goog-menuitem-highlight .goog-menuitem-content,
.drive-organize-dialog .goog-option-selected .goog-menuitem-content {
color: inherit
}
.drive-organize-dialog .goog-menuitem-active .goog-menuitem-checkbox {
background: rgba(235, 235, 235, 1)
}
.drive-organize-dialog .goog-menuitem-focus .goog-menuitem-checkbox {
border-color: var(--dt-primary, rgb(26, 115, 232))
}
.drive-organize-dialog .goog-option-selected {
background: rgba(255, 255, 255, 0)
}
.drive-organize-dialog .goog-option-selected .goog-menuitem-checkbox::after {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background: rgba(96, 96, 96, 1);
content: '';
display: block
}
.drive-organize-popup {
position: absolute;
z-index: 1002;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 4px 16px;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 0 4px 16px;
box-shadow: rgba(0, 0, 0, 0.2) 0 4px 16px;
background-color: #f1f1f1;
border: 1px solid rgba(0, 0, 0, 0.2);
color: #6e6e6e;
font-size: 13px;
font-weight: normal;
text-align: left;
white-space: nowrap
}
.drive-organize-popup-outline-hidden *:focus {
outline: none
}
.drive-organize-popup-content {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding: 10px
}
.drive-organize-popup-message {
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 6;
display: -webkit-box;
max-height: 90px;
margin: auto;
max-width: 160px;
padding-right: 10px;
word-break: break-word
}
.drive-organize-button {
display: inline-block;
margin: auto
}
.drive-organize-popup-link-btn {
color: #15c;
cursor: pointer;
padding: 0 7px
}
.drive-organize-popup-close-btn {
cursor: pointer;
height: 15px;
padding: 3px;
vertical-align: middle
}
.drive-organize-popup-link-btn.drive-organize-button-hover {
text-decoration: underline
}
.drive-organize-popup-arrow {
position: absolute;
width: 20px
}
.drive-organize-popup-arrow .drive-organize-popup-triangle-before,
.drive-organize-popup-arrow .drive-organize-popup-triangle-after {
content: '';
display: block;
height: 0;
position: absolute;
width: 0
}
.drive-organize-popup-arrow .drive-organize-popup-triangle-before {
border: 10px solid
}
.drive-organize-popup-arrow .drive-organize-popup-triangle-after {
border: 9px solid
}
.drive-organize-popup-arrowdown {
bottom: 0
}
.drive-organize-popup-arrowup {
top: -10px
}
.drive-organize-popup-arrowdown .drive-organize-popup-triangle-before,
.drive-organize-popup-arrowup .drive-organize-popup-triangle-before {
border-color: rgba(0, 0, 0, 0.2) transparent;
left: 0
}
.drive-organize-popup-arrowdown .drive-organize-popup-triangle-after,
.drive-organize-popup-arrowup .drive-organize-popup-triangle-after {
border-color: #f1f1f1 transparent;
left: 1px
}
.drive-organize-popup-arrowdown .drive-organize-popup-triangle-before {
border-bottom-width: 0
}
.drive-organize-popup-arrowdown .drive-organize-popup-triangle-after {
border-bottom-width: 0
}
.drive-organize-popup-arrowup .drive-organize-popup-triangle-before {
border-top-width: 0
}
.drive-organize-popup-arrowup .drive-organize-popup-triangle-after {
border-top-width: 0;
top: 2px
}
.drive-organize-preflight-dialog-element {
width: 448px
}
.drive-organize-preflight-dialog-element .drive-organize-preflight-dialog-content {
padding: 0 24px
}
.drive-organize-preflight-dialog-content {
display: inline
}
.drive-organize-progress-content {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
margin-top: 22px
}
.drive-organize-progress-spinner {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
margin: 0 8px 0 0;
overflow: hidden
}
.drive-organize-progress-text {
color: var(--dt-on-surface-variant, rgb(95, 99, 104))
}
.drive-organize-preflight-report-chip {
margin-top: 12px
}
.drive-organize-admin-banner {
margin-top: 20px
}
.drive-organize-preflight-accordion {
margin-top: 4px
}
.drive-organize-preflight-accordion.Focused {
box-shadow: none
}
.drive-organize-preflight-admin-movable.drive-organize-preflight-icon-outcome-section-container {
padding-top: 20px
}
.drive-organize-preflight-icon-outcome-section-container {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: flex-start;
flex-direction: row
}
.drive-organize-preflight-expansion-panel {
padding: 12px 0
}
.drive-organize-preflight-expansion-panel .exportFocusIndicator {
display: none
}
.drive-organize-preflight-expansion-panel .exportExpandoButton {
top: 12px
}
.drive-organize-preflight-icon {
padding-right: 8px
}
.drive-organize-preflight-outcome-section {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: flex-start;
flex-direction: column;
justify-content: flex-start
}
.drive-organize-preflight-outcome-section-title {
font-weight: 700;
padding-top: 12px
}
.drive-organize-preflight-outcome-section-details {
padding-right: 44px;
padding-top: 10px
}
.drive-organize-preflight-outcome-section-additional-details {
padding-bottom: 8px;
padding-right: 44px;
padding-top: 12px
}
.drive-organize-preflight-no-icon .drive-organize-preflight-outcome-section-additional-details {
padding-bottom: 0;
padding-right: 0
}
.drive-organize-preflight-message-with-icon {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: row;
padding: 18px 44px 0 0
}
.drive-organize-preflight-partial-success-learn-more-link {
padding-left: 32px;
padding-top: 18px
}
.drive-organize-preflight-cannot-undo-banner {
margin-bottom: 2px;
margin-top: 8px
}
.drive-organize-preflight-warning-icon {
color: var(--dt-warning-outline, rgb(234, 134, 0))
}
.drive-organize-preflight-outcome-section-separator {
list-style-type: none
}
.drive-organize-preflight-dialog-element .drive-organize-preflight-action-buttons {
flex-direction: row;
padding-left: 24px;
padding-right: 24px
}
.drive-organize-preflight-report-button {
flex-grow: 1
}
.picker-iframe.picker-min {
-moz-box-shadow: rgba(0, 0, 0, .2) 0 4px 16px;
-webkit-box-shadow: rgba(0, 0, 0, .2) 0 4px 16px;
box-shadow: rgba(0, 0, 0, .2) 0 4px 16px;
color: #000;
padding: 0;
position: absolute;
z-index: 1002
}
.picker-iframe.picker-minew .picker-min-frame-up {
background-color: #f1f1f1
}
.picker-iframe.picker-white-callout.picker-minew .picker-min-frame-up {
background-color: #fff
}
.picker-iframe.picker-min.goog-menu {
border-color: #ccc;
line-height: 0;
max-height: none;
overflow: visible
}
.picker-iframe.picker-min-top {
margin-top: 15px
}
.picker-iframe.picker-minew.picker-min-top {
margin-top: 9px
}
.picker-iframe.picker-min-bottom {
margin-top: -15px
}
.picker-iframe.picker-minew.picker-min-bottom {
margin-top: -9px
}
.picker-iframe .picker-min-arrow-up,
.picker-iframe .picker-min-arrow-down {
position: absolute;
width: 32px;
z-index: 0
}
.picker-iframe .picker-min-arrow-up {
top: -15px
}
.picker-iframe.picker-minew .picker-min-arrow-up {
top: -10px;
width: 20px
}
.picker-iframe .picker-min-arrow-down {
bottom: -16px
}
.picker-iframe.picker-minew .picker-min-arrow-down {
bottom: -10px;
width: 20px
}
.picker-iframe .picker-min-arrow-inner,
.picker-iframe .picker-min-arrow-border {
border: 16px solid;
height: 0;
position: absolute;
width: 0
}
.picker-iframe.picker-minew .picker-min-arrow-inner,
.picker-iframe.picker-minew .picker-min-arrow-border {
border: 10px solid
}
.picker-iframe.picker-minew .picker-min-arrow-up .picker-min-arrow-inner {
border-color: #f1f1f1 transparent
}
.picker-iframe.picker-white-callout.picker-minew .picker-min-arrow-up .picker-min-arrow-inner {
border-color: #fff transparent
}
.picker-iframe .picker-min-arrow-up .picker-min-arrow-inner {
border-color: #fff transparent;
top: 1px;
z-index: 1
}
.picker-iframe .picker-min-arrow-down .picker-min-arrow-inner {
border-color: #fff transparent;
bottom: 1px;
z-index: 1
}
.picker-iframe .picker-min-arrow-up .picker-min-arrow-border,
.picker-iframe .picker-min-arrow-down .picker-min-arrow-border {
border-color: rgba(0, 0, 0, 0.2) transparent
}
.picker-iframe .picker-min-arrow-down .picker-min-arrow-border {
bottom: 0
}
.picker-iframe .picker-min-arrow-up .picker-min-arrow-inner,
.picker-iframe .picker-min-arrow-up .picker-min-arrow-border {
border-top-width: 0
}
.picker-iframe .picker-min-arrow-down .picker-min-arrow-inner,
.picker-iframe .picker-min-arrow-down .picker-min-arrow-border {
border-bottom-width: 0
}
.modal-dialog.docs-endangered-doc-warning-dialog {
z-index: 1007
}
.modal-dialog-bg.docs-endangered-doc-warning-dialog-bg {
z-index: 1006
}
.docs-gm .modal-dialog.docs-endangered-doc-warning-dialog {
min-width: 464px;
width: unset
}
.fatal-error-dialog-container {
display: table;
width: 374px
}
.fatal-error-dialog-contents {
display: table-row;
min-height: 100px
}
.fatal-error-dialog-contents a:hover {
cursor: pointer
}
.fatal-error-message {
display: table-cell;
vertical-align: middle;
width: 320px
}
.fatal-error-debug-text {
font-size: 85%;
height: 200px;
width: 90%
}
.docs-invite-favicon {
height: 16px;
margin-right: 5px;
vertical-align: sub;
width: 16px
}
.docs-invite-header {
height: 77px;
max-height: 77px;
width: 100%;
overflow-x: hidden;
overflow-y: hidden;
background: #f5f5f5;
font-size: 12.5px;
color: #444;
border-bottom: 1px solid #d9d9d9
}
.docs-invite-header>div {
display: table;
width: 100%;
height: 100%;
max-height: inherit
}
.docs-invite-button {
margin-right: 25px
}
.docs-invite-fixedcol {
display: table-cell;
vertical-align: middle;
white-space: nowrap
}
.docs-invite-flexcol {
display: table-cell;
width: 100%;
vertical-align: middle;
max-height: inherit
}
.docs-invite-inviter-img {
height: 60px;
border: 1px solid #ccc;
margin-left: 25px
}
.docs-invite-heavy {
font-weight: 500;
color: #222
}
.docs-invite-business-icon {
margin-left: 40px
}
.docs-invite-msg {
margin: 0px 10px 0px 25px;
max-height: inherit;
line-height: 2.0
}
.docs-invite-business-header {
position: absolute;
z-index: 1
}
#titlebar-mode-indicator-container {
margin-right: 10px
}
#titlebar-mode-indicator-container>div {
border-radius: 4px;
text-transform: none;
font-size: 14px;
font-weight: 500;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
height: 36px;
line-height: calc(36px - 2px)
}
.docs-hub-appbar #titlebar-mode-indicator-container>div {
align-items: center;
color: #137333;
display: flex;
height: 28px;
letter-spacing: 0.25px
}
.docs-hub-appbar #titlebar-mode-indicator-container>.titlebar-request-access-button {
padding-left: 16px;
padding-right: 16px
}
#titlebar-mode-indicator-container .docs-approval-status-indicator>.docs-icon,
#titlebar-mode-indicator-container .docs-approval-lock>.docs-icon {
margin-right: 8px
}
#titlebar-mode-indicator-container .docs-icon-img.docs-icon-approvals-lock {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.kix-titlebar-mode-switcher.docs-material-menu-button-flat-primary .docs-icon-img.docs-icon-acl-view-only,
.kix-titlebar-mode-switcher.docs-material-menu-button-flat-primary .docs-icon-img.docs-icon-acl-view-only:before {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_blue.svg)
}
.kix-titlebar-mode-switcher .docs-material-menu-button-flat-primary-dropdown {
vertical-align: middle
}
.kix-titlebar-mode-switcher .docs-material-menu-button-flat-primary-dropdown-icon {
opacity: 1
}
.docs-hub-appbar #titlebar-mode-indicator-container>.kix-titlebar-approvals-button {
float: left
}
body:not(.docs-grille) #titlebar-mode-indicator-container>.kix-titlebar-approvals-button.docs-material-menu-button-flat-primary,
body:not(.docs-grille) #titlebar-mode-indicator-container>.kix-titlebar-approvals-button.docs-material-menu-button-flat-primary-hover.docs-material-menu-button-flat-primary-focused {
border: none
}
#titlebar-mode-indicator-container .kix-titlebar-approvals-button.docs-material-menu-button-flat-primary .docs-material-menu-button-flat-primary-dropdown {
margin-top: 5px
}
#titlebar-mode-indicator-container>.docs-material-menu-button-flat-primary,
.titlebar-request-access-button.docs-material-button,
.titlebar-request-access-button.docs-material-button.docs-material-button-focused.docs-material-button-no-focus-border,
.kix-titlebar-approvals-button.docs-material-button,
.kix-titlebar-approvals-button.docs-material-button.docs-material-button-focused.docs-material-button-no-focus-border {
border: 1px solid #e8eaed
}
#titlebar-mode-indicator-container>.docs-material-menu-button-flat-primary-hover,
.titlebar-request-access-button.docs-material-button.docs-material-button-hover {
background: #f8fcf9;
border: 1px solid #c8e7d1
}
#titlebar-mode-indicator-container>.kix-titlebar-approvals-button.docs-material-menu-button-flat-primary-hover {
background: #f1f3f4
}
#titlebar-mode-indicator-container>.docs-material-menu-button-flat-primary-focused,
.titlebar-request-access-button.docs-material-button.docs-material-button-focused {
background: #e7f5eb;
border: 1px solid #bbe2c6
}
#titlebar-mode-indicator-container>.kix-titlebar-approvals-button.docs-material-menu-button-flat-primary-focused {
background: #e8f0fe
}
.titlebar-request-access-button.docs-material-button.docs-material-button-focused,
.kix-titlebar-approvals-button.docs-material-button.docs-material-button-focused {
line-height: 32px;
padding: 0 8px
}
#titlebar-mode-indicator-container>.docs-material-menu-button-flat-primary-hover.docs-material-menu-button-flat-primary-focused,
.titlebar-request-access-button.docs-material-button.docs-material-button-hover.docs-material-button-focused,
.kix-titlebar-approvals-button.docs-material-button.docs-material-button-hover.docs-material-button-focused {
background: #dff2e4;
border: 1px solid #b5e0c1
}
#titlebar-mode-indicator-container>.docs-material-menu-button-flat-primary-open,
.titlebar-request-access-button.docs-material-button.docs-material-button-active,
.kix-titlebar-approvals-button.docs-material-button.docs-material-button-active {
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}
.titlebar-request-access-button-tooltip {
max-width: 200px
}
.docs-grille #titlebar-mode-indicator-container {
margin-right: 8px
}
.docs-grille #titlebar-mode-indicator-container>div {
border-color: #747775;
border-radius: 100px;
height: 40px;
padding: 2px 10px
}
.docs-grille .kix-titlebar-mode-switcher .docs-icon-img.docs-icon-acl-view-only,
.docs-grille .kix-titlebar-mode-switcher .docs-icon-img.docs-icon-acl-view-only:before,
.docs-grille #titlebar-mode-indicator-container .docs-icon-img.docs-icon-approvals-lock {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_gm3_grey_medium.svg)
}
.docs-grille .kix-titlebar-mode-switcher .docs-material-menu-button-flat-primary-dropdown-icon,
.docs-grille .kix-titlebar-approvals-button .docs-material-menu-button-flat-primary-dropdown-icon {
fill: #444746;
opacity: 1
}
.docs-grille #titlebar-mode-indicator-container>.docs-material-menu-button-flat-primary-hover,
.docs-grille .titlebar-request-access-button.docs-material-button.docs-material-button-hover,
.docs-grille .kix-titlebar-approvals-button>.docs-material-menu-button-flat-primary-hover {
background: #e8ebee;
border-color: #747775
}
.docs-grille #titlebar-mode-indicator-container>.docs-material-menu-button-flat-primary-focused,
.docs-grille .titlebar-request-access-button.docs-material-button.docs-material-button-focused {
background: #e1e3e6
}
.docs-grille #titlebar-mode-indicator-container>.docs-material-menu-button-flat-primary-open,
.docs-grille .titlebar-request-access-button.docs-material-button.docs-material-button-active {
box-shadow: none
}
.docs-grille #titlebar-mode-indicator-container .docs-approval-lock>.docs-icon {
margin: 0 0 2px 0
}
.docs-grille #titlebar-mode-indicator-container .docs-material-button-content {
color: #0b57d0;
line-height: calc(40px - 2px)
}
.docs-grille #titlebar-mode-indicator-container .docs-material-button-flat-primary.titlebar-request-access-button {
height: 40px;
padding: 0 12px
}
.docs-grille .docs-material-button-flat-primary.titlebar-request-access-button .docs-material-button-ripple-element {
display: none
}
.docs-grille .kix-titlebar-mode-switcher .docs-icon {
height: 24px;
width: 24px
}
.docs-parent-collections-container-prefix,
.docs-parent-collections-container-text {
color: rgba(0, 0, 0, .54);
padding-left: 4px
}
.docs-parent-collections-container-folder-name {
color: rgba(0, 0, 0, .87);
font-size: 14px;
padding-left: 4px;
bottom: 1px
}
.docs-parent-collections-container {
padding: 2px 4px 0px 2px
}
.docs-parent-collections-container:hover,
.docs-parent-collections-container:focus {
background-color: #eeeeee;
border-radius: 2px
}
.docs-parent-collections-container-icon {
bottom: 2px
}
.docs-parent-collections-container-icon:not(.docs-parent-collections-container-icon-material) {
opacity: .54
}
.request-comment-access-toast-link {
text-transform: uppercase;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 500 !important
}
.modal-dialog.docs-dialog.docs-restore-dialog {
z-index: 1007
}
.modal-dialog-bg.docs-restore-dialog-bg {
z-index: 1006
}
.docs-gm .modal-dialog.docs-dialog.docs-restore-dialog {
min-width: 464px;
max-width: 672px;
width: unset
}
#docs-toolbar-iterator-label {
color: rgba(0, 0, 0, 0.87);
font-size: 13px;
line-height: 24px;
margin-right: 10px;
margin-top: 4px;
vertical-align: middle
}
#docs-toolbar-iterator-previous,
#docs-toolbar-iterator-next {
margin-left: 3px;
margin-right: 3px
}
.docs-cse-callout-container {
background-color: #1a73e8;
border: 0;
border-radius: 8px;
height: auto;
width: 260px;
word-wrap: break-word;
padding: 16px 16px 16px 16px;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.jfk-bubble.jfk-bubble-promo.docs-cse-callout .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore,
.jfk-bubble.jfk-bubble-promo.docs-cse-callout .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
border-color: #1a73e8 transparent !important
}
.jfk-bubble.jfk-bubble-promo.docs-cse-callout-compact,
.jfk-bubble.jfk-bubble-promo.docs-cse-callout-minimal {
margin-top: 0
}
.jfk-bubble.jfk-bubble-promo.docs-cse-callout-compact .jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore,
.jfk-bubble.jfk-bubble-promo.docs-cse-callout-compact .jfk-bubble-arrowdown .jfk-bubble-arrowimplafter,
.jfk-bubble.jfk-bubble-promo.docs-cse-callout-minimal .jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore,
.jfk-bubble.jfk-bubble-promo.docs-cse-callout-minimal .jfk-bubble-arrowdown .jfk-bubble-arrowimplafter,
.jfk-bubble.jfk-bubble-promo.docs-cse-callout-compact .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore,
.jfk-bubble.jfk-bubble-promo.docs-cse-callout-compact .jfk-bubble-arrowup .jfk-bubble-arrowimplafter,
.jfk-bubble.jfk-bubble-promo.docs-cse-callout-minimal .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore,
.jfk-bubble.jfk-bubble-promo.docs-cse-callout-minimal .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
visibility: hidden
}
.docs-cse-callout-body {
color: #fff;
font-family: Roboto;
line-height: 20px;
vertical-align: top
}
.docs-cse-callout-action-row {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
padding-top: 15px;
text-align: right
}
.docs-cse-callout-action-container {
color: #fff;
cursor: pointer;
width: auto;
padding: 12px 10px 12px 10px
}
.docs-cse-callout-action-container:hover {
background-color: #2b7de9
}
.docs-cse-callout-header {
color: #fff;
font-size: 18px
}
.docs-fta-callout-container {
background-color: #fff;
border: 0;
border-radius: 8px;
height: auto;
width: 260px;
word-wrap: break-word;
padding: 16px 16px 16px 16px;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.jfk-bubble.jfk-bubble-promo.docs-fta-callout .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore,
.jfk-bubble.jfk-bubble-promo.docs-fta-callout .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
border-color: #fff transparent !important
}
.docs-fta-callout-body {
color: #3c4043;
font-family: Roboto;
line-height: 20px;
vertical-align: top
}
.docs-fta-callout-action-row {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
padding-top: 15px;
text-align: right
}
.docs-fta-callout-action-container {
color: #3c4043;
cursor: pointer;
width: auto;
padding: 12px 10px 12px 10px
}
.docs-fta-callout-action-container:hover {
background-color: #f1f3f4
}
.docs-fta-callout-header {
color: #3c4043;
font-size: 18px
}
.docs-fta-callout-dismiss-button {}
.docs-blanketwarning-banner-container {
align-items: center;
background: #e6f4ea;
display: flex;
height: 48px;
width: 100%
}
.docs-blanketwarning-banner-buttons {
align-items: center;
display: flex
}
.docs-icon.goog-inline-block.fta-blanket-warning {
height: 24px;
width: 24px
}
.docs-blanketwarning-banner-full-message {
color: #202124;
display: flex;
flex-grow: 1;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
letter-spacing: 0.2px;
margin: 0 14px 0 0
}
.docs-blanketwarning-stamp-icon {
margin: 0 16px;
color: #188038
}
.docs-blanketwarning-banner-dialog {
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
letter-spacing: 0.2px
}
.docs-blanketwarning-banner-buttons .docs-material-button {
font-size: 14px;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: normal;
letter-spacing: 0.25px;
text-transform: none
}
.docs-blanketwarning-banner-learn-more-button-wrapper .docs-material-button {
color: #188038
}
.docs-blanketwarning-banner-dismiss-button-wrapper {
color: #202124
}
.docs-blanketwarning-banner-buttons .docs-blanketwarning-banner-dismiss-button .docs-blanketwarning-banner-learn-more-button .docs-icon {
margin: 0
}
.docs-grille-gm3 .docs-blanketwarning-banner-container {
background: #d3e3fd
}
.docs-grille-gm3 .docs-blanketwarning-banner-buttons .docs-blanketwarning-banner-learn-more-button-wrapper .docs-material-button {
border: 1px solid transparent;
border-radius: 100px;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 14px;
font-weight: 500;
height: 40px;
line-height: 20px;
padding: 10px 24px;
color: #041e49;
padding: 10px 12px;
height: 36px;
padding: 8px 12px
}
.docs-grille-gm3 .docs-blanketwarning-banner-buttons .docs-material-button-hover {
border: 1px solid transparent;
border-radius: 100px;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 14px;
font-weight: 500;
height: 40px;
line-height: 20px;
padding: 10px 24px;
color: #041e49;
padding: 10px 12px;
background-color: rgba(11, 87, 208, .08)
}
.docs-grille-gm3 .docs-blanketwarning-banner-buttons .docs-material-button-focused {
border: 1px solid transparent;
border-radius: 100px;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 14px;
font-weight: 500;
height: 40px;
line-height: 20px;
padding: 10px 24px;
color: #041e49;
padding: 10px 12px;
background-color: rgba(11, 87, 208, .12)
}
.docs-grille-gm3 .docs-blanketwarning-banner-full-message {
color: #041e49
}
.docs-grille-gm3 .docs-blanketwarning-banner-buttons .docs-blanketwarning-banner-dismiss-button {
border: none;
border-radius: 100%;
height: 40px;
line-height: 40px;
padding: 0;
width: 40px
}
.local-file-feedback {
background-color: #e0ffff;
height: 24px;
padding-left: 4px;
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.local-file-feedback-editor-header {
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: 0;
width: 302px
}
.local-file-feedback-warning-dialog {
left: 0;
bottom: 0;
border-radius: 8px;
padding-right: 4px;
position: absolute
}
.local-file-feedback-title {
float: left;
height: 24px;
line-height: 24px
}
.local-file-feedback-title-separator {
height: 24px;
line-height: 24px;
margin: 0 4px
}
.local-file-feedback-close-button {
float: right;
cursor: pointer;
margin: 0 0 0 8px
}
.docs-in-editor-sync-state-icon {
float: right;
margin: 0 0 0 24px;
vertical-align: middle
}
.docs-in-editor-sync-state-icon .docs-icon {
height: 20px;
margin: 0;
opacity: 1;
width: 20px
}
.docs-in-editor-animated-sync {
-webkit-animation-duration: 2s;
-moz-animation-duration: 2s;
-o-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-name: spin;
-moz-animation-name: spin;
-o-animation-name: spin;
animation-name: spin;
-webkit-animation-timing-function: linear;
-moz-animation-timing-function: linear;
-o-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-transform-origin: center;
-moz-transform-origin: center;
-ms-transform-origin: center;
-o-transform-origin: center;
transform-origin: center
}
@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(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
}
@-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(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg)
}
}
.docs-offline-optindialog-short-disclaimer {
margin-top: 20px
}
.docs-offline-optindialog-disclaimer-link {
cursor: pointer
}
#docs-offline-optindialog-disclaimer-link.docs-offline-optindialog-disclaimer-link-disabled {
color: #ccc;
pointer-events: none;
text-decoration: none
}
.docs-offline-optindialog-disclaimer {
margin-top: 20px;
max-width: 400px
}
.docs-offline-optinpromo.jfk-bubble {
font-size: 13px;
max-width: 500px;
outline: none;
padding-left: 24px;
padding-top: 11px;
position: fixed;
right: 15px;
top: 113px
}
.docs-offline-optinpromo .jfk-bubble-arrow {
display: none
}
#docs-offline-optinpromo-title {
font-size: 19px;
font-weight: 500;
margin: 12px 0
}
.docs-offline-optinpromo-notice {
color: #767676;
font-size: 11px;
margin: 14px 0
}
.docs-offline-optinpromo-notice a {
text-decoration: none
}
.docs-offline-optinpromo hr {
border-top-color: #e1e1e1;
border-top-style: solid;
border-width: 1px 0 0 0
}
.docs-offline-optinpromo-confirm-buttons {
margin-top: 15px
}
.docs-offline-welcomepromo {
width: 400px
}
.docs-offline-welcomepromo .modal-dialog-content {
padding-right: 80px;
position: relative
}
.doc-offline-welcomepromo-img {
position: absolute;
right: 0;
top: -25px
}
.docs-gm #docs-offline-optinpromo-title,
.docs-gm .docs-offline-optinpromo-buttons {
padding: 0
}
#docs-omnibox-toolbar .docs-omnibox-autocomplete {
margin-right: 4px
}
.docs-omnibox-autocomplete {
margin-top: 4px
}
.docs-omnibox-input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
min-width: 289px
}
.docs-omnibox-input.jfk-textinput {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 36px;
background-color: #f1f3f4;
border: 1px solid transparent;
border-radius: 8px;
box-shadow: none;
color: #202124;
height: 36px;
padding: 1px 7px
}
.docs-omnibox-input.jfk-textinput::placeholder {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 36px;
color: #5f6368
}
#docs-omnibox-toolbar.assisted-actions-omnibox-hidden {
display: none
}
#docs-omnibox-toolbar.assisted-actions {
width: 160px
}
.docs-omnibox-input.assisted-actions-toolbar-omnibox {
min-width: 158px
}
#docs-omnibox-toolbar.assisted-actions .docs-omnibox-autocomplete {
position: fixed;
width: 160px
}
#docs-omnibox-toolbar.assisted-actions .docs-omnibox-autocomplete:focus-within {
width: 280px;
z-index: 1003
}
#docs-omnibox-toolbar .docs-omnibox-input.jfk-textinput.assisted-actions-toolbar-omnibox {
padding-left: 28px
}
#docs-omnibox-toolbar .docs-icon {
margin: 3px
}
.docs-omnibox-input.jfk-textinput:focus {
background-color: #fff;
border: 1px solid transparent;
box-shadow: 0px 1px 6px rgba(32, 33, 36, 0.28);
padding: 1px 7px
}
.docs-omnibox-input.jfk-textinput:active {
background-color: #fff;
border: 1px solid transparent;
box-shadow: 0px 1px 6px rgba(32, 33, 36, 0.28);
padding: 1px 7px
}
.docs-omnibox-input.jfk-textinput:focus[aria-expanded="true"] {
border-color: transparent transparent #e8eaed transparent;
border-style: solid;
border-width: 1px;
border-radius: 8px 8px 0 0;
padding: 1px 7px
}
.docs-omnibox-autocomplete .ac-renderer {
background-color: #fff;
border-color: transparent;
border-radius: 0 0 8px 8px;
border-style: solid;
border-width: 0 1px 1px 1px;
box-shadow: 0px 4px 6px rgba(32, 33, 36, 0.28);
outline: medium none;
padding: 6px 0;
position: fixed;
width: auto;
z-index: 1003
}
.docs-omnibox-autocomplete .ac-row {
padding: 0
}
.docs-omnibox-autocomplete .ac-row .goog-menuitem {
padding: calc(0.4em + 5px) calc(0.4em + 10px) calc(0.4em + 5px) calc(0.4em + 30px)
}
.docs-omnibox-autocomplete .ac-highlighted {
font-weight: 500
}
.docs-omnibox-autocomplete .ac-active {
background-color: #f1f3f4
}
.docs-omnibox-autocomplete .docs-omnibox-fallback-divider {
padding: 0.5em 0
}
.docs-omnibox-autocomplete .ac-active .docs-omnibox-fallback-divider {
background-color: #fff
}
.docs-omnibox-autocomplete .docs-omnibox-fallback-divider .divider {
margin: 0
}
.docs-omnibox-autocomplete .docs-icon {
cursor: pointer;
margin: 3px 3px 3px 5px;
pointer-events: none;
position: absolute
}
[class*="docs-hc"] .docs-omnibox-autocomplete .ac-active .goog-menuitem {
border-color: transparent;
border-style: dotted;
border-width: 1px 0;
padding-top: 5px;
padding-bottom: 5px
}
[class*="docs-hc"] .docs-labelinputmenuitem.goog-menuitem .ac-row .goog-menuitem .goog-menuitem-icon {
margin-top: 7px
}
[class*="docs-hc"] .docs-labelinputmenuitem.goog-menuitem .ac-row.ac-active .goog-menuitem-icon {
margin-top: 6px
}
.docs-omnibox-row-content {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.docs-omnibox-parent.goog-menu-vertical .docs-labelinputmenuitem.goog-menuitem {
padding-left: 16px
}
.docs-omnibox-parent .docs-labelinputmenuitem.goog-menuitem.goog-menuitem-highlight {
background-color: #fff;
border-color: #fff
}
.docs-omnibox-parent .docs-labelinputmenuitem {
outline: none
}
.docs-omnibox-feedback-link {
color: #4285f4;
font-size: 12px;
padding-left: 260px;
padding-right: 8px;
padding-top: 1px;
text-decoration: underline;
user-select: none
}
.docs-omnibox-suggestion-header {
background-color: #fff;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
line-height: 16px;
padding-left: 8px;
padding-top: calc(0.4em + 5px)
}
.docs-revisions-authorwidget {
margin: 8px 10px 0 10px;
direction: ltr
}
.docs-revisions-authorwidget-hat {
-ms-flex-align: center;
-moz-box-align: center;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
flex-direction: row;
border-bottom: 1px solid #ccc;
font-size: 15px;
height: 48px;
padding-bottom: 8px
}
.docs-revisions-authorwidget-list {
overflow-y: auto
}
.docs-revisions-authorwidget-item {
-ms-flex-align: center;
-moz-box-align: center;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
display: flex;
flex-direction: row;
margin-top: 10px
}
.docs-revisions-authorwidget-item:last-of-type {
margin-bottom: 14px
}
.docs-revisions-authorwidget-item-photo {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-style: solid;
border-width: 2px;
height: 28px;
width: 28px
}
.docs-revisions-authorwidget-item-name {
font-size: 13px;
margin-left: 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.docs-revisions-chromecover-titlebar {
-ms-flex-align: center;
-moz-box-align: center;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
display: flex;
flex-direction: row;
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
box-pack: start;
-ms-flex-pack: start;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
font-size: 16px;
width: 100%
}
.docs-gm .docs-revisions-chromecover-titlebar {
font-size: 18px;
line-height: 24px
}
.docs-revisions-chromecover-titlebar-label-container {
overflow: hidden
}
.docs-revisions-chromecover-titlebar-name-label {
-webkit-flex-shrink: 10;
-ms-flex-negative: 10;
flex-shrink: 10;
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: normal;
font-weight: var(--docs-material-font-weight-bold, normal);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.docs-gm .docs-revisions-chromecover-titlebar-name-label {
font-weight: 400
}
.docs-revisions-chromecover-titlebar-subtitle-label {
font-size: 14px
}
.docs-revisions-chromecover-titlebar-subtitle-label:empty {
display: none
}
.docs-revisions-chromecover-titlebar[class*="docs-hc"] .docs-revisions-chromecover-titlebar-button-action {
border: 1px solid #fff
}
.docs-revisions-chromecover-titlebar-button-back-container {
height: 100%;
min-width: 58px
}
.docs-revisions-chromecover-titlebar-button-back {
background-color: transparent;
border: 0;
cursor: pointer;
left: 18px;
margin: 0;
outline: 0;
padding: 0
}
.docs-revisions-chromecover-titlebar-button-back.docs-material .docs-icon {
height: 21px;
width: 21px;
margin: 0;
padding-bottom: 3px
}
.docs-revisions-chromecover-titlebar-button-action,
.docs-revisions-chromecover-titlebar-second-button-action {
-ms-flex-align: center;
-moz-box-align: center;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
display: flex;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-tap-highlight-color: transparent;
background-color: #0f9d58;
border: none;
color: #fff;
cursor: pointer;
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
height: 36px;
margin: 0 0 0 24px;
outline: none;
padding: 0 16px;
text-transform: uppercase;
white-space: nowrap;
will-change: box-shadow, filter, background-color, color
}
.docs-gm .docs-revisions-chromecover-titlebar-button-action,
.docs-gm .docs-revisions-chromecover-titlebar-second-button-action {
padding: 0 24px;
text-transform: none
}
.docs-revisions-chromecover-titlebar-second-button-action {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
background-color: #fff;
border: 2px solid #e5e5e5;
color: #0f9d58;
margin-right: 16px;
overflow: hidden
}
.docs-revisions-chromecover-titlebar-second-button-text {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.docs-revisions-chromecover-titlebar-button-action,
.docs-revisions-chromecover-titlebar-button-action.goog-flat-button-active,
.docs-revisions-chromecover-titlebar-button-action.goog-flat-button-hover,
.docs-revisions-chromecover-titlebar-second-button-action,
.docs-revisions-chromecover-titlebar-second-button-action.goog-flat-button-active,
.docs-revisions-chromecover-titlebar-second-button-action.goog-flat-button-hover {
-webkit-transition-duration: 0.28s;
-moz-transition-duration: 0.28s;
-o-transition-duration: 0.28s;
transition-duration: 0.28s;
-webkit-transition-property: box-shadow, filter, background-color, color;
-moz-transition-property: box-shadow, filter, background-color, color;
-o-transition-property: box-shadow, filter, background-color, color;
transition-property: box-shadow, filter, background-color, color;
-webkit-transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
-moz-transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
-o-transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1)
}
.docs-revisions-chromecover-titlebar-button-action.goog-flat-button-active,
.docs-revisions-chromecover-titlebar-button-action.goog-flat-button-focused,
.docs-revisions-chromecover-titlebar-second-button-action.goog-flat-button-active,
.docs-revisions-chromecover-titlebar-second-button-action.goog-flat-button-focused {
filter: brightness(88%)
}
.docs-revisions-chromecover-titlebar-button-action.goog-flat-button-active,
.docs-revisions-chromecover-titlebar-second-button-action.goog-flat-button-active {
box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.14), 0 1px 18px 0 rgba(0, 0, 0, 0.12), 0 3px 5px -1px rgba(0, 0, 0, 0.2)
}
.docs-revisions-chromecover-titlebar-button-action.goog-flat-button-hover:not(.goog-flat-button-active),
.docs-revisions-chromecover-titlebar-second-button-action.goog-flat-button-hover:not(.goog-flat-button-active) {
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2)
}
.docs-revisions-chromecover-content {
-ms-flex-align: center;
-moz-box-align: center;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
display: flex;
flex-direction: row;
box-pack: start;
-ms-flex-pack: start;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
height: inherit
}
.docs-revisions-chromecover-content-exclude-sidebar-width {
width: calc(100% - 250px)
}
.docs-gm .docs-revisions-chromecover-content-exclude-sidebar-width {
width: calc(100% - 300px)
}
.docs-revisions-chromecover-content-color-default {
background-color: #424242;
color: #fff
}
.docs-gm .docs-revisions-chromecover-content-color-default {
background-color: #fff;
color: #202124
}
.docs-grille-gm3 .docs-revisions-chromecover-content-color-default {
background-color: #f6f8fc
}
.docs-grille-gm3.docs-body-pageless .docs-revisions-chromecover-content-color-default {
background-color: #fff
}
.docs-revisions-icon {
cursor: pointer;
direction: ltr;
height: 24px;
min-height: 24px;
min-width: 24px;
outline: none;
position: relative;
text-align: left;
vertical-align: middle;
width: 24px
}
.docs-hc-gecko .docs-revisions-icon {
filter: invert(100%)
}
.docs-revisions-icon-rtl {
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1)
}
.docs-revisions-icon-focused:before {
-webkit-transform: scale(1.375);
-moz-transform: scale(1.375);
-ms-transform: scale(1.375);
-o-transform: scale(1.375);
transform: scale(1.375);
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
background-color: #000;
content: '';
display: block;
height: inherit;
opacity: .12;
position: absolute;
width: inherit
}
.docs-revisions-icon-img-mask {
height: inherit;
overflow: hidden;
position: absolute;
width: inherit
}
.docs-revisions-icon-img:before {
content: url(//ssl.gstatic.com/docs/common/revisions_sprite1.svg)
}
.docs-revisions-icon-img {
height: 72px;
position: absolute;
width: 24px
}
.docs-revisions-icon-open .docs-revisions-icon-arrow {
left: 0;
top: -48px
}
.docs-revisions-icon-arrow {
left: 0;
top: 0
}
.docs-revisions-icon-overflow {
left: 0;
top: -24px
}
.docs-revisions-restore-dialog {
width: 312px
}
.docs-revisions-sidebar {
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
background-color: #fff;
height: 100%;
outline-style: none;
position: absolute;
right: 0;
width: 250px;
z-index: 2
}
.docs-gm .docs-revisions-sidebar {
overflow: hidden;
box-shadow: -3px 0px 6px -3px rgba(60, 64, 67, .15), 3px 0px 6px -3px rgba(60, 64, 67, .15);
width: 300px
}
.docs-revisions-sidebar-header {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none
}
.docs-gm .docs-revisions-sidebar-header {
background-color: #fff;
border-bottom: 1px solid #dadce0;
color: #202124
}
.docs-revisions-sidebar[class*="docs-hc"] {
border-left: 1px solid #fff
}
.docs-revisions-sidebar[class*="docs-hc"]>.docs-revisions-sidebar-header {
border-bottom: 1px solid #fff
}
.docs-revisions-sidebar-header-bg-color-brand {
background-color: #0f9d58
}
.docs-revisions-sidebar-header-text-color-brand {
color: #fff
}
.docs-revisions-sidebar-title {
-ms-flex-align: center;
-moz-box-align: center;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 16px;
height: 60px;
padding: 18px;
width: 100%
}
.docs-gm .docs-revisions-sidebar-title {
font-size: 16px;
line-height: 24px;
padding: 20px 16px
}
.docs-revisions-sidebar-title-text {
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.docs-revisions-sidebar-name-filter-switch-container {
-ms-flex-align: center;
-moz-box-align: center;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
border-top: 1px solid rgba(255, 255, 255, 0.2);
height: 47px;
justify-content: space-between;
padding: 14px 14px 14px 18px;
width: 100%
}
.docs-gm .docs-revisions-sidebar-name-filter-switch-container {
border-top: 1px solid #dadce0;
padding: 12px 16px;
height: 40px
}
.docs-revisions-sidebar-name-filter-switch-container label {
color: #fff;
cursor: pointer;
font-size: 12px;
font-weight: normal;
opacity: 0.87;
word-break: break-word
}
.docs-gm .docs-revisions-sidebar-name-filter-switch-container label {
color: #3c4043;
line-height: 16px
}
.docs-revisions-sidebar-revisions-list {
position: relative;
overflow: auto;
overflow-x: hidden
}
.docs-revisions-sidebar-revisions-list:focus {
outline-style: none
}
.docs-revisions-sidebar-revisions-list:focus-visible,
.docs-revisions-sidebar-revisions-list:moz-focusring {
outline-style: auto
}
body:not(.docs-gm) .docs-revisions-sidebar-revisions-list::-webkit-scrollbar {
width: 11px
}
body:not(.docs-gm) .docs-revisions-sidebar-revisions-list::-webkit-scrollbar-thumb {
border-width: 1px
}
body:not(.docs-gm) .docs-revisions-sidebar-revisions-list::-webkit-scrollbar-track {
border-width: 0
}
.docs-revisions-sidebar-actions {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
border-top: 1px solid #cfcfcf;
padding: 9px 14px
}
.docs-revisions-sidebar-detail-button,
#docs-revisions-sidebar-iw-button {
margin-top: 9px
}
.docs-revisions-sidebar-date-group {
-ms-flex-align: center;
-moz-box-align: center;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
background-color: #f5f5f5;
border-bottom: 1px solid #eee;
color: #616161;
font-size: 13px;
font-weight: 500;
height: 35px;
padding-left: 18px
}
.docs-gm .docs-revisions-sidebar-date-group {
color: #3c4043;
background-color: #fff;
font-size: 11px;
font-weight: 500;
line-height: 21px;
text-transform: uppercase
}
.docs-revisions-sidebar-revisions-list-container {
overflow: auto
}
.docs-revisions-sidebar-revisions-empty-container {
display: flex;
-ms-flex-align: center;
-moz-box-align: center;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex: 1 0 auto;
-webkit-flex: 1 0 auto;
flex: 1 0 auto
}
.docs-revisions-sidebar-revisions-empty-named {
color: #616161;
margin: 0 18px;
text-align: center
}
.docs-gm .docs-revisions-sidebar-revisions-empty-details {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px
}
.docs-revisions-sidebar-revisions-empty-title {
font-size: 15px;
font-weight: 500
}
.docs-gm .docs-revisions-sidebar-revisions-empty-title {
color: #3c4043;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px
}
.docs-revisions-sidebar-revisions-empty-details,
.docs-revisions-sidebar-revisions-empty-title {
margin-bottom: 8px
}
a.docs-revisions-sidebar-revisions-empty-learn-more {
color: #4285f4
}
.docs-gm a.docs-revisions-sidebar-revisions-empty-learn-more {
color: #1a73e8;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 20px
}
.docs-revisions-filter-selector .docs-material-gm-select-outer-box {
display: flex;
height: 36px;
margin: 12px;
margin-top: -8px;
width: unset
}
.docs-revisions-loading-indicator {
padding-top: 10px
}
.docs-revisions-filter-selector .goog-menuitem-content,
.docs-revisions-filter-selector .docs-material-gm-select-caption {
color: #3c4043;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.docs-revisions-filter-selector.goog-menu {
width: 270px
}
.docs-revisions-encrypted-reminder-container {
background-color: #e6f4ea;
color: #3c4043;
display: flex;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
padding: 12px 18px 12px 0
}
.docs-revisions-encrypted-reminder-icon-container {
display: flex;
justify-content: center;
min-width: 36px
}
.docs-ui-toast.docs-revisions-snack {
z-index: 1001
}
.docs-revisions-snack .docs-ui-toast-control {
font-weight: 500;
text-transform: uppercase
}
.docs-revisions-snapshot-prompt .jfk-textinput {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 29px;
margin-top: 16px;
width: 100%
}
.docs-revisions-snapshot-prompt-loading-indicator,
.docs-revisions-snapshot-prompt-loading-indicator .docs-spinner {
-ms-flex-align: center;
-moz-box-align: center;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
display: flex;
box-pack: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.docs-revisions-snapshot-prompt-loading-indicator {
min-height: 96px;
min-width: 300px
}
.docs-revisions-snapshot-prompt-loading-indicator .docs-spinner {
height: 32px;
width: 32px
}
.docs-revisions-snapshot-prompt-loading-indicator .docs-quantum-spinner {
margin: 0;
position: initial
}
.docs-revisions-switch {
cursor: pointer;
margin-left: 14px
}
.docs-revisions-switch[class*="docs-hc"]>.apps-ui-material-slide-toggle-thumb,
.docs-revisions-switch[class*="docs-hc"]>.apps-ui-material-slide-toggle-track {
border: 1px solid #fff;
will-change: border-style
}
.docs-revisions-switch .apps-ui-material-slide-toggle-thumb {
background-color: #bdbdbd
}
.docs-gm .docs-revisions-switch .apps-ui-material-slide-toggle-thumb {
background-color: #fff
}
.docs-revisions-switch .apps-ui-material-slide-toggle-track {
background-color: #fff;
opacity: .3
}
.docs-gm .docs-revisions-switch .apps-ui-material-slide-toggle-track {
background-color: #9aa0a6;
opacity: 1
}
.docs-revisions-switch.apps-ui-material-slide-toggle-container-checked .apps-ui-material-slide-toggle-thumb {
background-color: #fafafa
}
.docs-gm .docs-revisions-switch.apps-ui-material-slide-toggle-container-checked .apps-ui-material-slide-toggle-thumb {
background-color: #0f9d58
}
.docs-revisions-switch.apps-ui-material-slide-toggle-container-checked .apps-ui-material-slide-toggle-track {
background-color: #000;
opacity: .38
}
.docs-gm .docs-revisions-switch.apps-ui-material-slide-toggle-container-checked .apps-ui-material-slide-toggle-track {
background-color: #0f9d58
}
.docs-revisions-tile {
contain: content;
outline: none;
position: relative
}
.docs-revisions-tile-content-wrapper {
padding-bottom: 12px;
border-bottom: 1px solid #eee
}
.docs-revisions-tile-selected {
background-color: #e2f3eb
}
.docs-revisions-tile-hover:not(.docs-revisions-tile-selected) {
background-color: #f5f5f5
}
.docs-revisions-tile-header {
display: flex;
flex-direction: column;
font-size: 13px;
font-size: var(--docs-material-font-size-normal, 13px);
padding: 12px 18px 3px 36px;
position: relative
}
.docs-revisions-tile-actions,
.docs-revisions-tile-collaborator-list {
margin: 0 18px 0 36px
}
.docs-gm .docs-revisions-tile-actions {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
line-height: 16px;
padding-top: 3px
}
.docs-revisions-tile-collaborator {
display: flex;
flex-direction: column;
font-size: 12px
}
.docs-revisions-tile-collaborator-name {
-ms-flex-align: center;
-moz-box-align: center;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
display: flex;
color: #585858
}
.docs-gm .docs-revisions-tile-collaborator {
line-height: 16px
}
.docs-gm .docs-revisions-tile-collaborator-name {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.docs-revisions-tile-collaborator-link {
line-height: 1;
margin-top: 3px
}
.docs-gm .docs-revisions-tile-collaborator-link {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
line-height: 16px;
margin-top: 3px
}
.docs-revisions-tile-indented {
margin-left: 50px
}
.docs-revisions-tile-indented .docs-revisions-tile-header {
padding-left: 0
}
.docs-revisions-tile-indented .docs-revisions-tile-actions,
.docs-revisions-tile-indented .docs-revisions-tile-collaborator-list {
margin-left: 0
}
.docs-revisions-tile-caption-v0 {
color: #808080;
font-size: 11px
}
.docs-revisions-tile-show-v0 {
color: #4275d6;
font-size: 11px
}
.docs-revisions-tile-show-v0-link {
cursor: pointer;
font-weight: 500
}
.docs-revisions-tile-swatch {
width: 8px;
height: 8px;
margin-right: 5px
}
.docs-gm .docs-revisions-tile-swatch {
border-radius: 50%
}
.docs-revisions-tile-arrow-button,
.docs-revisions-tile-menu-button {
position: absolute
}
.docs-revisions-tile-arrow-button {
left: 9px;
top: 10px
}
.docs-revisions-tile-menu-button {
right: 9px;
top: 10px
}
.docs-revisions-tile-shade {
border-bottom: 1px solid #eee;
cursor: progress;
height: 100%;
position: absolute;
width: 100%;
z-index: 1
}
.docs-revisions-tile-shade:before {
background-color: #fff;
content: '';
display: block;
height: inherit;
opacity: 0.95;
width: inherit
}
.docs-revisions-tile-shade .docs-spinner {
-ms-flex-align: center;
-moz-box-align: center;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
display: flex;
box-pack: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
height: 48px;
left: 50%;
margin: -24px 0 0 -24px;
position: absolute;
top: 50%;
width: 48px
}
.docs-revisions-tile-shade .docs-quantum-spinner {
margin: 0;
position: initial
}
.docs-revisions-tile-descriptor {
color: #000;
font-size: 14px
}
.docs-gm .docs-revisions-tile-descriptor {
font-style: italic
}
.docs-revisions-tile-selected .docs-revisions-tile-descriptor {
font-weight: 500
}
.docs-gm .docs-revisions-tile-selected .docs-revisions-tile-descriptor,
.docs-gm .docs-revisions-tile-selected .docs-revisions-tile-text-box~.docs-revisions-tile-descriptor {
color: #1967d2
}
.docs-revisions-tile-text-box~.docs-revisions-tile-descriptor {
color: #585858;
font-size: 12px;
font-weight: normal;
margin-top: 3px
}
.docs-gm .docs-revisions-tile-descriptor,
.docs-gm .docs-revisions-tile-text-box~.docs-revisions-tile-descriptor {
color: #3c4043;
font-size: 12px;
font-weight: 400;
line-height: 16px
}
.docs-revisions-tile-text-box {
-webkit-transition-duration: 0.28s;
-moz-transition-duration: 0.28s;
-o-transition-duration: 0.28s;
transition-duration: 0.28s;
-webkit-transition-property: border-color;
-moz-transition-property: border-color;
-o-transition-property: border-color;
transition-property: border-color;
-webkit-transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
-moz-transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
-o-transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
transition-timing-function: cubic-bezier(0.4, 0.0, 0.2, 1);
background: transparent;
border-radius: 2px;
border: 1px solid transparent;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
margin: -3px;
margin-right: 18px;
outline: 0;
padding: 2px;
resize: none;
will-change: border-color
}
.docs-revisions-tile-text-box:hover:enabled {
border-color: #9e9e9e
}
.docs-revisions-tile-text-box:focus:enabled {
border-color: #498dff
}
.docs-revisions-tile-text-box:disabled {
color: #000;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none
}
.docs-revisions-tile-selected .docs-revisions-tile-text-box {
font-weight: 500
}
.docs-gm .docs-revisions-tile-text-box {
font-weight: 400;
line-height: 20px
}
.docs-gm .docs-revisions-tile-selected .docs-revisions-tile-text-box {
color: #137333;
font-weight: 700
}
.docs-gm docs-revisions-tile-text-box:disabled {
color: #3c4043
}
.docs-revisions-new-changes-badge {
background: #0b57d0;
border-radius: 100%;
height: 6px;
outline: 1px solid transparent;
position: absolute;
right: 18px;
top: 10px;
width: 6px;
z-index: 2
}
#docs-revisions-appbarbutton .docs-icon {
margin: 0
}
#docs-revisions-appbarbutton.jfk-button {
margin-right: 8px
}
#docs-revisions-appbarbutton .jfk-tooltip {
max-width: 200px
}
#docs-revisions-appbarbutton.jfk-button-hover,
#docs-revisions-appbarbutton.jfk-button-disabled:hover {
background: #e8ebee
}
#docs-revisions-appbarbutton.jfk-button-focused {
background: #e1e3e6
}
.alt-text-dialog-content textarea {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
#alt-text-dialog-title,
#alt-text-dialog-description {
width: 400px
}
#alt-text-dialog-description {
height: 100px;
padding-top: 6px;
padding-left: 9px
}
.alt-text-dialog-content td {
padding-top: 10px;
vertical-align: top
}
.alt-text-dialog-content tr {
margin: 5px 0
}
.alt-text-dialog-content label {
font-weight: 500;
padding-right: 30px;
position: relative;
top: 5px
}
.alt-text-dialog-intro {
max-width: 500px;
padding: 5px 0
}
.docs-bubble {
background-color: #fff;
border-radius: 2px;
border: 1px solid;
border-color: #bbb #bbb #a8a8a8;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
-ms-box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
color: #666;
cursor: default;
padding: 12px 20px;
position: absolute;
z-index: 502;
white-space: nowrap
}
.docs-bubble.docs-linkbubble-bubble {
z-index: 503
}
.docs-bubble.docs-linkbubble-bubble.docos-linkbubble {
z-index: 1000
}
.docs-bubble.docs-linkbubble-bubble.search-popup-menu-linkbubble {
z-index: 1002
}
.docs-bubble-link,
.docs-bubble a {
color: #15c !important;
cursor: pointer;
text-decoration: none !important
}
.docs-bubble a {
display: inline-block;
max-width: 400px;
text-overflow: ellipsis;
overflow: hidden;
vertical-align: bottom
}
.docs-bubble-link:hover,
.docs-bubble a:hover {
text-decoration: underline !important
}
.docs-bubble-label {
font-weight: 500
}
a.docs-bubble-link-disabled {
color: #ccc !important;
text-decoration: none !important
}
.docs-bubble .docs-bubble-button .docs-icon {
vertical-align: baseline;
width: 18px;
height: 18px;
margin: 0px
}
.docs-bubble .docs-bubble-button {
line-height: 0;
box-shadow: none;
background-color: transparent;
background-image: none;
cursor: pointer;
height: 18px;
width: 18px;
border-radius: 50%;
border-width: 0px;
border-style: solid;
border-color: transparent;
box-shadow: none;
background-clip: padding-box;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
min-width: unset;
margin-right: 0px;
padding: 6px
}
.docs-bubble .docs-bubble-button.jfk-button:hover,
.docs-bubble .docs-bubble-button.jfk-button:focus {
background-color: rgba(0, 0, 0, .06)
}
.docs-bubble .docs-bubble-button.jfk-button:hover:active,
.docs-bubble .docs-bubble-button.jfk-button.goog-toolbar-button-checked {
background-color: #e6f4ea
}
.docs-hc-gecko .docs-bubble-button {
border: 1px solid transparent
}
.docs-bubble-material {
background: #fff;
border: 0;
border-radius: 4px;
box-shadow: 0 1px 2px rgba(60, 64, 67, 0.3), 0 2px 6px 2px DOCS_GM_SHADOW_COLOR;
box-sizing: border-box;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 400;
outline: none;
padding: 0;
position: absolute;
white-space: normal
}
.docs-bubble-material-body {
padding: 12px
}
.docs-bubble-material-body-action-bar {
align-items: center;
box-sizing: border-box;
display: flex;
height: 48px;
justify-content: space-between;
padding: 12px
}
.docs-bubble-material-body-hint-bar {
align-items: center;
background-color: #1a73e8;
border-radius: 0 0 4px 4px;
box-sizing: border-box;
color: #fff;
display: flex;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
justify-content: space-between;
padding: 12px
}
.docs-clipboardshortcutsdialog {
color: #666
}
.docs-clipboardshortcutsdialog-shortcut {
padding-right: 40px
}
.docs-clipboardshortcutsdialog-mac .docs-clipboardshortcutsdialog-shortcut {
padding-right: 95px
}
.docs-clipboardshortcutsdialog-shortcut-command {
padding-bottom: 5px
}
.docs-clipboardshortcutsdialog-shortcuts {
padding: 15px 0
}
.docs-clipboardshortcutsdialog-shortcut-command {
line-height: 1.0;
font-size: 36px;
font-weight: 500
}
.color-dialog>.docs-material-gm-dialog-title {
display: none
}
.color-dialog>.docs-material-gm-dialog-content {
min-width: unset;
padding-top: 16px;
padding-bottom: 8px
}
.color-dialog>.docs-material-gm-dialog-buttons {
padding-top: 8px
}
.color-dialog>.docs-material-gm-dialog-buttons>:last-child {
margin-right: 0
}
.docs-colormenuitems-header {
padding-left: 5px
}
.docs-colormenuitems-custom-header {
margin-left: -23px
}
.docs-gm .colormenuitems-custom-header-add-button .docs-colormenuitems-custom-header,
.docs-gm .docs-colormenuitems-scheme-header {
margin-left: 5px
}
.docs-gm .docs-colormenuitems .goog-menuitem.colormenuitems-custom-header-add-button {
border-radius: 4px;
font-size: 13px;
padding: 2px 0
}
.docs-gm[class*="docs-hc"] .goog-menuitem-highlight.colormenuitems-custom-header-add-button {
padding: 1px 0
}
.docs-gm .docs-colormenuitems-scheme-header {
padding: 4px 0 4px 5px
}
.docs-gm .docs-colormenuitems .docs-colormenuitems-scheme-header,
.docs-gm .docs-colormenuitems .docs-colormenuitems-custom-header {
color: #3c4043;
font-size: 11px;
font-weight: 500;
letter-spacing: .8px;
padding-left: 0px;
text-transform: uppercase
}
.docs-gm .docs-colormenuitems .docs-text-color-state-change-button.jfk-button {
background-color: #fff;
background-image: none;
border: none;
box-shadow: none;
color: #5f6368;
cursor: pointer;
font-size: 14px
}
.docs-gm .docs-colormenuitems .docs-text-color-state-change-button.jfk-button-checked {
border-bottom: 2px solid #0f9d58;
color: #202124
}
.docs-gm .colormenuitems-ob-order .goog-menuitem.colormenuitems-no-color {
border: 1px solid #dadce0;
border-radius: 15px;
box-sizing: border-box;
margin-top: 10px;
padding: 3px 15px 3px 15px;
text-align: center
}
.docs-gm .colormenuitems-ob-order .goog-menuitem.colormenuitems-no-color .docs-icon {
left: auto;
margin: 0;
position: relative;
right: auto;
top: auto;
vertical-align: middle
}
.colormenuitems-ob-order {
max-width: 221px;
min-width: 183px
}
.docs-gm .colormenuitems-ob-order .docs-colormenuitems-scheme-header {
box-sizing: border-box;
overflow: hidden;
padding-right: 35px;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%
}
.docs-colormenuitems.goog-menu {
padding: 10px
}
.docs-colormenuitems .jfk-palette-table {
margin: 0;
padding: 3px
}
.docs-colormenuitems .jfk-palette-cell-hover {
border: 1px solid #fff;
outline: 1px solid #000
}
.docs-colormenuitems-theme-header {
padding-top: 5px
}
.docs-colormenuitems-custom-palette .jfk-palette-cell {
border-color: #ccc;
height: 16px;
width: 16px
}
.docs-colormenuitems-custom-palette .jfk-palette-cell-selected {
border-color: black;
outline: none
}
.goog-color-menu-button.goog-menu-button {
background-color: #f5f5f5;
background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: linear-gradient(top, #f5f5f5, #f1f1f1)
}
.goog-color-menu-button .goog-menu-button-outer-box,
.goog-color-menu-button .goog-menu-button-inner-box {
border-color: rgba(0, 0, 0, 0.1)
}
.goog-color-menu-button.goog-menu-button-focused .goog-menu-button-outer-box,
.goog-color-menu-button.goog-menu-button-focused .goog-menu-button-inner-box {
border-color: #4d90fe
}
.goog-color-menu-button.goog-menu-button-open .goog-menu-button-outer-box,
.goog-color-menu-button.goog-menu-button-open .goog-menu-button-inner-box {
border-color: rgba(0, 0, 0, 0.1)
}
.goog-color-menu-button.goog-menu-button-hover .goog-menu-button-outer-box,
.goog-color-menu-button.goog-menu-button-hover .goog-menu-button-inner-box {
border-color: rgba(0, 0, 0, 0.1) !important
}
.goog-color-menu-button.goog-menu-button-hover .goog-menu-button-outer-box {
box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}
.docs-flatcolormenubutton.goog-flat-menu-button {
min-width: 0px
}
.docs-flatcolormenubutton .goog-flat-menu-button-caption {
display: inline-block;
height: 14px;
outline: 1px solid #bbb;
vertical-align: middle;
width: 14px;
forced-color-adjust: none
}
.docs-copy-link {
width: 500px
}
.copy-link-dialog {
color: black;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
white-space: normal
}
.copy-link-butter-holder {
position: absolute;
top: 0px;
padding-top: 16px;
left: 220px
}
.docs-dialogmessage {
align-items: center;
background-color: #e6f4ea;
border-radius: 8px;
display: flex;
font-size: 12px;
padding: 8px 12px
}
.docs-dialogmessage.docs-material .docs-dialogmessage-text {
flex-direction: column
}
.docs-dialogmessage.docs-material.docs-dialogmessage-error {
background-color: #fce8e6
}
.docs-dialogmessage.docs-material .docs-icon {
flex-shrink: 0;
margin-right: 12px
}
.docs-chromeextensioninstalldialog-image {
vertical-align: top
}
.docs-chromeextensioninstalldialog-textpart {
width: 360px;
padding: 0 0 15px 25px;
color: #333
}
.docs-chromeextensioninstalldialog-note {
padding: 25px 0 0 0;
color: #666
}
.docs-chromeextensioninstalldialog-noteV2 {
color: #666;
padding: 10px 0 0 0
}
.docs-chromeextensioninstalldialog-shortcuts {
color: #666
}
.docs-findbar-input {
width: 170px;
height: 19px
}
.docs-gm .docs-findbar-content,
.docs-gm .docs-gotobar-content {
height: 36px
}
.docs-slidingdialog .docs-findbar-text {
border: 1px solid #aaa;
font-size: 11px;
height: 16px;
margin-right: 4px;
padding: 2px;
width: 172px
}
.docs-slidingdialog #docs-findbar-spinner {
display: inline-block;
position: relative;
transition: left 300ms ease-out;
transition: width 300ms ease-out;
vertical-align: middle
}
.docs-gm .docs-slidingdialog #docs-findbar-button-previous,
.docs-gm .docs-slidingdialog #waffle-gotobar-button-go {
margin-left: 8px;
margin-right: 8px
}
.docs-slidingdialog #docs-findbar-button-next {
margin-right: 8px
}
.docs-gm .docs-slidingdialog .goog-toolbar-separator {
height: 24px;
width: 2px;
margin: 0 8 0 0px;
position: center;
vertical-align: middle
}
.docs-slidingdialog #docs-findbar-button-more-options {
margin-right: 8px
}
.docs-findbar-button-previous-rtl {
margin-left: -1px
}
.docs-findbar-content .jfk-button-disabled {
background-color: #f5f5f5;
border-color: rgba(0, 0, 0, 0.1);
border-color: #dcdcdc
}
.docs-gm .docs-findbar-content .jfk-button-disabled,
.docs-gm .docs-gotobar-content .jfk-button-disabled {
opacity: .38
}
.docs-gm .docs-findbar-content .jfk-button,
.docs-gm .docs-gotobar-content .jfk-button {
background-image: none;
background-color: transparent;
border-color: transparent;
margin: 0 8px 0 0;
min-width: 24px;
vertical-align: middle
}
.docs-gm .docs-findbar-content .jfk-button-hover,
.docs-gm .docs-gotobar-content .jfk-button-hover {
box-shadow: none;
background-color: rgba(0, 0, 0, .06);
background-image: none;
cursor: pointer;
border-color: transparent !important;
border-radius: 2px;
border-width: 1px
}
.docs-gm .docs-findbar-content .jfk-button-active,
.docs-gm .docs-gotobar-content .jfk-button-active {
box-shadow: none;
background-color: rgba(0, 0, 0, 0.12);
background-image: none;
cursor: pointer;
border-color: transparent !important;
border-radius: 2px;
border-width: 1px
}
.docs-findinput-container {
background: #fff;
border: 1px solid #d9d9d9;
border-top: 1px solid #c0c0c0;
min-width: 20px;
padding: 0 8px;
width: 100%
}
.docs-findinput-container-focus {
border: 1px solid #4d90fe;
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
outline: none
}
.docs-gm .docs-findinput-container,
.docs-gm .docs-gotoinput-container {
border: 1px solid #dadce0;
border-radius: 4px;
box-sizing: border-box;
color: #3c4043;
padding: 1px 8px;
font-size: 14px;
height: 36px;
margin: 8px 0;
margin: 0
}
.docs-gm .docs-findinput-container-focus,
.docs-gm .docs-gotoinput-container:focus {
border: 2px solid #1a73e8;
box-shadow: none;
padding: 0px 7px
}
.docs-findinput-input,
.docs-findinput-input:focus {
background: transparent !important;
border: none !important;
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
font-size: 13px;
height: 25px;
margin: 0;
outline: none !important;
padding: 1px 0px !important;
width: 100%
}
.docs-findinput-count-container {
max-width: 120px;
overflow: hidden;
padding: 0 8px 0 4px;
text-align: right
}
.docs-findinput-count {
color: #5f6368;
white-space: nowrap
}
#fontSizeSelect .goog-toolbar-menu-button-caption,
#docs-font-size .goog-toolbar-menu-button-caption {
overflow: hidden;
text-overflow: ellipsis;
width: 20px;
white-space: nowrap
}
#fontSizeSelect .goog-toolbar-combo-button-caption,
#docs-font-size .goog-toolbar-combo-button-caption {
width: 48px !important
}
#fontSizeSelect .goog-toolbar-combo-button-input,
#docs-font-size .goog-toolbar-combo-button-input {
width: 28px
}
#fontSizeSelect.docs-font-size-inc-dec-combobox {
border-color: #dadce0 !important;
border-radius: 0;
vertical-align: middle;
width: 39px
}
.goog-toolbar[role="toolbar"] .docs-font-size-inc-dec-action-button.goog-toolbar-button {
border-color: #dadce0 !important
}
#fontSizeDecrement.docs-font-size-inc-dec-action-button.goog-toolbar-button {
border-radius: 2px 0 0 2px;
border-right: 0 !important;
margin-left: 5px;
margin-right: 0
}
.goog-toolbar[role="toolbar"] .docs-font-size-inc-dec-action-button.goog-toolbar-button,
.docs-font-size-inc-dec-action-button.goog-toolbar-button .goog-toolbar-button-outer-box,
.docs-font-size-inc-dec-action-button.goog-toolbar-button .goog-toolbar-button-inner-box {
height: 22px;
min-width: 23px;
width: 23px
}
#fontSizeIncrement.docs-font-size-inc-dec-action-button.goog-toolbar-button {
border-left: 0 !important;
border-radius: 0 2px 2px 0;
margin-left: 0;
margin-right: 5px
}
#fontSizeSelect.docs-font-size-inc-dec-combobox,
#fontSizeSelect.docs-font-size-inc-dec-combobox .goog-toolbar-combo-button-caption,
#fontSizeSelect.docs-font-size-inc-dec-combobox .goog-toolbar-combo-button-inner-box {
height: 22px;
margin-left: 0;
margin-right: 0
}
#fontSizeSelect.docs-font-size-inc-dec-combobox .goog-toolbar-combo-button-input {
height: 24px !important;
margin: -1px;
text-align: center;
width: 41px !important;
padding: 0
}
#fontSizeSelect.docs-font-size-inc-dec-combobox .goog-toolbar-combo-button-caption {
width: 41px !important
}
#fontSizeSelect.docs-font-size-inc-dec-combobox .goog-toolbar-combo-button-inner-box {
padding: 0
}
.docs-font-size-inc-dec-combobox.goog-toolbar-combo-button-hover:not(.goog-toolbar-combo-button-open) .goog-toolbar-combo-button-input {
border-right-color: transparent !important
}
.goog-toolbar[role="toolbar"] .docs-font-size-inc-dec-action-button.goog-toolbar-button .docs-icon {
height: 22px;
margin: 0;
vertical-align: baseline;
width: 22px
}
.docs-grille-gm3 .goog-toolbar[role="toolbar"] .docs-font-size-inc-dec-action-button.goog-toolbar-button .docs-icon {
height: 20px;
margin-top: 2px;
width: 20px
}
.docs-gm .goog-menu.goog-menu-noicon.docs-font-size-inc-dec-menu .goog-menuitem {
min-width: 39px;
padding-right: 0;
padding-left: 0;
text-align: center
}
.docs-grille-gm3 #fontSizeDecrement.docs-font-size-inc-dec-action-button.goog-toolbar-button {
margin-left: 2px
}
.docs-grille-gm3 #fontSizeIncrement.docs-font-size-inc-dec-action-button.goog-toolbar-button {
margin-right: 2px
}
.docs-grille-gm3 .docs-font-size-inc-dec-combobox.goog-toolbar-combo-button {
line-height: 24px
}
.docs-grille-gm3 #fontSizeSelect.docs-font-size-inc-dec-combobox .goog-toolbar-combo-button-caption {
align-items: center;
display: flex
}
.hsv,
.hsva {
position: relative;
width: 182px;
height: 185px
}
.hsv label span,
.hsva label span {
display: none
}
.hsv-hs-backdrop,
.hsv-hs-image,
.hsva-hs-backdrop,
.hsva-hs-image {
position: absolute;
top: 45px;
left: 10px;
width: 128px;
height: 128px;
border: 1px solid #999
}
.hsv-hs-backdrop,
.hsva-hs-backdrop {
background-color: #000
}
.hsv-hs-image,
.hsv-v-image,
.hsv-hs-handle,
.hsv-v-handle,
.hsva-hs-image,
.hsva-v-image,
.hsva-a-image,
.hsva-hs-handle,
.hsva-v-handle,
.hsva-a-handle,
.hsva-swatch-backdrop {
background-image: url(//ssl.gstatic.com/docs/drawings/images/hsva-sprite-sm.png)
}
.hsv-noalpha .hsv-hs-image,
.hsv-noalpha .hsv-v-image,
.hsv-noalpha .hsv-hs-handle,
.hsv-noalpha .hsv-v-handle,
.hsva-noalpha .hsva-hs-image,
.hsva-noalpha .hsva-v-image,
.hsva-noalpha .hsva-a-image,
.hsva-noalpha .hsva-hs-handle,
.hsva-noalpha .hsva-v-handle,
.hsva-noalpha .hsva-a-handle,
.hsva-noalpha .hsva-swatch-backdrop {
background-image: url(//ssl.gstatic.com/docs/drawings/images/hsva-sprite-sm.gif)
}
.hsv-hs-image,
.hsva-hs-image {
background-position: 0 0
}
.hsv-hs-handle,
.hsva-hs-handle {
position: absolute;
left: 5px;
top: 40px;
width: 11px;
height: 11px;
overflow: hidden;
background-position: 0 -128px
}
.hsv-v-image,
.hsva-v-image,
.hsva-a-image {
position: absolute;
top: 45px;
left: 155px;
width: 9px;
height: 128px;
border: 1px solid #999;
background-color: #fff;
background-position: -128px 0
}
.hsv-v-handle,
.hsva-v-handle,
.hsva-a-handle {
position: absolute;
top: 40px;
left: 148px;
width: 25px;
height: 11px;
background-position: -11px -128px;
overflow: hidden
}
.hsv-swatch,
.hsva-swatch,
.hsva-swatch-backdrop {
position: absolute;
top: 10px;
right: auto;
left: 10px;
width: 30px;
height: 22px;
border: 1px solid #999;
background-color: #fff
}
.hsv-input,
.hsva-input {
position: absolute;
top: 10px;
right: auto;
left: 50px;
width: 75px
}
.hsva {
width: 205px
}
.hsva-a-image {
left: 182px;
background-position: -137px 0
}
.hsva-a-handle {
left: 175px
}
.hsva-swatch,
.hsva-swatch-backdrop {
background-position: -36px -128px
}
.hsva-swatch {
z-index: 5
}
.hsva-swatch-backdrop {
z-index: 1
}
.docs-loading-animation {
width: 28px;
height: 6px;
position: absolute;
margin: auto;
bottom: 0;
left: 0;
right: 0;
top: 0
}
.docs-loading-animation-dot-1,
.docs-loading-animation-dot-2,
.docs-loading-animation-dot-3 {
background-color: rgba(0, 0, 0, .2);
border-radius: 6px;
display: inline-block;
height: 6px;
position: absolute;
width: 6px
}
.docs-loading-animation-dot-1 {
-webkit-animation: docs-loading-animation-pulse 1s ease-in-out infinite 0s;
-moz-animation: docs-loading-animation-pulse 1s ease-in-out infinite 0s;
-o-animation: docs-loading-animation-pulse 1s ease-in-out infinite 0s;
animation: docs-loading-animation-pulse 1s ease-in-out infinite 0s;
left: 0
}
.docs-loading-animation-dot-2 {
-webkit-animation: docs-loading-animation-pulse 1s ease-in-out infinite .33s;
-moz-animation: docs-loading-animation-pulse 1s ease-in-out infinite .33s;
-o-animation: docs-loading-animation-pulse 1s ease-in-out infinite .33s;
animation: docs-loading-animation-pulse 1s ease-in-out infinite .33s;
left: 50%;
margin-left: -3px
}
.docs-loading-animation-dot-3 {
-webkit-animation: docs-loading-animation-pulse 1s ease-in-out infinite .66s;
-moz-animation: docs-loading-animation-pulse 1s ease-in-out infinite .66s;
-o-animation: docs-loading-animation-pulse 1s ease-in-out infinite .66s;
animation: docs-loading-animation-pulse 1s ease-in-out infinite .66s;
right: 0
}
@-webkit-keyframes docs-loading-animation-pulse {
0%,
40%,
100% {
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%,
40%,
100% {
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)
}
}
.docs-slidingdialog-button-close:focus {
outline: 1px solid #4d90fe
}
.docs-gm .docs-slidingdialog-close-container {
padding-top: 3px;
vertical-align: middle
}
.docs-gm .docs-slidingdialog-close-container .goog-flat-button {
cursor: pointer
}
.docs-gm .docs-slidingdialog .docs-icon-close {
opacity: 1
}
.docs-slidingdialog {
background-color: #fff;
border-bottom: 1px solid #d9d9d9;
border-top: none;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
margin-top: -1px;
padding: 10px 12px;
outline: none
}
.docs-gm .docs-slidingdialog {
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
padding: 16px 12px
}
.docs-slidingdialog .jfk-textinput {
border-top-color: #d9d9d9;
margin-right: 0
}
.docs-slidingdialog .jfk-textinput:focus {
border-top-color: #4d90fe
}
.docs-slidingdialog .goog-custom-button-inner-box {
padding: 1px 2px 0 2px
}
.docs-slidingdialog .goog-custom-button {
margin: -2px 0 0 0
}
.docs-slidingdialog .docs-icon-up,
.docs-slidingdialog .docs-icon-down,
.docs-slidingdialog .docs-icon-close,
.docs-slidingdialog .docs-icon-ellipsis,
.docs-slidingdialog .docs-icon-overflow-three-dots {
opacity: .40
}
.docs-gm .docs-slidingdialog .docs-icon-img {
opacity: 1
}
.docs-slidingdialog .jfk-button {
vertical-align: top
}
.docs-slidingdialog .goog-flat-button {
background-color: transparent;
border: 0;
cursor: default;
margin: 0;
padding: 0
}
.docs-slidingdialog .goog-flat-button-hover {
background-color: transparent
}
.docs-slidingdialog-holder {
margin-top: -1px;
overflow: hidden;
position: absolute;
right: 44px;
z-index: 507;
min-width: 300px
}
.docs-slidingdialog-wrapper {
left: 0;
position: relative;
width: 100%
}
.docs-squarehandleselectionbox-border {
cursor: move;
position: absolute;
border: 1px solid #0096fd;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
z-index: 30;
background-color: rgba(0, 0, 0, 0)
}
.docs-squarehandleselectionbox-handle {
position: absolute;
border: 1px solid #fff;
background-color: #0096fd;
width: 7px;
height: 7px;
font-size: 0;
z-index: 40
}
.goog-menuitem.docs-submenuitem {
border: none;
border-bottom: 1px solid #e6e6e6;
height: 59px;
padding-top: 0;
padding-bottom: 0
}
[class*="docs-hc"] .docs-submenuitem {
border: none
}
.goog-menuitem.docs-submenuitem .goog-menuitem-content {
height: 59px;
line-height: 59px
}
.goog-menuitem.docs-submenuitem .goog-menuitem-checkbox {
height: 59px;
top: 0
}
.docs-ui-toast {
align-items: center;
border-radius: 2px;
display: flex;
flex-direction: row;
background-color: #323232;
bottom: 24px;
color: white;
font-size: 14px;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
left: 24px;
line-height: 20px;
min-width: 288px;
max-width: 568px;
outline: none;
padding: 17px 24px;
position: absolute;
z-index: 999
}
.docs-gm .docs-ui-toast {
background-color: #202124;
border-radius: 4px;
box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15);
color: #dadce0;
padding: 16px 24px
}
.docs-grille-gm3 .docs-ui-toast {
background-color: #303030;
color: #f2f2f2;
font-family: "Google Sans", Roboto, sans-serif;
padding: 14px 16px
}
.docs-ui-toast-content {
flex-grow: 1;
flex-shrink: 1;
display: inline-block
}
.docs-ui-toast-control-bar {
flex-grow: 0;
flex-shrink: 0;
color: #a1c2fa;
cursor: pointer;
display: inline-block;
margin-left: 24px
}
.docs-gm .docs-ui-toast-control-bar {
color: #34a853
}
.docs-ui-toast-control {
display: inline-block;
outline: none;
padding-left: 10px;
font-weight: 500
}
.docs-gm .docs-ui-toast-control {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
text-transform: none
}
.docs-grille-gm3 .docs-ui-toast-control {
color: #a8c7fa;
font-size: 14px
}
.docs-ui-toast-close-bar {
cursor: pointer;
display: inline-block;
margin-left: 24px
}
.docs-ui-toast-close {
display: inline-block;
background-color: transparent;
border: 0
}
.docs-hc-gecko .docs-ui-toast-close,
.docs-hc-gecko-white .docs-ui-toast-close {
filter: invert(100%)
}
.goog-toolbar-combo-button {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
background: 0;
border-color: transparent;
border-style: solid;
border-width: 1px;
outline: none;
padding: 0;
height: 24px;
color: #333;
line-height: 24px;
list-style: none;
font-size: 11px;
font-weight: 500;
text-decoration: none;
vertical-align: middle;
cursor: default;
top: 2px
}
.goog-toolbar-combo-button-outer-box,
.goog-toolbar-combo-button-inner-box {
border: 0;
vertical-align: top
}
.goog-toolbar-combo-button-outer-box {
margin: 0;
padding: 0
}
.goog-toolbar-combo-button-inner-box {
padding: 0 2px;
margin: 0 1px
}
.goog-toolbar-combo-button-hover {
box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
background-color: #f8f8f8;
background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
border-color: #c6c6c6 !important;
color: #222
}
.goog-toolbar-combo-button-active {
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
background-color: #f6f6f6;
background-image: -webkit-linear-gradient(top, #f6f6f6, #f1f1f1);
background-image: -moz-linear-gradient(top, #f6f6f6, #f1f1f1);
background-image: -ms-linear-gradient(top, #f6f6f6, #f1f1f1);
background-image: -o-linear-gradient(top, #f6f6f6, #f1f1f1);
background-image: linear-gradient(top, #f6f6f6, #f1f1f1);
border-color: #c6c6c6
}
.goog-toolbar-combo-button-open {
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
background-color: #eee;
background-image: -webkit-linear-gradient(top, #eee, #e0e0e0);
background-image: -moz-linear-gradient(top, #eee, #e0e0e0);
background-image: -ms-linear-gradient(top, #eee, #e0e0e0);
background-image: -o-linear-gradient(top, #eee, #e0e0e0);
background-image: linear-gradient(top, #eee, #e0e0e0);
border-color: #ccc;
color: #222
}
.goog-toolbar-combo-button-disabled {
color: #222 !important;
opacity: 0.3;
filter: alpha(opacity=30)
}
.goog-toolbar-combo-button-dropdown {
background: url(//ssl.gstatic.com/ui/v1/disclosure/small-grey-disclosure-arrow-down.png) center no-repeat;
float: right;
margin: 9px 0 0 0px;
padding: 0 0 0 1px;
min-width: 7px;
opacity: .8;
vertical-align: middle;
width: 5px;
height: 7px;
*float: none;
*position: relative;
*top: -3px
}
.goog-toolbar-combo-button-caption {
padding: 0;
margin: 0 0 0 -3px
}
.docs-toolbar-small-separator+div.goog-toolbar-combo-button {
margin: 4px 1px 0 -1px
}
.goog-toolbar-combo-button-input {
background: transparent;
border: 1px solid transparent !important;
color: #333;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important;
font-size: 12px !important;
font-weight: 500 !important;
height: 20px !important;
overflow: hidden !important
}
.goog-toolbar-combo-button-hover .goog-toolbar-combo-button-input {
border-right: 1px solid #d9d9d9 !important
}
.goog-toolbar-combo-button-open .goog-toolbar-combo-button-input {
background: transparent;
border-right: 1px solid transparent !important
}
.goog-toolbar-combo-button-input:focus {
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
-webkit-user-select: text !important;
-moz-user-select: text !important;
background: #fff;
border: 1px solid #4d90fe !important;
height: 20px;
outline: none
}
.docs-toolbar-zoom-combobox .goog-toolbar-menu-button-caption {
overflow: hidden;
text-overflow: ellipsis;
width: 20px;
white-space: nowrap
}
.docs-toolbar-zoom-combobox .goog-toolbar-combo-button-caption {
width: 48px !important
}
.docs-toolbar-zoom-combobox .goog-toolbar-combo-button-input {
width: 28px
}
.docs-material-gm-dialog {
background: #fff;
border: 1px solid transparent;
border-radius: 8px;
box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15);
position: absolute;
z-index: 1003
}
.docs-material-gm-dialog-bg {
background-color: #000;
left: 0;
position: absolute;
top: 0;
z-index: 998
}
.docs-material-gm-dialog:focus {
outline: none
}
.docs-material-gm-dialog-title {
border-bottom: none;
padding: 24px
}
.docs-material-gm-dialog-title-text {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 28px
}
.docs-material-gm-dialog-title-close {
height: 24px;
position: absolute;
right: 24px;
top: 26px;
width: 24px
}
.docs-material-gm-dialog-content {
min-width: 312px;
padding: 0px 24px 24px;
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
font-size: var(--docs-material-font-size-normal, 13px)
}
.docs-material-gm-dialog-buttons {
display: flex;
justify-content: flex-end;
padding: 24px
}
.docs-material-gm-dialog .docs-material-button-fill-primary.docs-material-button {
margin-left: 12px;
text-transform: none
}
.docs-material-gm-dialog .docs-material-button-hairline-default.docs-material-button {
text-transform: none
}
.docs-client-error-dialog {
color: #3c4043;
font-size: 14px;
white-space: normal;
width: 500px
}
.docs-client-error-dialog,
.docs-client-error-dialog span.docs-material-button-content {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.docs-charts-editor-material-color-picker {
color: rgba(0, 0, 0, 0.87);
cursor: pointer;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 21px;
outline: none;
width: 100%
}
.docs-charts-editor-material-color-picker-disabled {
color: rgba(0, 0, 0, 0.12);
cursor: default
}
.docs-charts-editor-material-color-picker-outer-box {
transition: border-color 0.3s ease;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
margin-bottom: 1px;
padding-bottom: 5px;
width: 100%
}
.docs-charts-editor-material-color-picker-hover .docs-charts-editor-material-color-picker-outer-box,
.docs-charts-editor-material-color-picker-focused .docs-charts-editor-material-color-picker-outer-box {
border-bottom-color: rgba(0, 0, 0, 0.38)
}
.docs-charts-editor-material-color-picker-open .docs-charts-editor-material-color-picker-outer-box {
border-bottom-width: 2px;
border-bottom-color: #4285f4;
margin-bottom: 0px
}
.docs-charts-editor-material-color-picker-inner-box {
width: 100%
}
.docs-charts-editor-material-color-picker-disabled .docs-charts-editor-material-color-picker-outer-box {
border-bottom: 1px dotted rgba(0, 0, 0, 0.12)
}
.docs-charts-editor-material-color-picker-indicator {
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 2px;
float: left;
height: 20px;
margin-top: 6px;
position: relative;
top: 1px;
width: 20px
}
.docs-charts-editor-material-color-picker-text {
overflow: hidden;
padding-left: 4px;
padding-right: 28px;
position: relative;
text-overflow: ellipsis;
top: 10px;
vertical-align: middle;
white-space: nowrap
}
.docs-charts-editor-material-color-picker-dropdown {
position: absolute;
right: 8px;
top: 0px
}
.docs-charts-editor-material-color-picker-dropdown-icon {
transition: opacity 0.3s ease;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjMiPjxwb2x5Z29uIHBvaW50cz0iMCwwIDUsMCAyLjUsMyIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==") no-repeat;
background-size: contain;
height: 8px;
opacity: 0.38;
position: relative;
top: 19px;
width: 8px
}
.docs-gm .docs-charts-editor-material-color-picker-dropdown-icon {
opacity: 1
}
.docs-charts-editor-material-color-picker-hover .docs-charts-editor-material-color-picker-dropdown-icon,
.docs-charts-editor-material-color-picker-focused .docs-charts-editor-material-color-picker-dropdown-icon {
opacity: 0.54
}
.docs-gm .docs-charts-editor-material-color-picker-hover .docs-charts-editor-material-color-picker-dropdown-icon,
.docs-gm .docs-charts-editor-material-color-picker-focused .docs-charts-editor-material-color-picker-dropdown-icon {
opacity: 1
}
.docs-charts-editor-material-color-picker-disabled .docs-charts-editor-material-color-picker-dropdown-icon {
opacity: 0.12
}
.docs-gm .docs-charts-editor-material-color-picker-disabled .docs-gm .docs-charts-editor-material-color-picker-dropdown-icon {
opacity: .38
}
.docs-charts-editor-material-combo-box {
height: 26px;
line-height: 26px;
outline: 0;
width: 100%
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-combo-box {
height: 42px;
line-height: 42px
}
.docs-charts-editor-material-combo-box-disabled {
cursor: default
}
.docs-charts-editor-material-combo-box .docs-charts-editor-material-combo-box-outer-box {
transition: border-color 0.3s ease;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
height: 26px;
line-height: 26px;
margin-bottom: 1px;
width: 100%
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-combo-box .docs-charts-editor-material-combo-box-outer-box {
border: 1px solid #dadce0;
border-radius: 4px;
box-sizing: border-box;
cursor: pointer;
padding: 8px 6px 8px 8px;
width: 100%;
height: 42px;
line-height: 42px;
padding: 8px
}
.docs-charts-editor-material-combo-box-hover .docs-charts-editor-material-combo-box-outer-box,
.docs-charts-editor-material-combo-box-focused .docs-charts-editor-material-combo-box-outer-box {
border-bottom-color: rgba(0, 0, 0, 0.38)
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-combo-box-hover .docs-charts-editor-material-combo-box-outer-box {
background-color: rgba(60, 64, 67, 0.04);
border: 1px solid #dadce0
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-combo-box-focused .docs-charts-editor-material-combo-box-outer-box {
background-color: rgba(60, 64, 67, 0.06);
border: 1px solid #dadce0
}
.docs-charts-editor-material-combo-box-open .docs-charts-editor-material-combo-box-outer-box {
border-bottom-width: 2px;
border-bottom-color: #4285f4;
margin-bottom: 0px
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-combo-box-open .docs-charts-editor-material-combo-box-outer-box {
background-color: rgba(60, 64, 67, 0.04);
border: 1px solid transparent
}
.docs-charts-editor-material-combo-box-disabled .docs-charts-editor-material-combo-box-outer-box {
border-bottom: 1px dotted rgba(0, 0, 0, 0.12)
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-combo-box-disabled .docs-charts-editor-material-combo-box-outer-box {
border: 1px solid #dadce0;
box-shadow: none;
cursor: default
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-combo-box-inner-box {
align-items: center;
display: flex;
justify-content: space-between;
position: relative;
width: 100%;
height: 100%
}
.docs-charts-editor-material-combo-box-inner-box {
width: 100%
}
.docs-charts-editor-material-combo-box-caption {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 28px;
width: 100%
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-combo-box-caption {
padding-right: 0
}
.docs-charts-editor-material-combo-box-input,
.docs-charts-editor-material-combo-box-input:focus {
background: none;
border: none;
box-shadow: none;
color: rgba(0, 0, 0, 0.87);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
height: 26px;
line-height: 26px;
padding: 0;
width: 100%
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-combo-box-caption .docs-charts-editor-material-combo-box-input,
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-combo-box-caption .docs-charts-editor-material-combo-box-input:focus {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
height: 20px;
line-height: 20px;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
border: none;
padding: 0
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-combo-box-disabled .docs-charts-editor-material-combo-box-input {
color: rgba(0, 0, 0, 0.26)
}
.docs-charts-editor-material-combo-box-disabled .docs-charts-editor-material-combo-box-input {
background: none;
color: rgba(0, 0, 0, 0.12);
cursor: default
}
.docs-charts-editor-material-combo-box-dropdown {
position: absolute;
right: 8px;
top: 10px
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-combo-box-dropdown {
align-items: center;
display: flex;
height: 24px;
justify-content: center;
width: 24px;
position: static
}
.docs-charts-editor-material-combo-box-dropdown-icon {
transition: opacity 0.3s ease;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjMiPjxwb2x5Z29uIHBvaW50cz0iMCwwIDUsMCAyLjUsMyIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==") no-repeat;
background-size: contain;
cursor: pointer;
height: 8px;
opacity: 0.38;
width: 8px
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-combo-box-dropdown-icon {
background: no-repeat url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_medium.svg) -20px -10428px;
height: 18px;
width: 18px;
opacity: 1
}
.docs-charts-editor-material-combo-box-hover .docs-charts-editor-material-combo-box-dropdown-icon,
.docs-charts-editor-material-combo-box-focused .docs-charts-editor-material-combo-box-dropdown-icon {
opacity: 0.54
}
.docs-charts-editor-material-combo-box-disabled .docs-charts-editor-material-combo-box-dropdown-icon {
opacity: 0.12
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-combo-box-disabled .docs-charts-editor-material-combo-box-dropdown-icon {
opacity: .26
}
.docs-charts-editor-material-icon-menu-button {
cursor: pointer;
height: 26px;
margin: 0;
min-width: 40px;
outline: none;
user-select: none
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-icon-menu-button {
height: auto;
min-width: 34px
}
.docs-charts-editor-material-icon-menu-button-disabled {
cursor: default
}
.docs-charts-editor-material-icon-menu-button .docs-icon-img {
transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
opacity: 0.54
}
.docs-gm .docs-charts-editor-material-icon-menu-button .docs-icon-img {
opacity: 1.0
}
.docs-charts-editor-material-icon-menu-button-disabled .docs-icon-img {
opacity: 0.12
}
.docs-gm .docs-charts-editor-material-icon-menu-button-disabled .docs-icon-img {
opacity: .38
}
.docs-charts-editor-material-icon-menu-button-outer-box {
transition: background 250ms cubic-bezier(0.4, 0, 0.2, 1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: rgba(0, 0, 0, 0.04);
border-radius: 1px;
height: 26px;
line-height: 26px;
margin-right: 4px;
padding: 0px 4px;
width: 100%
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-icon-menu-button-outer-box {
background: #fff;
border: 2px solid #fff;
border-radius: 4px;
height: 100%;
line-height: 34px;
margin-right: 0;
padding: 0
}
.docs-charts-editor-material-icon-menu-button-open .docs-charts-editor-material-icon-menu-button-outer-box {
background: rgba(0, 0, 0, 0.12)
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-icon-menu-button-open .docs-charts-editor-material-icon-menu-button-outer-box {
background: #e6f4ea
}
.docs-charts-editor-material-icon-menu-button-inner-box {
width: 100%
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-icon-menu-button-caption {
margin-left: 2px
}
.docs-charts-editor-material-icon-menu-button-dropdown {
position: absolute;
right: 0;
top: 0
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-icon-menu-button-dropdown {
left: 15px
}
.docs-charts-editor-material-icon-menu-button-dropdown-icon {
transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjMiPjxwb2x5Z29uIHBvaW50cz0iMCwwIDUsMCAyLjUsMyIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==") no-repeat;
background-size: contain;
height: 8px;
opacity: 0.54;
position: relative;
top: 9px;
width: 8px
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-icon-menu-button-dropdown-icon {
background: no-repeat url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_medium.svg) -20px -10428px;
height: 18px;
opacity: 1;
width: 18px
}
.docs-charts-editor-material-icon-menu-button-focused .docs-charts-editor-material-icon-menu-button-dropdown-icon,
.docs-charts-editor-material-icon-menu-button-open .docs-charts-editor-material-icon-menu-button-dropdown-icon {
opacity: 0.87
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-icon-menu-button-open .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.docs-gm .docs-charts-editor-material-icon-menu-button-focused .docs-gm .docs-charts-editor-material-icon-menu-button-dropdown-icon,
.docs-gm .docs-charts-editor-material-icon-menu-button-open .docs-gm .docs-charts-editor-material-icon-menu-button-dropdown-icon {
opacity: 1
}
.docs-charts-editor-material-icon-menu-button-disabled .docs-charts-editor-material-icon-menu-button-dropdown-icon {
opacity: 0.12
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-icon-menu-button-disabled .docs-charts-editor-material-icon-menu-button-dropdown-icon {
opacity: .26
}
.docs-gm .docs-charts-editor-material-icon-menu-button-disabled .docs-gm .docs-charts-editor-material-icon-menu-button-dropdown-icon {
opacity: .38
}
.docs-charts-editor-material-menu-button {
color: rgba(0, 0, 0, 0.87);
cursor: pointer;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
height: 26px;
line-height: 26px;
outline: 0;
width: 100%
}
.docs-charts-editor-material-menu-button-disabled {
color: rgba(0, 0, 0, 0.12);
cursor: default
}
.docs-charts-editor-material-menu-button-outer-box {
transition: border-color 0.3s ease;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
height: 26px;
line-height: 26px;
margin-bottom: 1px;
width: 100%
}
.docs-charts-editor-material-menu-button-hover .docs-charts-editor-material-menu-button-outer-box,
.docs-charts-editor-material-menu-button-focused .docs-charts-editor-material-menu-button-outer-box {
border-bottom-color: rgba(0, 0, 0, 0.38)
}
.docs-charts-editor-material-menu-button-open .docs-charts-editor-material-menu-button-outer-box {
border-bottom-width: 2px;
border-bottom-color: #4285f4;
margin-bottom: 0px
}
.docs-charts-editor-material-menu-button-disabled .docs-charts-editor-material-menu-button-outer-box {
border-bottom: 1px dotted rgba(0, 0, 0, 0.12)
}
.docs-charts-editor-material-menu-button-inner-box {
display: flex;
width: 100%
}
.docs-charts-editor-material-menu-button-caption {
display: inline-block;
line-height: 26px;
overflow: hidden;
padding-right: 28px;
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1
}
.docs-charts-editor-material-menu-button-dropdown {
position: absolute;
right: 8px;
top: 10px;
white-space: nowrap
}
.docs-charts-editor-material-menu-button-dropdown-icon {
transition: opacity 0.3s ease;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjMiPjxwb2x5Z29uIHBvaW50cz0iMCwwIDUsMCAyLjUsMyIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==") no-repeat;
background-size: contain;
height: 8px;
opacity: 0.38;
width: 8px
}
.docs-charts-editor-material-menu-button-hover .docs-charts-editor-material-menu-button-dropdown-icon,
.docs-charts-editor-material-menu-button-focused .docs-charts-editor-material-menu-button-dropdown-icon {
opacity: 0.54
}
.docs-gm .docs-charts-editor-material-menu-button-hover .docs-charts-editor-material-menu-button-dropdown-icon,
.docs-gm .docs-charts-editor-material-menu-button-focused .docs-charts-editor-material-menu-button-dropdown-icon {
opacity: 1
}
.docs-charts-editor-material-menu-button-disabled .docs-charts-editor-material-menu-button-dropdown-icon {
opacity: 0.12
}
.docs-gm .docs-charts-editor-material-menu-button-disabled .docs-gm .docs-charts-editor-material-menu-button-dropdown-icon {
opacity: .38
}
.docs-charts-editor-material-text-area textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
transition: border-bottom-color 0.3s ease;
background: none;
border: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
height: 26px;
line-height: 26px;
min-height: 26px;
outline: none;
padding: 0;
width: 100%;
resize: none;
white-space: pre;
overflow-wrap: normal;
overflow-y: scroll;
overflow-x: hidden
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-text-area textarea {
transition: border-color 0.3s ease;
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
height: 42px;
line-height: 36px;
min-height: 42px
}
.docs-charts-editor-material-text-area textarea::placeholder {
color: rgba(0, 0, 0, 0.38)
}
.docs-charts-editor-material-text-area textarea::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.38)
}
.docs-charts-editor-material-text-area textarea::-moz-placeholder {
color: rgba(0, 0, 0, 0.38)
}
.docs-charts-editor-material-text-area textarea:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.38)
}
.docs-charts-editor-material-text-area textarea::-ms-input-placeholder {
color: rgba(0, 0, 0, 0.38)
}
.docs-charts-editor-material-text-area textarea:hover,
.docs-charts-editor-material-text-area-hover textarea {
border-bottom-color: rgba(0, 0, 0, 0.38)
}
.docs-charts-editor-material-text-area textarea:focus,
.docs-charts-editor-material-text-area-focus textarea {
box-shadow: none;
border: none;
border-bottom: 2px solid #4285f4
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-text-area textarea:focus,
.docs-charts-editor-material-text-area-focus textarea {
border: 2px solid #4285f4
}
.docs-charts-editor-material-text-area textarea:disabled,
.docs-charts-editor-material-text-area-disabled textarea {
background: none;
border-bottom: 1px dotted rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.12)
}
.docs-charts-editor-material-textbutton {
transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1);
background: rgba(0, 0, 0, 0.04);
border-radius: 2px;
cursor: pointer;
height: 26px;
margin-right: 4px;
outline: none;
padding: 4px;
text-align: center
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-textbutton {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
border: 1px solid #dadce0 !important;
color: #137333;
height: 24px;
padding: 3px 12px 5px;
margin-right: 0
}
.docs-charts-editor-material-textbutton-label {
color: #2196f3;
font-size: 12px;
text-transform: uppercase
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-textbutton-label {
color: #188038;
font-size: 14px;
letter-spacing: .25px;
line-height: 14px;
text-transform: none
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-textbutton-disabled .docs-charts-editor-material-textbutton-label {
color: #3c4043;
opacity: .38
}
.docs-charts-editor-material-textbutton-outer-box {
vertical-align: -webkit-baseline-middle
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-textbutton-outer-box {
vertical-align: baseline
}
.docs-charts-editor-material-textbutton-hover,
.docs-charts-editor-material-textbutton-focused {}
.docs-charts-editor-material-textbutton-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #e7f5eb;
border: 1px solid #bbe2c6 !important;
height: 24px;
padding: 3px 12px 5px
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-textbutton-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #f8fcf9;
border: 1px solid #c8e7d1 !important;
height: 24px;
padding: 3px 12px 5px
}
.docs-charts-editor-material-textbutton-checked {
background: rgba(0, 0, 0, 0.12)
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-textbutton-checked {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
border: 1px solid transparent !important;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
height: 24px;
padding: 3px 12px 5px
}
.docs-charts-editor-material-textbutton-disabled {
cursor: default
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-textbutton-disabled {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
border: 1px solid #f1f3f4 !important;
height: 24px;
padding: 3px 12px 5px
}
.docs-charts-editor-material-textbutton .docs-icon-img {
transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
opacity: 0.54
}
.docs-gm .docs-charts-editor-material-textbutton .docs-icon-img {
opacity: 1
}
.docs-charts-editor-material-textbutton-focused .docs-icon-img,
.docs-charts-editor-material-textbutton-checked .docs-icon-img {
opacity: 0.87
}
.docs-gm .docs-charts-editor-material-textbutton-focused .docs-icon-img,
.docs-gm .docs-charts-editor-material-textbutton-checked .docs-icon-img {
opacity: 1
}
.docs-charts-editor-material-textbutton-disabled .docs-icon-img {
opacity: 0.12
}
.docs-gm .docs-charts-editor-material-textbutton-disabled .docs-icon-img {
opacity: .38
}
.docs-charts-editor-material-text-input input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
transition: border-bottom-color 0.3s ease;
background: none;
border: none;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
height: 26px;
line-height: 26px;
outline: none;
padding: 0;
width: 100%
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-text-input .jfk-textinput {
transition: border-color 0.3s ease;
height: 42px;
line-height: 42px;
margin: 0
}
.docs-charts-editor-material-text-input input::placeholder {
color: rgba(0, 0, 0, 0.38)
}
.docs-charts-editor-material-text-input input::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.38)
}
.docs-charts-editor-material-text-input input::-moz-placeholder {
color: rgba(0, 0, 0, 0.38)
}
.docs-charts-editor-material-text-input input:-ms-input-placeholder {
color: rgba(0, 0, 0, 0.38)
}
.docs-charts-editor-material-text-input input::-ms-input-placeholder {
color: rgba(0, 0, 0, 0.38)
}
.docs-charts-editor-material-text-input input:hover,
.docs-charts-editor-material-text-input-hover input {
border-bottom-color: rgba(0, 0, 0, 0.38)
}
.docs-charts-editor-material-text-input input:focus,
.docs-charts-editor-material-text-input-focus input {
box-shadow: none;
border: none;
border-bottom: 2px solid #4285f4
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-text-input input:focus,
.docs-charts-editor-material-text-input-focus input {
box-shadow: none;
border: 2px solid #4285f4
}
.docs-charts-editor-material-text-input input:disabled,
.docs-charts-editor-material-text-input-disabled input {
background: none;
border-bottom: 1px dotted rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.12)
}
.docs-charts-editor-material-togglebutton {
transition: background 200ms cubic-bezier(0.4, 0, 0.2, 1);
background: rgba(0, 0, 0, 0.04);
border-radius: 2px;
cursor: pointer;
height: 26px;
line-height: 26px;
margin-right: 4px;
outline: none;
text-align: center;
width: 26px
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-togglebutton {
background: #fff;
border: 2px solid #fff;
border-radius: 4px;
height: 34px;
line-height: 34px;
margin-right: 0;
width: 30px
}
.docs-charts-editor-material-togglebutton-hover,
.docs-charts-editor-material-togglebutton-focused {}
.docs-charts-editor-material-togglebutton-checked {
background: rgba(0, 0, 0, 0.12)
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-togglebutton-checked {
background: #e6f4ea
}
.docs-charts-editor-material-togglebutton-checked.docs-charts-editor-material-togglebutton-hover,
.docs-charts-editor-material-togglebutton-checked.docs-charts-editor-material-togglebutton-focused {}
.docs-charts-editor-material-togglebutton-checked.docs-charts-editor-material-togglebutton-active {}
.docs-charts-editor-material-togglebutton-disabled {
cursor: default
}
.docs-charts-editor-material-togglebutton .docs-icon-img {
transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
opacity: 0.54
}
.docs-gm .docs-charts-editor-material-togglebutton .docs-icon-img {
opacity: 1
}
.docs-charts-editor-material-togglebutton-focused .docs-icon-img,
.docs-charts-editor-material-togglebutton-checked .docs-icon-img {
opacity: 0.87
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-togglebutton-checked .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.docs-gm .docs-charts-editor-material-togglebutton-focused .docs-icon-img,
.docs-gm .docs-charts-editor-material-togglebutton-checked .docs-icon-img {
opacity: 1
}
.docs-charts-editor-material-togglebutton-disabled .docs-icon-img {
opacity: 0.12
}
.docs-gm .docs-charts-editor-material-togglebutton-disabled .docs-icon-img {
opacity: .38
}
.docs-charts-editor-material-toolbar-color-picker {
cursor: pointer;
height: 26px;
min-width: 40px;
outline: none;
user-select: none
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-toolbar-color-picker {
color: #3c4043;
outline: none;
width: 100%;
height: 42px;
max-width: 100%;
width: auto
}
.docs-charts-editor-material-toolbar-color-picker-disabled {
cursor: default
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-toolbar-color-picker-disabled {
color: #5f6368;
opacity: .38;
cursor: default
}
.docs-charts-editor-material-toolbar-color-picker-outer-box {
transition: background 250ms cubic-bezier(0.4, 0, 0.2, 1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: rgba(0, 0, 0, 0.04);
border-radius: 2px;
height: 100%;
padding: 2px 4px;
width: 100%
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-toolbar-color-picker-outer-box {
border: 1px solid #dadce0;
border-radius: 4px;
box-sizing: border-box;
cursor: pointer;
padding: 8px 6px 8px 8px;
width: 100%;
background: #fff;
max-width: 100%;
width: auto
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-toolbar-color-picker-hover .docs-charts-editor-material-toolbar-color-picker-outer-box {
background-color: rgba(60, 64, 67, 0.04);
border: 1px solid #dadce0
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-toolbar-color-picker-disabled .docs-charts-editor-material-toolbar-color-picker-outer-box {
border: 1px solid #dadce0;
box-shadow: none;
cursor: default
}
.docs-charts-editor-material-toolbar-color-picker-open .docs-charts-editor-material-toolbar-color-picker-outer-box {
background: rgba(0, 0, 0, 0.12)
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-toolbar-color-picker-open .docs-charts-editor-material-toolbar-color-picker-outer-box {
background-color: rgba(60, 64, 67, 0.04);
border: 1px solid transparent
}
.docs-charts-editor-material-toolbar-color-picker-inner-box {
width: 100%
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-toolbar-color-picker-inner-box {
align-items: center;
display: flex;
justify-content: space-between;
position: relative;
width: 100%;
height: 100%
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-toolbar-color-picker-content-container {
width: 80%
}
.docs-charts-editor-material-toolbar-color-picker-indicator {
border-bottom: 3px solid transparent;
height: 18px;
width: 22px
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-toolbar-color-picker-indicator {
height: 22px;
width: 22px;
border-radius: 50%;
border: 1px solid #dadce0;
margin: 0;
outline: none
}
.docs-charts-editor-material-toolbar-color-picker-disabled .docs-charts-editor-material-toolbar-color-picker-indicator {
opacity: 0.12
}
.docs-gm .docs-charts-editor-material-toolbar-color-picker-disabled .docs-charts-editor-material-toolbar-color-picker-indicator {
opacity: .38
}
.docs-charts-editor-material-toolbar-color-picker-indicator .docs-icon {
transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
-o-transform: scale(0.9);
transform: scale(0.9);
height: 14px;
left: 1px;
opacity: 0.54;
width: 18px
}
.docs-gm .docs-charts-editor-material-toolbar-color-picker-indicator .docs-icon {
opacity: 1
}
.docs-charts-editor-material-toolbar-color-picker-focused .docs-charts-editor-material-toolbar-color-picker-indicator .docs-icon,
.docs-charts-editor-material-toolbar-color-picker-open .docs-charts-editor-material-toolbar-color-picker-indicator .docs-icon {
opacity: 0.87
}
.docs-gm .docs-charts-editor-material-toolbar-color-picker-focused .docs-charts-editor-material-toolbar-color-picker-indicator .docs-icon,
.docs-gm .docs-charts-editor-material-toolbar-color-picker-open .docs-charts-editor-material-toolbar-color-picker-indicator .docs-icon {
opacity: 1
}
.docs-charts-editor-material-toolbar-color-picker-text {
transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1);
color: rgba(0, 0, 0, 0.54);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 11px;
padding: 3px 8px 3px 2px;
top: 1px
}
.docs-gm .docs-charts-editor-material-toolbar-color-picker-text {
color: rgba(0, 0, 0, 0.87)
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-toolbar-color-picker-text {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
height: 20px;
line-height: 20px;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height: 100%;
padding: 3px 5px;
max-width: 65%
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-toolbar-color-picker-caption {
height: 100%
}
.docs-charts-editor-material-toolbar-color-picker-focused .docs-charts-editor-material-toolbar-color-picker-text,
.docs-charts-editor-material-toolbar-color-picker-open .docs-charts-editor-material-toolbar-color-picker-text {
color: rgba(0, 0, 0, 0.87)
}
.docs-charts-editor-material-toolbar-color-picker-disabled .docs-charts-editor-material-toolbar-color-picker-text {
color: rgba(0, 0, 0, 0.12)
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-toolbar-color-picker-disabled .docs-charts-editor-material-toolbar-color-picker-text {
color: rgba(0, 0, 0, 0.26)
}
.docs-charts-editor-material-toolbar-color-picker-dropdown {
float: right
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-toolbar-color-picker-dropdown {
align-items: center;
display: flex;
height: 24px;
justify-content: center;
width: 24px
}
.docs-charts-editor-material-toolbar-color-picker-dropdown-icon {
transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjMiPjxwb2x5Z29uIHBvaW50cz0iMCwwIDUsMCAyLjUsMyIgZmlsbD0iIzAwMCIvPjwvc3ZnPg==") no-repeat;
background-size: contain;
height: 8px;
opacity: 0.54;
position: relative;
top: 9px;
width: 8px
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-toolbar-color-picker-dropdown-icon {
background: no-repeat url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_medium.svg) -20px -10428px;
height: 18px;
width: 18px;
opacity: 1;
top: 0
}
.docs-charts-editor-material-toolbar-color-picker-focused .docs-charts-editor-material-toolbar-color-picker-dropdown-icon,
.docs-charts-editor-material-toolbar-color-picker-open .docs-charts-editor-material-toolbar-color-picker-dropdown-icon {
opacity: 0.87
}
.docs-gm .docs-charts-editor-material-toolbar-color-picker-focused .docs-charts-editor-material-toolbar-color-picker-dropdown-icon,
.docs-gm .docs-charts-editor-material-toolbar-color-picker-open .docs-charts-editor-material-toolbar-color-picker-dropdown-icon {
opacity: 1
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-material-toolbar-color-picker-open .docs-charts-editor-material-toolbar-color-picker-dropdown-icon {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.docs-charts-editor-material-toolbar-color-picker-disabled .docs-charts-editor-material-toolbar-color-picker-dropdown-icon {
opacity: 0.12
}
.docs-gm .docs-charts-editor-material-toolbar-color-picker-disabled .docs-charts-editor-material-toolbar-color-picker-dropdown-icon {
opacity: .38
}
.docs-charts-editor-overflow-menu-button {
outline: none;
cursor: pointer
}
.docs-charts-editor-overflow-menu-button-icon {
transition: opacity 0.3s ease;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgdmlld2JveD0iMCAwIDIwIDIwIiBoZWlnaHQ9IjIwIj48cGF0aCBkPSJtMTAgNmMxLjEgMCAyLTAuOSAyLTJzLTAuOS0yLTItMi0yIDAuOS0yIDIgMC45IDIgMiAyem0wIDJjLTEuMSAwLTIgMC45LTIgMnMwLjkgMiAyIDIgMi0wLjkgMi0yLTAuOS0yLTItMnptMCA2Yy0xLjEgMC0yIDAuOS0yIDJzMC45IDIgMiAyIDItMC45IDItMi0wLjktMi0yLTJ6Ii8+PC9zdmc+") no-repeat;
opacity: 0.38;
height: 21px;
position: relative;
right: 5px;
top: 6px;
width: 21px
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-overflow-menu-button-icon {
right: 12px;
top: 7px
}
.docs-charts-editor-overflow-menu-button-hover .docs-charts-editor-overflow-menu-button-icon,
.docs-charts-editor-overflow-menu-button-focused .docs-charts-editor-overflow-menu-button-icon {
opacity: 0.54
}
.docs-charts-editor-overflow-menu-button-focused .docs-charts-editor-overflow-menu-button-icon {
outline: 5px auto #4285f4
}
.docs-charts-editor-overflow-menu-button-disabled .docs-charts-editor-overflow-menu-button-icon {
opacity: 0.12
}
.docs-charts-editor-overflow-menu-button-caption {
min-height: 21px;
overflow: hidden;
padding-right: 28px;
position: absolute;
text-overflow: ellipsis;
top: 10px;
white-space: nowrap
}
.docs-charts-editor-collapsible-header {
transition: color 250ms cubic-bezier(0.4, 0, 0.2, 1);
color: rgba(0, 0, 0, 0.54);
cursor: pointer;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
height: 42px;
line-height: 42px;
position: relative
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-collapsible-header {
background-color: #f8f9fa;
color: #5f6368;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
height: 56px;
line-height: 56px
}
.docs-charts-editor-collapsible-header.goog-control-open {
color: rgba(0, 0, 0, 0.87)
}
.docs-charts-editor-collapsible-header.goog-control-disabled {
color: rgba(0, 0, 0, 0.26);
cursor: default
}
.docs-charts-editor-collapsible-header.goog-control-focused {
color: rgba(0, 0, 0, 0.87);
outline: none
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-collapsible-header.goog-control-focused {
color: #3c4043
}
.docs-charts-editor-collapsible-title {
height: 42px;
line-height: 42px;
margin: 0 2px 0 16px;
overflow: hidden;
text-overflow: ellipsis;
width: 190px
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-collapsible-title {
height: 56px;
line-height: 56px;
padding: 0 36px
}
.docs-charts-editor-collapsible-summary {
color: rgba(0, 0, 0, 0.54);
height: 42px;
line-height: 42px;
overflow: hidden;
position: absolute;
right: 42px;
text-align: right;
text-overflow: ellipsis;
width: 115px
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-collapsible-summary {
height: 56px;
line-height: 56px
}
.goog-control-disabled .docs-charts-editor-collapsible-summary {
color: #888
}
.docs-charts-editor-collapsible-icon {
transition: all 250ms cubic-bezier(0.4, 0, 0.2, 1);
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48ZyBzdHlsZT0iZmlsbDpub25lO3N0cm9rZS13aWR0aDoxO3N0cm9rZTpub25lIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5IDkpc2NhbGUoMSAtMSl0cmFuc2xhdGUoLTkgLTkpIj48cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iMTgiLz48cG9seWdvbiBwb2ludHM9IjkgNSAzIDExIDQuNCAxMi40IDkgNy44IDEzLjYgMTIuNCAxNSAxMSIgZmlsbD0iIzAwMCIvPjwvZz48L2c+PC9zdmc+");
height: 18px;
opacity: 0.54;
position: absolute;
right: 16px;
top: 11px;
width: 18px
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-collapsible-icon {
background: none;
height: 20px;
left: 16px;
top: 20px;
transform: rotate(-90deg);
width: 20px
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-collapsible-icon .docs-icon {
height: 20px;
vertical-align: top;
width: 20px
}
.goog-control-checked .docs-charts-editor-collapsible-icon {
opacity: 0.87;
transform: rotate(-180deg)
}
.docs-gm .waffle-gm-sidebar .goog-control-checked .docs-charts-editor-collapsible-icon {
top: 14px;
transform: none
}
.docs-gm .waffle-gm-sidebar .goog-control-focused .docs-charts-editor-collapsible-icon {
opacity: 0.87
}
.goog-control-disabled .docs-charts-editor-collapsible-icon {
display: none
}
.docs-charts-editor-collapsible-content {
transition: max-height 0.25s cubic-bezier(0.4, 0, 0.2, 1);
overflow: hidden
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-collapsible-content {
background-color: #fff
}
.docs-charts-editor-collapsible-content-animating {
transition: none
}
.docs-charts-editor-collapsible-content>div {
padding: 0 16px 6px 16px
}
.docs-charts-editor-collapsible-content.docs-charts-editor-collapsible-content-no-padding>div {
padding: 0
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-customize-tab .docs-charts-editor-bundle.docs-charts-editor-parent-bundle>.docs-charts-editor-collapsible-opened {
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
border: 2px solid #fff;
border-radius: 8px
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-collapsible-opened .docs-charts-editor-collapsible-header {
background-color: #fff;
color: #3c4043
}
.docs-charts-editor-material-icon-menu-button-palette .toolbar-icon,
.docs-charts-editor-material-icon-menu-button-palette .docs-common-icon {
margin: 3px 5px 4px 2px
}
.docs-charts-editor-material-icon-menu-button-palette .goog-palette-cell {
border: 0
}
.docs-charts-editor-material-icon-menu-button-palette .goog-palette-table {
border: 0;
margin: 0 4px
}
.docs-charts-editor-material-icon-menu-button-palette .goog-palette-cell-hover {
background: #eee
}
.docs-charts-editor-chip-content {
display: flex;
background-color: #f1f3f4;
border-radius: 32px;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
height: 32px;
overflow: hidden;
position: relative;
white-space: nowrap
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-chip-content {
border-radius: 36px;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
height: 36px
}
.docs-charts-editor-chip-content>* {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.docs-charts-editor-chip-label {
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
cursor: default;
line-height: 32px;
margin-left: 16px;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: top
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-chip-label {
line-height: 36px;
margin-right: 10px
}
.docs-charts-editor-chip-button {
box-shadow: none;
cursor: pointer;
margin: 0;
min-width: 0;
outline: 0;
padding: 0;
position: absolute;
right: 0
}
.docs-charts-editor-chip.docs-charts-editor-chip-invalid .docs-charts-editor-chip-content {
border: 1px solid #db4437
}
.docs-charts-editor-chip.docs-charts-editor-chip-invalid .docs-charts-editor-chip-error-message {
display: block
}
.docs-charts-editor-chip-error-message {
color: #db4437;
display: none;
font-size: 11px;
left: 8px;
position: relative;
top: 3px
}
.docs-charts-editor-back-tab-header-back {
float: left;
margin: 6px 7px 0 7px;
right: auto
}
.docs-gm .docs-material .docs-charts-editor-back-tab-header-back .docs-icon .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.docs-charts-editor-back-tab-header-title.jfk-button.docs-sidebar-toggle-tab {
text-align: left;
width: 270px
}
.docs-charts-editor-back-tab-header.docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab>div {
overflow: hidden;
text-overflow: ellipsis;
width: 100%
}
.docs-charts-editor-back-tab-header .docs-charts-editor-back-tab-header-title.jfk-button.docs-sidebar-toggle-tab-active>div:after {
border: none
}
.docs-charts-editor-editorslider-hide {
display: none
}
.docs-charts-editor-editorslider-slide-in-right {
animation-duration: 0.3s;
animation-name: docs-charts-editor-editorslider-slide-in-right;
animation-timing-function: ease;
transform: translateX(0%)
}
.docs-charts-editor-editorslider-slide-out-right {
animation-duration: 0.3s;
animation-name: docs-charts-editor-editorslider-slide-out-right;
animation-timing-function: ease;
transform: translateX(100%)
}
@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%)
}
}
.docs-charts-editor-labeledinput-error {
color: #db4437;
display: none;
font-size: 11px;
margin-bottom: 4px;
margin-top: 4px
}
.docs-charts-editor-labeledinput-haserror .docs-charts-editor-labeledinput-error {
display: block
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-labeledinput-haserror input:hover {
border-color: #c53929
}
.docs-charts-editor-labeledinput-haserror input,
.docs-charts-editor-labeledinput-haserror input:focus {
border-bottom: 2px solid #db4437
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-labeledinput-haserror input,
.docs-gm .waffle-gm-sidebar .docs-charts-editor-labeledinput-haserror input:focus {
border: 2px solid #db4437
}
.docs-charts-editor-labeledinput-haserror input:hover:not(:focus) {
border-bottom-color: #c53929
}
.docs-charts-editor-labeledselect-menu-style-wide {
width: 255px
}
.docs-charts-editor-labeledselect-menu-style-narrow {
width: 146px
}
.docs-gm .waffle-gm-sidebar .docs-material-gm-labeled-select-disabled .docs-material-gm-labeled-select-caption {
color: rgba(0, 0, 0, 0.26)
}
.docs-gm .waffle-gm-sidebar .docs-material-gm-labeled-select-disabled .docs-material-gm-labeled-select-dropdown-icon {
opacity: .26
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-customize-tab .docs-charts-editor-bundle.docs-charts-editor-parent-bundle>.docs-charts-editor-noncollapsible-section.docs-charts-editor-collapsible-opened {
border: none;
border-radius: 0;
box-shadow: none
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-noncollapsible-section .docs-charts-editor-collapsible-header {
color: #3c4043;
cursor: default;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
height: auto;
line-height: 1;
padding-bottom: 0.5em;
padding-top: 1.5em
}
.docs-gm .waffle-gm-sidebar .docs-charts-editor-noncollapsible-section .docs-charts-editor-collapsible-title {
height: auto;
line-height: 1;
padding-left: 0;
overflow: visible
}
.docs-explore-icon {
direction: ltr;
text-align: left;
overflow: hidden;
position: relative;
vertical-align: middle
}
.docs-explore-img:before {
content: url(//ssl.gstatic.com/docs/common/menu_feature_sprite8.svg)
}
.docs-explore-img {
height: 4444px;
position: absolute;
width: 72px
}
.docs-hc-gecko .docs-explore-icon {
filter: invert(100%)
}
.docs-explore-auto-awesome-grey {
left: 0;
top: -1918px
}
.docs-explore-back-white {
left: -18px;
top: -68px
}
.docs-explore-back-white-rtl {
left: 0;
top: -1634px
}
.docs-explore-cite-black {
left: -48px;
top: -4338px
}
.docs-explore-cite-black-18 {
left: 0;
top: -4170px
}
.docs-explore-docs-18 {
left: -24px;
top: -3818px
}
.docs-explore-drawing-18 {
left: 0;
top: -2292px
}
.docs-explore-email-18 {
left: -18px;
top: -88px
}
.docs-explore-excel-18 {
left: -18px;
top: -2904px
}
.docs-explore-expand-down {
left: 0;
top: -3166px
}
.docs-explore-expand-up {
left: 0;
top: -1936px
}
.docs-explore-file-18 {
left: -18px;
top: -3208px
}
.docs-explore-filter-button-black-18 {
left: 0;
top: -2736px
}
.docs-explore-folder-18 {
left: -36px;
top: -88px
}
.docs-explore-form-18 {
left: 0;
top: -1736px
}
.docs-explore-forward-arrow-black {
left: -24px;
top: -3028px
}
.docs-explore-forward-arrow-black-rtl {
left: -24px;
top: -4338px
}
.docs-explore-google-logo {
left: 0;
top: -912px
}
.docs-explore-group-blue-18 {
left: 0;
top: -3800px
}
.docs-explore-group-black-18 {
left: -54px;
top: -88px
}
.docs-explore-image-18 {
left: -36px;
top: -1942px
}
.docs-explore-insert-black {
left: -24px;
top: -3166px
}
.docs-explore-insert-black-18 {
left: -18px;
top: -3190px
}
.docs-explore-keep-yellow-18 {
left: 0;
top: -3208px
}
.docs-explore-lock-black-18 {
left: -24px;
top: -930px
}
.docs-explore-more-black {
left: -32px;
top: -1274px
}
.docs-explore-pdf-18 {
left: -18px;
top: -1918px
}
.docs-explore-powerpoint-18 {
left: -24px;
top: -912px
}
.docs-explore-preview-white {
left: -48px;
top: -3166px
}
.docs-explore-question-green {
left: -24px;
top: -3004px
}
.docs-explore-search-black {
left: 0;
top: -3004px
}
.docs-explore-search-close-white {
left: -44px;
top: -3004px
}
.docs-explore-search-history-black {
left: -42px;
top: -912px
}
.docs-explore-sheets-18 {
left: 0;
top: -2836px
}
.docs-explore-sites-18 {
left: -36px;
top: -3208px
}
.docs-explore-slides-18 {
left: -42px;
top: -3818px
}
.docs-explore-thumb-down-18 {
left: 0;
top: -3066px
}
.docs-explore-thumb-up-18 {
left: -50px;
top: -2668px
}
.docs-explore-video-18 {
left: -36px;
top: -1960px
}
.docs-explore-word-18 {
left: 0;
top: -68px
}
.docs-explore-show-more-14 {
left: 0;
top: -3052px
}
.docs-explore-promo-icon-wrapper {
background-color: white;
border-radius: 50px;
display: -webkit-box;
display: -webkit-flex;
display: -moz-box;
display: -ms-flexbox;
display: flex;
height: 100px;
left: -46px;
position: absolute;
top: -36px;
width: 100px
}
.docs-explore-promo-icon {
cursor: pointer;
display: block;
margin: auto
}
.waffle-assistant-entry {
background-color: rgba(255, 255, 255, 0.8);
border: none;
border-left: 1px solid #c2c2c2;
float: right;
height: 38px;
padding-right: 10px
}
.docs-grille-gm3 .waffle-assistant-entry {
height: 36px
}
.waffle-assistant-entry-button {
border: 1px solid transparent;
cursor: pointer;
height: 34px;
transition: padding 0.5s cubic-bezier(0.4, 0, 0.2, 1);
width: 100%
}
.waffle-assistant-entry-button-icon {
display: inline-block;
position: relative;
padding: 7px 0 7px 8px
}
.waffle-assistant-entry-label {
color: #0f9d58;
display: inline-block;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
overflow: hidden;
padding-left: 8px;
transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);
vertical-align: middle
}
.waffle-assistant-entry-button-black-icon {
display: none;
opacity: .54
}
.waffle-assistant-entry-inactive,
.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-menu-button-inactive {
border-left: 1px solid transparent;
background-color: transparent
}
.waffle-assistant-entry-inactive .waffle-assistant-entry-button-black-icon {
display: block
}
.waffle-assistant-entry-inactive .waffle-assistant-entry-button-green-icon {
display: none
}
.waffle-assistant-entry-inactive .waffle-assistant-entry-label {
color: #737373;
opacity: 0;
padding-right: 0
}
.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-menu-button-inactive .waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button-label {
color: #737373
}
.waffle-assistant-entry-expanded {
background-color: rgba(255, 255, 255, 0.8);
border-left: 1px solid #c2c2c2
}
.waffle-assistant-entry-expanded .waffle-assistant-entry-label {
opacity: 1;
padding-right: 6px
}
.waffle-assistant-entry-opened {
background-color: #dadada;
border-left: 1px solid #c2c2c2;
box-shadow: inset 0 0 6px rgba(0, 0, 0, .22)
}
.waffle-assistant-entry-opened .waffle-assistant-entry-button-black-icon {
display: block
}
.waffle-assistant-entry-opened .waffle-assistant-entry-button-green-icon {
display: none
}
.waffle-assistant-entry-opened .waffle-assistant-entry-label {
color: #737373
}
.waffle-assistant-link-button {
color: #4285f4;
display: inline;
text-decoration: underline
}
.waffle-assistant-link-button:hover,
.waffle-assistant-link-button:focus {
cursor: pointer;
text-decoration: underline
}
.waffle-assistant-link-button:focus {
margin: 0 2px;
outline-color: #4285f4;
outline-width: 2px
}
.waffle-assistant-button {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
border: 1px solid transparent;
border-radius: 2px;
font-size: 11px;
font-weight: 500;
margin-right: 0;
min-width: 40px;
opacity: 0.8;
padding: 0;
text-align: center;
white-space: nowrap
}
.waffle-assistant-button-focused {
border: 1px solid #5e97f6;
outline: none
}
.waffle-assistant-button-hover,
.waffle-assistant-button-focused,
.waffle-assistant-button-holder .waffle-assistant-button.waffle-assistant-button-hover,
.waffle-assistant-button-holder .waffle-assistant-button.waffle-assistant-button-focused {
cursor: pointer;
opacity: 1
}
.waffle-assistant-button-holder .waffle-assistant-button {
height: 24px;
min-width: 24px;
opacity: 0.6;
padding: 2px
}
.waffle-assistant-dragged-formula {
box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.28);
background-color: #fff;
border: 1px solid #e0e0e0;
line-height: 22px;
overflow-wrap: break-word;
word-wrap: break-word
}
.waffle-assistant-formula-insertion-rect {
background-color: #000;
opacity: 0.06
}
.waffle-assistant-visible {
visibility: visible
}
.docs-ui-toast.waffle-assistant-toast {
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: flex;
bottom: 60px;
color: rgba(255, 255, 255, 0.87);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
left: auto;
line-height: 20px;
min-width: 0;
padding: 14px 24px;
right: 15px;
width: 286px
}
.waffle-assistant-toast-content {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
font-weight: 400;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-assistant-toast-action {
color: #a0c1fc;
text-transform: uppercase
}
.waffle-assistant-panel-title-bar {
height: 20px
}
.waffle-assistant-panel-back-button {
cursor: pointer
}
.waffle-assistant-panel-back-button-icon {
height: 20px;
margin-bottom: 1px
}
.waffle-assistant-panel-pane {
height: 100%
}
.waffle-assistant-sidebar.waffle-sidebar-container {
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
background: #f1f1f1;
width: 320px
}
.waffle-assistant-title.waffle-sidebar-title {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
transition: height .3s;
background-color: #0f9d58;
color: #fff;
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 20px;
min-height: 36px;
padding: 0
}
.docs-grille-gm3 .waffle-assistant-title.waffle-sidebar-title {
background-color: #0f9d58;
color: #fff;
padding: 0 12px
}
.waffle-assistant-title .waffle-sidebar-title-close {
right: 11px;
top: 6px
}
.waffle-assistant-title-bar,
.waffle-assistant-panel-title-bar {
display: flex;
-webkit-align-items: center;
align-items: center
}
.waffle-assistant-replaceable-title,
.waffle-assistant-title-bar {
padding: 8px 12px
}
.docs-grille-gm3 .waffle-assistant-replaceable-title,
.docs-grille-gm3 .waffle-assistant-title-bar {
padding: 8px 12px 8px 0
}
.waffle-assistant-replaceable-title .waffle-assistant-title-bar {
padding: 0
}
.waffle-assistant-title-text {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-align-items: center;
align-items: center;
font-weight: 500;
margin-top: 4px;
padding-left: 12px
}
.waffle-assistant-title-icon {
height: 20px;
position: relative;
width: 20px
}
.waffle-assistant-sidebar-content.waffle-sidebar-content {
overflow: hidden
}
.waffle-assistant-scroll-pane {
background: #f1f1f1;
height: 100%;
overflow-x: hidden;
overflow-y: auto
}
.waffle-assistant-scroll-pane-content {
height: 100%
}
.waffle-assistant-scroll-pane-feature-content {
height: 100%
}
.waffle-assistant-expanded-panel {
height: 100%;
width: 320px
}
.waffle-assistant-spinner-container {
text-align: center;
pointer-events: none;
position: absolute;
width: 100%
}
.waffle-assistant-expanded-panel .waffle-assistant-spinner-container {
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
height: 100%
}
.waffle-assistant-empty-list {
display: flex;
background: #fff;
color: rgb(46%, 46%, 46%);
height: 100%;
text-align: center;
width: 320px
}
.waffle-assistant-empty-list-content {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
margin: auto 24px;
width: 100%
}
.waffle-assistant-empty-list svg {
padding-bottom: 24px
}
.waffle-assistant-empty-list-title {
color: rgb(46%, 46%, 46%);
font-size: 15px;
font-weight: 500
}
.waffle-assistant-empty-list-body {
color: rgb(46%, 46%, 46%);
font-size: 13px;
padding: 8px 0
}
.waffle-assistant-empty-list-link {
font-size: 13px;
font-weight: 400;
margin: 0
}
.waffle-assistant-empty-list-link span,
.waffle-assistant-empty-list-link a {
color: #1a73e8;
cursor: pointer
}
.waffle-assistant-empty-list-link a:hover {
text-decoration: none
}
.waffle-assistant-empty-list-learn-more.waffle-assistant-empty-list-link:focus {
border: 1px solid #5e97f6;
outline: none
}
.waffle-assistant-feature-section {
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.10);
background: white;
margin-bottom: 8px
}
.waffle-assistant-feature-section:last-child {
margin-bottom: 0
}
.waffle-assistant-section-header {
display: flex;
-webkit-align-items: center;
align-items: center;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
padding: 16px 16px 0 16px;
position: relative;
width: 288px
}
.waffle-assistant-section-title {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
color: rgba(0, 0, 0, 0.54);
font-size: 13px;
font-weight: 600;
height: 15px;
line-height: 15px;
text-transform: uppercase
}
.jfk-button.waffle-assistant-section-more-button {
border: 0;
color: #1a73e8;
cursor: pointer;
height: 15px;
font-size: 13px;
line-height: 15px;
margin-right: 16px;
text-transform: uppercase
}
.jfk-button.waffle-assistant-section-more-button:focus {
border: 1px solid #5e97f6;
outline: none
}
.waffle-assistant-section-content {
padding-bottom: 10px
}
.waffle-assistant-scroll-pane::-webkit-scrollbar {
width: 12px
}
.waffle-assistant-scroll-pane::-webkit-scrollbar-thumb {
background-clip: padding-box;
background-color: #dadce0;
border: solid transparent;
border-width: 1px 1px 1px 2px;
box-shadow: none;
min-height: 28px;
padding: 1px
}
.waffle-assistant-scroll-pane::-webkit-scrollbar-thumb:hover {
background-color: #bdc1c6;
box-shadow: none
}
.waffle-assistant-scroll-pane::-webkit-scrollbar-thumb:active {
background-color: #80868b
}
.waffle-assistant-scroll-pane::-webkit-scrollbar-track {
background-clip: border-box;
background-color: #f8f8f8;
border: none;
border-width: 1px;
box-shadow: none
}
.waffle-assistant-scroll-pane::-webkit-scrollbar-track:hover {
background-clip: border-box;
background-color: #f8f8f8;
border: none;
border-width: 1px;
box-shadow: none
}
.waffle-assistant-form .waffle-assistant-input-edit-button {
flex-shrink: 0;
margin-right: 3px
}
.waffle-assistant-card-feedback {
flex-shrink: 0;
margin-right: 3px
}
.waffle-assistant-card {
background: #fff;
border-bottom: 1px solid #e0e0e0;
margin-bottom: 8px;
outline: 0;
overflow: hidden;
position: relative
}
.waffle-assistant-feature-section .waffle-assistant-card {
margin-bottom: 0
}
.waffle-assistant-panel-pane .waffle-assistant-card {
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.10)
}
.waffle-assistant-card-spinner-container {
position: absolute;
text-align: center;
top: 50%;
transform: translateY(-50%);
width: 100%
}
.waffle-assistant-card-inner {
position: relative
}
.waffle-assistant-padded-card {
padding: 15px
}
.waffle-assistant-button-holder {
background-color: rgba(255, 255, 255, 0.7);
padding: 3px;
position: absolute;
top: 0;
z-index: 1
}
.waffle-assistant-dragger-card .waffle-assistant-button-holder,
.waffle-assistant-dragger-card .waffle-assistant-chart-highlights,
.waffle-assistant-dragger-card .waffle-assistant-facet-section {
display: none
}
.waffle-assistant-card-draggable {
cursor: move
}
.waffle-assistant-readonly .waffle-assistant-card:hover {
cursor: default
}
.waffle-assistant-card-options {
-webkit-border-radius: 0 0 0 2px;
-moz-border-radius: 0 0 0 2px;
border-radius: 0 0 0 2px;
box-shadow: -1px 1px 3px #d3d3d3;
right: 0
}
.waffle-assistant-padded-card {
padding: 15px
}
.waffle-assistant-feedback-card-content {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
vertical-align: middle;
line-height: 19px
}
.waffle-assistant-feedback-card-text {
margin: 2px 0
}
.waffle-assistant-feedback-card-custom-msg-placeholder {
font-size: 10px;
font-style: italic;
line-height: 11px;
margin: 2px 0
}
.waffle-assistant-feedback-card {
box-shadow: 0px 2px 4px rgba(0, 0, 0, .3);
display: flex;
background-color: white;
cursor: default;
margin: 5px;
max-height: 500px;
overflow: hidden;
padding: 15px;
width: 250px
}
.waffle-assistant-feedback-card-close-button {
-webkit-align-self: flex-start;
align-self: flex-start;
min-width: auto
}
.waffle-assistant-card .waffle-assistant-feedback-card {
transition: all .1s
}
.waffle-assistant-dragger-card .waffle-assistant-feedback-card {
display: none
}
.waffle-assistant-card .waffle-assistant-feedback-card-hidden {
padding: 0 15px 0 15px;
margin: 0 5px 0 5px;
max-height: 0
}
.waffle-assistant-insert-chart-button.jfk-button,
.waffle-assistant-zoom-button.jfk-button,
.waffle-assistant-copy-button.jfk-button,
.waffle-assistant-thumbs-down-button.jfk-button,
.waffle-assistant-thumbs-up-button.jfk-button {
cursor: pointer;
display: block;
height: 24px;
margin: 0 auto 0 auto;
min-width: 24px;
opacity: .6;
padding: 1px;
width: 24px
}
.waffle-assistant-insert-chart-button.jfk-button:hover,
.waffle-assistant-zoom-button.jfk-button:hover,
.waffle-assistant-copy-button.jfk-button:hover,
.waffle-assistant-thumbs-down-button.jfk-button:hover,
.waffle-assistant-thumbs-up-button.jfk-button:hover {
opacity: .8
}
.waffle-assistant-insert-chart-button.jfk-button:active,
.waffle-assistant-zoom-button.jfk-button:active,
.waffle-assistant-copy-button.jfk-button:active,
.waffle-assistant-thumbs-down-button.jfk-button:active,
.waffle-assistant-thumbs-up-button.jfk-button:active {
opacity: 1
}
.waffle-assistant-thumbs-down-icon {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -150px 0;
height: 24px;
width: 24px
}
.waffle-assistant-thumbs-up-icon {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -113px -46px;
height: 24px;
width: 24px
}
.waffle-assistant-button-separator {
border-bottom: 1px solid #d3d3d3;
height: 0;
margin: 3px;
width: 21px
}
.waffle-assistant-card-feedback-container {
display: flex;
-webkit-align-items: flex-end;
align-items: flex-end;
-webkit-justify-content: center;
justify-content: center;
background: rgba(0, 0, 0, 0.38);
height: 100%;
position: absolute;
width: 100%;
z-index: 1
}
.waffle-assistant-feedback-card-hidden {
display: none !important
}
.waffle-assistant-thumbs-container,
.waffle-assistant-facet-thumbs-container {
border-top: 1px dashed #e0e0e0;
color: #616161
}
.waffle-assistant-thumbs {
display: flex;
-webkit-align-items: center;
align-items: center;
height: 40px;
line-height: 16px;
padding: 0 15px
}
.waffle-assistant-thumbs-button-holder {
display: flex
}
.waffle-assistant-thumbs-up-button,
.waffle-assistant-thumbs-down-button {
min-width: 30px !important
}
.waffle-assistant-thumbs-text {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
text-transform: uppercase
}
.waffle-assistant-quicksum-panel {
background: #fff;
border-bottom: 1px solid #e0e0e0;
line-height: 19px;
margin-bottom: 8px;
padding: 15px;
position: relative
}
.waffle-assistant-scroll-pane-feature-content .waffle-assistant-quicksum-panel {
box-shadow: 0 2px 2px rgba(0, 0, 0, 0.10)
}
.waffle-assistant-quicksum-entry {
border: 1px solid transparent;
color: #757575;
cursor: move;
font-family: Roboto, Arial, sans-serif;
padding: 0 5px
}
.waffle-assistant-quicksum-entry:hover,
.waffle-assistant-quicksum-entry:focus {
border: 1px solid #5e97f6
}
.waffle-assistant-quicksum-panel-readonly .waffle-assistant-quicksum-entry:hover,
.waffle-assistant-quicksum-panel-readonly .waffle-assistant-quicksum-entry:focus {
border: 1px solid transparent
}
.waffle-assistant-quicksum-panel-readonly .waffle-assistant-quicksum-entry {
border: 1px solid transparent;
cursor: default
}
.waffle-assistant-quicksum-entry-name {
font-weight: 500;
margin-right: 10px
}
.waffle-assistant-quicksum-entry-value {
float: right
}
.waffle-assistant-walkthrough-promo-content {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 22px;
padding: 15px 20px;
width: 300px
}
.waffle-assistant-walkthrough-promo-header {
font-size: 20px
}
.waffle-assistant-walkthrough-promo-button {
cursor: pointer;
font-size: 14px;
font-weight: 500;
text-transform: uppercase
}
.waffle-assistant-walkthrough-promo-continue-button {
color: #5e97f5;
margin-right: 10px
}
.waffle-assistant-walkthrough-promo-close-button {
margin-left: 10px;
opacity: 0.7
}
.range-border.waffle-assistant-table-range-border {
border-color: #0f9d58;
border-style: dashed;
line-height: 0
}
.waffle-assistant-table-range-rect {
background-color: #0f9d58;
opacity: 0.06;
pointer-events: none
}
.range-border.waffle-assistant-header-range-border {
border-color: #f09300;
border-style: dashed;
line-height: 0
}
.waffle-assistant-header-range-rect {
background-color: #f09300;
opacity: 0.06;
pointer-events: none
}
.waffle-assistant-card .docs-charts-tooltip {
font-size: 10px;
padding: 4px 8px;
line-height: 1.1em
}
.waffle-assistant-highlight-styled-rect {
background-color: #34a853;
opacity: 0.06;
pointer-events: none
}
.range-border.waffle-assistant-highlight-styled-border {
border-color: #34a853;
border-style: dashed
}
.waffle-assistant-highlight-styled-rect-red {
background-color: #ea4335;
opacity: 0.06;
pointer-events: none
}
.range-border.waffle-assistant-highlight-styled-border-red {
border-color: #ea4335;
border-style: dashed
}
.waffle-assistant-mouseover-highlight-styled-rect {
background-color: #34a853;
opacity: 0.25;
pointer-events: none
}
.range-border.waffle-assistant-mouseover-highlight-styled-border {
border-color: #34a853;
border-style: dashed
}
.waffle-assistant-mouseover-highlight-styled-rect-red {
background-color: #ea4335;
opacity: 0.25;
pointer-events: none
}
.range-border.waffle-assistant-mouseover-highlight-styled-border-red {
border-color: #ea4335;
border-style: dashed
}
.waffle-inline-assistant-refresh-banner {
background: white;
border: 0.5px solid transparent;
box-shadow: 0 -1px 5px rgba(128, 134, 139, 0.09), 0px 3px 5px rgba(128, 134, 139, 0.06), 0px 1px 2px rgba(60, 64, 67, 0.3), 0px 1px 3px rgba(60, 64, 67, 0.15);
margin-bottom: 8px;
overflow: hidden;
position: absolute;
z-index: 10
}
.waffle-inline-assistant-refresh-text {
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
letter-spacing: 0.3px;
line-height: 16px;
margin: 12px 0 12px 16px;
width: 166px
}
.waffle-inline-assistant-refresh-text-container {
align-items: center;
background: #e6f4ea;
border-radius: 4px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 8px;
position: relative;
width: 284px
}
.waffle-sidebar-container .waffle-inline-assistant-refresh-button.jfk-button-standard,
.waffle-sidebar-container .waffle-inline-assistant-refresh-button.jfk-button-standard.jfk-button-hover,
.waffle-sidebar-container .waffle-inline-assistant-refresh-button.jfk-button-standard.jfk-button-focused,
.waffle-sidebar-container .waffle-inline-assistant-refresh-button.jfk-button-standard.jfk-button-hover.jfk-button-focused {
background: none;
border: none !important;
color: #137333;
cursor: pointer;
margin-right: 8px;
max-width: 100%;
overflow: hidden;
padding: 8px;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-sidebar-container .waffle-inline-assistant-refresh-button.jfk-button-standard.jfk-button-hover,
.waffle-sidebar-container .waffle-inline-assistant-refresh-button.jfk-button-standard.jfk-button-focused,
.waffle-sidebar-container .waffle-inline-assistant-refresh-button.jfk-button-standard.jfk-button-hover.jfk-button-focused {
background: rgba(0, 0, 0, .06)
}
.waffle-inline-assistant-sidebar-category-cards {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.waffle-inline-assistant-sidebar-category-label {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
height: 14px;
letter-spacing: 0.8px;
line-height: 14px;
text-transform: uppercase
}
.waffle-inline-assistant-sidebar-category-description {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.3px;
font-weight: normal;
padding: 8px 8px 4px 16px
}
.waffle-inline-assistant-sidebar-intro {
color: #80868b;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
padding: 16px 16px 6px
}
.waffle-inline-assistant-sidebar-accepted-container {
margin: 0 20px;
text-align: center
}
.waffle-inline-assistant-sidebar-accept-back {
margin-right: 0
}
.waffle-inline-assistant-sidebar-column-filter-dropdown-container {
margin-bottom: 16px;
overflow: hidden;
padding-right: 15px;
position: relative
}
.waffle-inline-assistant-sidebar-column-filter-dropdown,
.waffle-inline-assistant-sidebar-column-filter-dropdown-green {
float: right;
margin: auto;
width: 125px
}
.docs-material-gm-labeled-select-focused .docs-material-gm-labeled-select-outer-box {
background-color: rgba(60, 64, 67, 0.06);
border: 1px solid #dadce0
}
.waffle-inline-assistant-sidebar-column-filter-dropdown .docs-material-gm-labeled-select-outer-box {
border-radius: 8px;
padding: 0 6px 0 10px;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.waffle-inline-assistant-sidebar-column-filter-dropdown .waffle-view-icons-error-filled {
display: none;
height: 13px;
width: 13px
}
.waffle-inline-assistant-sidebar-column-filter-dropdown .filter-active .waffle-view-icons-error-filled {
display: block
}
.waffle-inline-assistant-sidebar-column-filter-dropdown-green .filter-active .docs-material-gm-labeled-select-outer-box {
border: none;
background-color: #fce8e6
}
.waffle-inline-assistant-sidebar-column-filter-dropdown-green .docs-material-gm-labeled-select-outer-box {
border-radius: 8px;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
padding: 0 6px 0 10px
}
.waffle-inline-assistant-sidebar-column-filter-dropdown-green .waffle-view-icons-error-filled {
display: none;
height: 13px;
width: 13px
}
.waffle-inline-assistant-sidebar-column-filter-dropdown-green .filter-active .waffle-view-icons-error-filled {
display: block
}
.waffle-inline-assistant-sidebar-column-filter-dropdown-green .filter-active .docs-material-gm-labeled-select-outer-box {
background-color: #ceead6;
border: none
}
.waffle-inline-assistant-sidebar-column-filter-dropdown .filter-active.docs-material-gm-labeled-select-focused .docs-material-gm-labeled-select-outer-box {
background-color: #fad2cf
}
.waffle-inline-assistant-sidebar-column-filter-dropdown-green .filter-active.docs-material-gm-labeled-select-focused .docs-material-gm-labeled-select-outer-box {
background-color: #ceead6
}
.waffle-inline-assistant-sidebar-column-filter-dropdown .filter-active .docs-material-gm-labeled-select-caption {
color: #d93025
}
.waffle-inline-assistant-sidebar-column-filter-dropdown .filter-active .docs-material-gm-labeled-select-caption-green {
color: #1e8e3e
}
.waffle-inline-assistant-recommendation-container {
align-items: center;
border: 1px solid #dadce0;
border-top: none;
display: flex;
height: 36px;
margin: 0;
outline: none;
overflow-x: auto;
overflow-y: hidden;
position: relative
}
.waffle-inline-assistant-recommendation-container:last-child {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px
}
.waffle-inline-assistant-overflow-suggestions .waffle-inline-assistant-recommendation-container:last-child {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.waffle-inline-assistant-gridrange-chip {
background-color: #f8f9fa;
border-right: 1px solid #dadce0;
box-sizing: border-box;
color: #d93025;
flex-shrink: 0;
font-weight: 500;
height: 36px;
line-height: 36px;
overflow: hidden;
padding: 1px 0;
position: relative;
text-align: center;
width: 48px
}
.waffle-inline-assistant-gridrange-chip.waffle-inline-assistant-gridrange-chip-changed {
color: #1a73e8
}
.waffle-inline-assistant-gridrange-chip.waffle-inline-assistant-gridrange-chip-neutral {
color: #3c4043
}
.waffle-inline-assistant-gridrange-chip-hovered {
background-color: rgba(0, 0, 0, .06)
}
.waffle-inline-assistant-suggestion-row {
flex-grow: 1;
overflow: hidden;
position: relative;
white-space: nowrap
}
.waffle-inline-assistant-suggestion-overflow-action-strip {
align-items: center;
border: 1px solid #dadce0;
border-radius: 0 0 4px 4px;
border-top: none;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
min-height: 32px;
padding: 0 6px;
text-align: left
}
.waffle-inline-assistant-suggestion-overflow-action-strip .waffle-assistant-feedback-button {
height: 30px
}
.waffle-inline-assistant-accept-button,
.waffle-inline-assistant-ignore-button {
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-inline-assistant-card-show-more-button {
border-radius: 100%;
color: #3c4043;
cursor: pointer;
font-size: 12px;
font-weight: normal;
height: 24px;
letter-spacing: 0.3px;
margin: 0 auto 0 6px;
min-width: 24px;
padding: 2px;
width: 24px
}
.waffle-inline-assistant-card-show-more-button.jfk-button-checked {
transform: rotate(180deg)
}
.waffle-inline-assistant-card-show-more-button.jfk-button-checked .docs-icon {
margin-bottom: 5px;
margin-right: 1px
}
.waffle-inline-assistant-card-show-more-button.jfk-button-checked:hover {
box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1)
}
.waffle-inline-assistant-card-show-more-button:hover,
.waffle-inline-assistant-card-show-more-button:focus {
background: rgba(0, 0, 0, .06)
}
.waffle-inline-assistant-card-show-more-button:active {
background: rgba(0, 0, 0, 0.12)
}
.waffle-inline-assistant-card-show-more-button .docs-icon {
height: 24px;
margin: 0;
width: 24px;
zoom: 75%
}
.waffle-inline-assistant-suggestion-details {
border-radius: 4px;
border-top: 1px solid #dadce0;
margin: 0 14px 16px;
outline: none;
overflow: hidden
}
.waffle-inline-assistant-suggestion-details:last-child {
margin: 0 14px 14px
}
.waffle-inline-assistant-nf-suggestion {
margin-bottom: 8px;
outline: none
}
.waffle-inline-assistant-nf-row {
align-items: center;
border: none;
border-radius: 0;
display: flex;
margin: 0;
overflow: hidden;
padding: 0 0 0 8px;
text-overflow: ellipsis
}
.waffle-inline-assistant-nf-suggestion-description {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
letter-spacing: 0.3px;
line-height: 16px;
margin: 0 16px 3px
}
.waffle-inline-assistant-nf-suggestion-text {
flex-grow: 1;
height: 36px;
padding: 1px 0;
line-height: 36px;
overflow: hidden;
position: relative;
text-overflow: ellipsis;
border-radius: 4px 0 0 4px;
box-sizing: border-box
}
.waffle-inline-assistant-nf-original-preview {
text-decoration: line-through
}
.waffle-inline-assistant-nf-suggested-preview {
color: #188038
}
.waffle-inline-assistant-nf-check {
border-radius: 50%;
flex-shrink: 0;
width: 27px;
min-width: 27px;
margin: 0 3px;
padding: 2px;
cursor: pointer
}
.waffle-inline-assistant-nf-check.jfk-button-hover {
box-shadow: none
}
.waffle-inline-assistant-nf-check:hover,
.waffle-inline-assistant-nf-check:focus {
background: rgba(0, 0, 0, .06)
}
.waffle-inline-assistant-nf-check:active {
background: rgba(0, 0, 0, 0.12)
}
.waffle-inline-assistant-sidebar-rd-category-bulk-pill {
align-items: center;
border: 1px solid #dadce0;
border-radius: 4px;
box-sizing: border-box;
color: #3c4043;
display: flex;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
justify-content: space-between;
margin: 0 14px 11px;
padding: 5px 6px;
overflow: hidden
}
.waffle-inline-assistant-bulk-rd-message {
height: 30px;
line-height: 30px;
margin: 0 10px
}
.waffle-inline-assistant-rd-cell-preview {
border: none;
border-radius: 0;
margin: 0;
padding: 0 8px;
overflow: hidden;
text-overflow: ellipsis
}
.waffle-inline-assistant-rd-deleted-strikethrough {
position: absolute;
left: 9px;
top: 50%;
height: 1px;
background: #3c4043;
z-index: 1;
right: 9px
}
.waffle-inline-assistant-rd-cell-value-divider {
height: 36px;
border-left: 1px solid #dadce0;
margin: 0 10px;
display: inline-block;
vertical-align: middle
}
.waffle-inline-assistant-tw-row {
height: 36px;
line-height: 36px;
padding: 0 8px
}
.waffle-inline-assistant-tw-space {
background: #f28b82;
border: 1px solid transparent;
box-sizing: border-box;
display: inline-block;
height: 18px;
margin: 8px 0.5px 10px 0.5px;
mix-blend-mode: multiply;
vertical-align: middle;
width: 4px
}
.docs-material-gm-checkbox.waffle-inline-assistant-rd-checkbox {
position: absolute;
right: 8px;
top: 50% !important;
transform: translateY(-50%);
border: 2px solid #5f6368 !important
}
.docs-material-gm-checkbox-checked.waffle-inline-assistant-rd-checkbox {
background-color: #5f6368 !important;
border: 2px solid #5f6368 !important
}
.docs-material-gm-checkbox-checked.waffle-assistant-kg-apply-all-check {
background-color: #5f6368 !important;
border: 2px solid #5f6368 !important
}
.waffle-inline-assistant-sidebar .waffle-sidebar-content {
bottom: 0;
left: 0;
position: absolute;
right: 0;
z-index: 1
}
.waffle-inline-assistant-sidebar-toast {
align-items: center;
background: #202124;
border: 1px solid transparent;
border-radius: 4px;
bottom: 14px;
box-shadow: 0 5px 7px rgba(60, 64, 67, 0.15), 0 2px 2px rgba(60, 64, 67, 0.3);
box-sizing: border-box;
display: flex;
opacity: 1;
overflow: hidden;
padding: 16px 12px 16px 16px;
position: absolute;
right: 14px;
width: 268px;
z-index: 1000
}
.waffle-inline-assistant-sidebar-toast-hidden {
opacity: 0;
transition: opacity 0.2s linear
}
.waffle-inline-assistant-toast-text {
color: #dadce0;
flex-grow: 1;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
letter-spacing: 0.25px;
line-height: 19px
}
.jfk-button.waffle-inline-assistant-toast-undo-button {
box-sizing: border-box;
color: #6ba5ed;
cursor: pointer;
margin: 0;
padding: 0
}
.waffle-inline-assistant-sidebar-rd-category-bulk-pill .waffle-inline-assistant-bulk-rd-accept-button,
.waffle-inline-assistant-toast-undo-button {
margin: 0 2px 0 0
}
.waffle-inline-assistant-sidebar-insights-promo {
background: #f8f9fa;
border-radius: 8px;
margin: 14px;
padding: 18px
}
.waffle-inline-assistant-sidebar-insights-button {
display: block;
margin: 0 auto
}
.waffle-inline-assistant-sidebar-insights-header {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.1px;
line-height: 24px;
text-align: center
}
.waffle-inline-assistant-sidebar-insights-body {
color: #3c4043;
font-size: 14px;
letter-spacing: 0.2px;
line-height: 20px;
margin: 16px 0;
text-align: center
}
.waffle-inline-assistant-sidebar-empty-container {
margin: 20px;
text-align: center
}
.waffle-inline-assistant-sidebar-accepted-message,
.waffle-inline-assistant-sidebar-empty-message {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
letter-spacing: 0.2px;
margin: 15px
}
.waffle-inline-assistant-sidebar-empty-check {
filter: invert(100%);
height: 30px;
padding: 10px
}
.waffle-assistant-floating-popup {
box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: white;
border-radius: 10px;
bottom: 30px;
left: 55px;
padding: 18px;
position: absolute;
width: 320px;
z-index: 20
}
.waffle-assistant-popup-view {
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
display: table;
position: absolute
}
.waffle-assistant-popup-suggestion {
background: #fff;
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
overflow: hidden;
outline: none;
margin: 2px 10px;
padding: 8px 0 8px 14px;
position: relative;
text-align: left;
cursor: pointer
}
.waffle-assistant-popup-suggestion:hover,
.waffle-assistant-popup-suggestion:focus {
background: rgba(0, 0, 0, .06)
}
.waffle-assistant-popup-suggestion:active {
background: rgba(0, 0, 0, 0.12)
}
.waffle-assistant-popup-suggestion-text {
font-size: 14px;
line-height: 21px;
white-space: normal;
word-wrap: break-word
}
.docs-material-gm-checkbox.waffle-assistant-card-checkbox {
border: 2px solid #80868b;
float: left;
margin-top: -1px;
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.docs-material-gm-checkbox-checked.waffle-assistant-card-checkbox {
border: 2px solid #188038
}
.waffle-assistant-card-unchecked-hovered-checkbox {
opacity: 0.7
}
.waffle-inline-assistant-sidebar-accept {
float: right;
margin: 16px
}
.waffle-inline-assistant-sidebar-survey-container {
background-color: #f8f9fa;
cursor: pointer;
padding: 12px;
text-align: center
}
.waffle-inline-assistant-sidebar-accepted-container .waffle-inline-assistant-sidebar-survey-container {
margin: 0 -20px
}
.waffle-inline-assistant-sidebar-survey-link:hover {
text-decoration: none
}
.waffle-inline-assistant-sidebar-survey-container:hover,
.waffle-inline-assistant-sidebar-survey-container:focus {
background: rgba(0, 0, 0, .06)
}
.waffle-inline-assistant-sidebar-survey-container:active {
background: rgba(0, 0, 0, 0.12)
}
.waffle-inline-assistant-sidebar {
background-color: white
}
.waffle-inline-assistant-sidebar .waffle-sidebar-footer-container {
background-color: white;
border-top: 1px solid #dadce0
}
.waffle-inline-assistant-feedback-button.waffle-ui-text-link-button {
align-items: center;
color: #5f6368;
display: flex;
float: right;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 24px;
padding: 8px
}
.waffle-inline-assistant-feedback-button svg {
margin-right: 5px
}
.waffle-inline-assistant-promo-pref-button {
float: right;
margin: 14px;
margin-top: 0
}
.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button-label-no-suggestion {
display: none;
width: 0
}
.waffle-assistant-data-cleanup-suggestions-bottom-entry-point .waffle-assistant-data-cleanup-suggestions-bottom-entry-point-menu-button-disabled {
background: #dadce0
}
.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button-label {}
.waffle-assistant-data-cleanup-suggestions-grey-autofix-wand {}
.waffle-assistant-data-cleanup-suggestions-green-autofix-wand {}
.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-menu-button-active {}
.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-menu-button-active .waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button-label {
color: #188038
}
.waffle-assistant-data-cleanup-suggestions-autofix-icon-hidden {
visibility: hidden;
width: 0
}
.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-bubble .jfk-bubble-closebtn {
background: none;
content: url(//ssl.gstatic.com/images/icons/material/system/svg/close_18px.svg);
cursor: pointer;
height: 18px;
margin: 6px 8px;
padding: 4px;
right: 5px;
top: 5px;
width: 18px
}
.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble .jfk-bubble-closebtn {
background: none;
content: url(//ssl.gstatic.com/images/icons/material/system/svg/close_18px.svg);
cursor: pointer;
height: 18px;
margin: 6px 8px;
padding: 4px;
right: 0;
top: 0;
width: 18px
}
.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-bubble .jfk-bubble-closebtn:hover,
.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-bubble .jfk-bubble-closebtn:focus,
.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble .jfk-bubble-closebtn:hover,
.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble .jfk-bubble-closebtn:focus {
background: rgba(32, 33, 36, 0.04);
opacity: 1
}
.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-bubble .jfk-bubble-closebtn:active,
.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble .jfk-bubble-closebtn:active {
background: rgba(32, 33, 36, 0.1);
opacity: 1
}
.waffle-assistant-card-text {
color: #5f6368;
display: inline-block;
font-size: 14px;
letter-spacing: 0.2px;
line-height: 20px;
margin-left: 32px;
margin-right: 40px;
white-space: normal;
word-wrap: break-word
}
.waffle-assistant-card-text .waffle-assistant-feedback-button {
float: right
}
.waffle-assistant-form {
align-items: center;
display: flex;
flex-shrink: 1;
overflow: hidden;
width: 100%
}
.waffle-assistant-form .jfk-textinput {
flex-shrink: 1;
min-width: 1px;
width: 100%;
text-overflow: ellipsis
}
.waffle-inline-assistant-sidebar-category-show-more-button {
color: #3c4043;
cursor: pointer;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
letter-spacing: 0.3px;
margin: 4px 14px 16px;
position: relative;
text-align: center
}
.waffle-inline-assistant-sidebar-category-show-more-description {
background: white;
display: inline-block;
line-height: 16px;
padding: 0 8px
}
.waffle-inline-assistant-sidebar-category-show-more-background-line {
background: #dadce0;
height: 1px;
left: 0;
margin-top: -1px;
position: absolute;
right: 0;
top: 50%;
z-index: -100
}
.waffle-inline-assistant-sidebar-category-show-more-button:hover .waffle-inline-assistant-sidebar-category-show-more-description,
.waffle-inline-assistant-sidebar-category-show-more-button:focus .waffle-inline-assistant-sidebar-category-show-more-description {
background: #f0f0f0
}
.waffle-inline-assistant-sidebar-category-show-more-button:hover,
.waffle-inline-assistant-sidebar-category-show-more-button:focus {
background: rgba(0, 0, 0, .06)
}
.waffle-inline-assistant-sidebar-category-show-more-button:active .waffle-inline-assistant-sidebar-category-show-more-description {
background: #e0e0e0
}
.waffle-inline-assistant-sidebar-category-show-more-button:active {
background: rgba(0, 0, 0, 0.12)
}
.waffle-inline-assistant-sidebar-divider {
border-top: 1px solid #dadce0;
margin: 6px 15px 8px
}
.waffle-inline-assistant-sidebar-category-show-more-button .docs-icon {
height: 24px;
margin: 0 4px 0 0;
width: 24px
}
.docs-auto-fix {
filter: invert(37%) sepia(93%) saturate(360%) hue-rotate(86deg) brightness(88%) contrast(100%)
}
.waffle-inline-assistant-sidebar-category-show-more-button.jfk-button-hover {
box-shadow: none
}
.waffle-inline-assistant-sidebar-category-header {
color: #188038;
margin: 12px 0;
overflow: hidden;
padding: 0 3px 0 16px
}
.waffle-inline-assistant-rec-range {
color: #188038;
font-weight: 500
}
.waffle-inline-assistant-rec-range-red {
color: #d93025;
font-weight: 500
}
.waffle-inline-assistant-rec-detail {
color: #202124;
font-weight: 500;
white-space: nowrap
}
.waffle-assistant-popup-num-patterns {
font-weight: 500
}
.waffle-assistant-popup-button-row {
margin-top: 18px;
text-align: right
}
.jfk-button-action.waffle-assistant-popup-button {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff
}
.jfk-button-action.waffle-assistant-popup-button.goog-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #2a8947;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
.jfk-button-action.waffle-assistant-popup-button.goog-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #4f9e67;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
.jfk-button-action.waffle-assistant-popup-button.goog-button-hover.goog-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #62a877;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
.jfk-button-standard.waffle-assistant-popup-button {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
border: 1px solid #dadce0 !important;
color: #137333
}
.jfk-button-standard.waffle-assistant-popup-button.goog-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #f8fcf9;
border: 1px solid #c8e7d1 !important
}
.jfk-button-standard.waffle-assistant-popup-button.goog-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #e7f5eb;
border: 1px solid #bbe2c6 !important
}
.jfk-button-standard.waffle-assistant-popup-button.goog-button-hover.goog-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
border: 1px solid #b5e0c1 !important
}
.waffle-assistant-popup-button-review {
margin-right: 0
}
.waffle-assistant-popup-button-dismiss {
background-color: #f1f3f4
}
.waffle-assistant-popup-logo {
float: left;
margin-right: 18px;
min-width: 0;
outline: none;
padding: 3px
}
.waffle-feedback-troubleshoot-item {
color: #5f6368;
font-size: 11px;
width: 168px
}
.waffle-feedback-troubleshoot-item-icon,
.waffle-feedback-troubleshoot-item-text {
display: inline
}
.waffle-assistant-feedback-dialog,
.waffle-assistant-feedback-product-info-dialog {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.waffle-assistant-feedback-dialog {
min-width: 464px;
max-width: 512px
}
.waffle-assistant-feedback-dialog .docs-material-gm-dialog-content {
font-size: 14px;
padding-bottom: 0
}
.waffle-assistant-feedback-dialog-radio-button {
padding: 8px
}
.waffle-assistant-feedback-dialog-radio-button .jfk-radiobutton-radio {
left: 0
}
.waffle-assistant-feedback-dialog-radio-button .jfk-radiobutton-label {
margin-left: 16px
}
.waffle-assistant-feedback-dialog-feedback-radio-buttons-control .waffle-assistant-feedback-dialog-radio-button {
display: block
}
.waffle-assistant-feedback-dialog-legal {
margin-right: 16px;
max-width: 256px
}
.waffle-assistant-feedback-dialog-legal-information-text {
color: #80868b
}
.waffle-assistant-feedback-dialog-product-info-display-text {
color: #5f6368;
cursor: pointer;
padding-top: 10px;
text-decoration: underline
}
.waffle-assistant-feedback-dialog-header {
color: #1967d2;
font-weight: 500;
padding: 8px 0;
text-transform: uppercase
}
.waffle-assistant-feedback-product-info-dialog .docs-material-gm-dialog-content {
max-height: 568px;
overflow: auto;
overflow-wrap: break-word;
width: 466px
}
.waffle-assistant-feedback-product-info-dialog dt {
font-weight: 500
}
.waffle-assistant-feedback-dialog .jfk-textinput {
border: 1px solid #dadce0;
border-radius: 4px;
box-sizing: border-box;
color: #3c4043;
padding: 1px 8px;
font-size: 14px;
height: 36px;
margin: 8px 0
}
.waffle-assistant-feedback-dialog textarea.jfk-textinput {
height: unset;
min-height: 52px;
min-width: 100%;
max-height: 52px;
padding: 7px 8px
}
.waffle-assistant-feedback-dialog .jfk-textinput:focus {
border: 2px solid #1a73e8;
box-shadow: none;
padding: 0px 7px
}
.waffle-assistant-feedback-dialog textarea.jfk-textinput:focus {
padding: 6px 7px
}
.waffle-assistant-kg-description {
color: #5f6368;
display: inline-block;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
letter-spacing: .3px;
line-height: 16px;
margin: 0 16px;
white-space: normal;
word-wrap: break-word
}
.waffle-assistant-apply-all-description {
color: #5f6368;
display: inline-block;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
letter-spacing: .3px;
line-height: 16px;
margin: 0 16px;
white-space: normal;
word-wrap: break-word
}
.waffle-assistant-kg-card {
border-radius: 8px;
box-shadow: 0 -1px 5px rgba(128, 134, 139, 0.09), 0 3px 5px rgba(128, 134, 139, 0.06), 0 1px 2px rgba(60, 64, 67, 0.3), 0 1px 3px rgba(60, 64, 67, 0.15);
margin: 0 14px 16px;
outline: none;
overflow: hidden;
position: relative
}
.waffle-assistant-kg-cell-input-row {
border: 1px solid #dadce0;
border-top: none;
font-size: 13px;
margin: 0;
position: relative
}
.waffle-inline-assistant-overflow-suggestions:last-child .waffle-assistant-kg-cell-input-row {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px
}
.waffle-assistant-card-apply-all {
background-color: #e6f4ea;
border-radius: 4px;
color: #188038;
font-family: 'Google Sans Medium', sans-serif;
font-size: 14px;
font-weight: medium;
height: 36px;
margin: 0 14px 4px;
overflow: hidden;
position: relative;
z-index: 1000
}
.waffle-assistant-card-apply-all .waffle-inline-assistant-apply-all-input-box.jfk-textinput {
color: inherit
}
.waffle-assistant-card-apply-all-focused {
background-color: white;
border: 1.5px solid #1a73e8;
color: inherit;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
margin: 0 14px 2px
}
.waffle-assistant-apply-all-text-empty {
background-color: white;
border: 1px solid #dadce0
}
.waffle-inline-assistant-category-card {
border-radius: 8px;
box-shadow: 0 -1px 5px rgba(128, 134, 139, 0.09), 0 3px 5px rgba(128, 134, 139, 0.06), 0 1px 2px rgba(60, 64, 67, 0.3), 0 1px 3px rgba(60, 64, 67, 0.15);
margin: 0 14px 16px;
overflow: hidden
}
.waffle-assistant-input-container {
display: flex;
height: 36px;
overflow-x: auto;
overflow-y: hidden
}
.waffle-assistant-input-container.waffle-assistant-input-container-focused,
.waffle-assistant-input-container.waffle-assistant-input-container-changed {
border-radius: 4px;
margin: 0 -1px
}
.waffle-assistant-input-container.waffle-assistant-input-container-focused {
border: 1.5px solid #d93025
}
.waffle-assistant-card-apply-all .waffle-assistant-input-container.waffle-assistant-input-container-focused {
margin: 0 14px -1px
}
.waffle-assistant-input-container.waffle-assistant-input-container-changed {
border: 1.5px solid #1a73e8
}
.waffle-assistant-input-reject-icon {
cursor: pointer;
height: 36px;
line-height: 36px;
margin: -1px 0 0 0;
min-width: 27px;
opacity: 0;
z-index: -1
}
.waffle-inline-assistant-gridrange-chip-hovered .waffle-assistant-input-reject-icon,
.waffle-assistant-kg-cell-input-row:hover .waffle-assistant-input-reject-icon,
.waffle-assistant-kg-cell-input-row:focus .waffle-assistant-input-reject-icon {
opacity: 100;
z-index: 1000
}
.waffle-assistant-input-reject-icon:focus {
background: rgba(0, 0, 0, .06);
opacity: 100;
z-index: 1000
}
.waffle-assistant-input-reject-icon:hover {
background: rgba(0, 0, 0, .06)
}
.waffle-assistant-input-reject-icon:active {
background: rgba(0, 0, 0, 0.12)
}
.waffle-assistant-input-return-icon {
cursor: pointer;
filter: invert(37%) sepia(68%) saturate(4465%) hue-rotate(204deg) brightness(96%) contrast(89%);
flex-shrink: 0;
margin: 4px
}
.waffle-sidebar-container .waffle-assistant-kg-cell-input.jfk-textinput:focus {
border: none;
outline-offset: 0;
padding: 1px 8px
}
.waffle-sidebar-container .waffle-assistant-kg-cell-input.jfk-textinput {
background-color: transparent;
border: none;
border-radius: 0;
margin: 0
}
.waffle-assistant-kg-apply-all-container {
display: flex;
margin: 0;
overflow-x: auto;
overflow-y: hidden;
padding: 8px 9px
}
waffle-assistant-kg-apply-to-all-text {
display: inline-block;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
letter-spacing: 0.3px;
line-height: 16px;
margin: 1px 1px 1px 4px;
vertical-align: middle
}
input.jfk-textinput.waffle-assistant-kg-cell-input.waffle-inline-assistant-apply-all-input-box {
width: 100%
}
.waffle-assistant-kg-card-apply-all-hint {
background: white;
color: #1a73e8;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
left: 27px;
letter-spacing: 0.3px;
line-height: 16px;
padding: 2px 4px;
position: absolute;
top: -9px;
z-index: 1001
}
.waffle-assistant-kg-card-apply-all-hint.waffle-assistant-kg-card-apply-all-hint-changed {
color: #1a73e8
}
.waffle-inline-assistant-fade-in .waffle-inline-assistant-sidebar-column-filter-dropdown,
.waffle-inline-assistant-fade-in .waffle-inline-assistant-sidebar-section {
animation-duration: .5s;
animation-name: fadein
}
.waffle-inline-assistant-fade-in .waffle-inline-assistant-sidebar-column-filter-dropdown-green,
.waffle-inline-assistant-fade-in .waffle-inline-assistant-sidebar-section {
animation-duration: .5s;
animation-name: fadein
}
@keyframes fadein {
from {
opacity: 0;
transform: scale(.85, .85)
}
to {
opacity: 1;
transform: scale(1, 1)
}
}
.waffle-assistant-icon-button {
background: transparent;
border-radius: 50%;
box-sizing: border-box;
cursor: pointer;
height: 32px;
line-height: 32px;
outline: none;
text-align: center;
width: 32px
}
.small.waffle-assistant-icon-button {
height: 24px;
line-height: 24px;
width: 24px
}
.waffle-assistant-icon-button:hover {
background: rgba(13, 101, 45, .06)
}
.waffle-assistant-icon-button:focus {
background: rgba(13, 101, 45, .12)
}
.waffle-assistant-icon-button:active {
background: rgba(13, 101, 45, .1)
}
.goog-grey.waffle-assistant-icon-button:hover {
background: rgba(32, 33, 36, .04)
}
.goog-grey.waffle-assistant-icon-button:focus {
background: rgba(13, 101, 45, .12)
}
.goog-grey.waffle-assistant-icon-button:active {
background: rgba(13, 101, 45, .1)
}
.waffle-assistant-input-return-icon.waffle-assistant-icon-button:hover {
background: rgba(0, 0, 0, .06)
}
.waffle-assistant-input-return-icon.waffle-assistant-icon-button:focus {
background: rgba(0, 0, 0, .12)
}
.waffle-assistant-input-return-icon.waffle-assistant-icon-button:active {
background: rgba(0, 0, 0, .1)
}
.waffle-assistant-kg-card.waffle-assistant-input-edit-button {
display: none
}
.waffle-assistant-anomaly-message {
font-weight: bold;
text-transform: lowercase
}
.waffle-assistant-input-edit-button .docs-icon {
margin: 0 1px 4px 0
}
.waffle-inline-assistant-bulk-accept-button {
border: 1px solid #a8dab5;
cursor: pointer
}
.waffle-inline-assistant-bulk-accept-button:hover {
background: #e6f4ea
}
.waffle-inline-assistant-bulk-accept-button:focus {
background: #ceead6;
border: 1px solid #0d652d
}
.waffle-inline-assistant-bulk-accept-button:active {
background: #ceead6;
border: 1px solid #a8dab5
}
.waffle-inline-assistant-bulk-action-button-disabled,
.waffle-inline-assistant-bulk-action-button-disabled:hover,
.waffle-inline-assistant-bulk-action-button-disabled:focus,
.waffle-inline-assistant-bulk-action-button-disabled:active {
background: white;
border: 1px solid rgba(60, 64, 67, 0.12);
cursor: default
}
.waffle-inline-assistant-bulk-accept-button-icon.docs-icon {
height: 24px;
margin: 1px 2px 1px 5px;
width: 24px
}
.waffle-inline-assistant-bulk-accept-button-icon .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg) !important
}
.waffle-inline-assistant-bulk-action-button-disabled .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_medium.svg)
}
.waffle-inline-assistant-bulk-reject-button {
border: 1px solid #dadce0
}
.waffle-inline-assistant-bulk-reject-button:hover {
background: #f8f9fa;
cursor: pointer
}
.waffle-inline-assistant-bulk-reject-button:focus {
background: #f1f3f4;
border: 1px solid #202124
}
.waffle-inline-assistant-bulk-reject-button:active {
background: #f1f3f4;
border: 1px solid #dadce0
}
.waffle-inline-assistant-bulk-reject-button-icon.docs-icon {
height: 24px;
margin: 1.5px 2px 1.5px 5px;
width: 24px
}
.waffle-inline-assistant-bulk-action-buttons-wrapper {
display: flex;
margin: 12px 0 12px 16px;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row
}
.waffle-inline-assistant-bulk-action-button {
align-items: center;
background: #ffffff;
border-radius: 20px;
box-sizing: border-box;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
height: 36px;
margin-right: 8px;
mix-blend-mode: normal;
width: 36px
}
.waffle-inline-assistant-bulk-action-button:focus {
outline: none
}
.waffle-inline-assistant-bulk-action-buttons-description {
color: #188038;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 24px;
margin-left: 16px
}
.waffle-assistant-filter-button {
margin: 0;
max-width: 100%;
min-width: 28px;
overflow: hidden;
padding: 0 !important;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-assistant-insert-chart-button.jfk-button {
position: relative;
left: -1px
}
.waffle-assistant-zoom-button.jfk-button {
position: relative;
left: 1px
}
.waffle-assistant-chart-preview {
cursor: move;
height: 238px;
width: 271px
}
.waffle-assistant-readonly .waffle-assistant-chart-preview {
cursor: default
}
.waffle-assistant-chart-preview.waffle-assistant-dragged-card {
background-color: #fff;
border: 1px solid #e0e0e0;
z-index: 1000
}
.waffle-assistant-chart-highlights {
border-left: 3px solid #0f9d58;
color: #616161;
cursor: text;
padding-left: 15px;
margin-top: 20px;
margin-bottom: 20px;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text
}
.waffle-assistant-facet-section {
background-color: #fafafa;
cursor: default
}
.waffle-assistant-facet-header {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
padding: 8px 16px
}
.waffle-assistant-facet-content-wrapper {
max-height: 1000px;
position: relative;
transition: all .2s
}
.waffle-assistant-facet-charts-wrapper-hidden,
.waffle-assistant-facet-charts-wrapper-hidden .waffle-assistant-facet-charts-container {
margin-top: 0;
margin-bottom: 0;
max-height: 0
}
.waffle-assistant-facet-charts-container {
overflow-y: hidden;
margin: 24px 16px 0;
max-height: 1000px;
transition: all .2s;
width: 350px
}
.waffle-assistant-pie-icon {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -501px 0;
display: inline-block;
height: 24px;
margin-right: 10px;
opacity: .5;
vertical-align: middle;
width: 24px
}
.waffle-assistant-facet-chart-larger-icon {
height: 24px;
width: 24px
}
.waffle-assistant-facet-top-text {
color: #757575;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
width: 185px
}
.waffle-assistant-facet-title {
font-weight: 500
}
.waffle-assistant-facet-toggle {
color: #4285f4;
cursor: pointer;
float: right;
font-size: 13px;
font-weight: normal;
line-height: 24px;
margin-right: 0;
min-width: initial;
outline: none;
text-align: right
}
.waffle-assistant-facet-toggle:hover {
box-shadow: none
}
.waffle-assistant-facet-chart-row {
margin-bottom: 16px;
white-space: nowrap
}
.waffle-assistant-single-facet {
display: inline-block;
margin-right: 16px;
vertical-align: bottom
}
.waffle-assistant-single-facet-title {
color: #757575;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
white-space: normal;
width: 130px
}
.waffle-assistant-faceted-chart {
border: 1px solid #e0e0e0;
cursor: move;
height: 98px;
margin-top: 5px;
outline: none;
overflow: hidden;
width: 134px
}
.waffle-assistant-facet-by-color-container {
padding: 15px
}
.waffle-assistant-facet-by-color {
border: none;
height: 270px;
margin-top: 0;
overflow: hidden;
width: 271px
}
.waffle-assistant-facet-white-section {
background-color: #fff
}
.waffle-assistant-readonly .waffle-assistant-faceted-chart {
cursor: default
}
.waffle-assistant-word-cloud-card {
padding: 16px 16px 24px
}
.waffle-assistant-word-cloud-content-container {
background-color: #fff;
color: rgba(0, 0, 0, .54);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.waffle-assistant-word-cloud-title {
color: #757575;
font-size: 13px;
margin-bottom: 10px
}
.waffle-assistant-styled-rect {
opacity: 0.1
}
.waffle-assistant-range-action-parent {
background-color: #f5f5f5;
background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
background-image: -moz-linear-gradient(top, #f5f5f5, #eee);
background-image: -ms-linear-gradient(top, #f5f5f5, #eee);
background-image: -o-linear-gradient(top, #f5f5f5, #eee);
background-image: linear-gradient(top, #f5f5f5, #eee);
background: #f5f5f5;
border: none;
border-radius: 100px;
box-shadow: 0 4px 8px rgba(60, 64, 67, 0.15), 0px 1px 3px rgba(60, 64, 67, 0.3), 0px 6px 11px rgba(128, 134, 139, 0.06), 0px -3px 11px rgba(128, 134, 139, 0.09);
height: 40px !important;
padding: none;
position: absolute;
transition: width .25s;
width: 40px !important;
z-index: 8
}
.waffle-assistant-range-action-parent:focus-within {
width: 300px !important;
border-radius: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px
}
.waffle-rangeaction-search-bubble-wrapper .ac-renderer {
border: none;
box-shadow: none;
margin: 0 -16px;
padding-top: 6px;
position: static;
min-width: 320px
}
.waffle-rangeaction-search-bubble-wrapper .ac-renderer .goog-menuitem-accel {
position: absolute
}
.waffle-rangeaction-search-bubble-wrapper .ac-row {
padding: 2px 14px
}
.waffle-rangeaction-search-bubble-wrapper .ac-active {
background-color: #f1f3f4
}
.waffle-rangeaction-search-bubble-wrapper .ac-active:active {
background-color: #e8eaed
}
.waffle-rangeaction-search-bubble-wrapper .docs-omnibox-row-content {
color: #202124;
font-family: Roboto;
font-size: 14px
}
.waffle-rangeaction-search-bubble-wrapper .docs-omnibox-row-icon {
margin: 5px 2px 2px 1px
}
.waffle-assistant-range-action-parent .label-input-label {
border: none;
border-radius: 100px;
box-shadow: none;
cursor: pointer;
height: 40px;
width: 24px;
margin: 0;
min-width: 0;
padding: 0 8px 0 8px;
transition: width .25s
}
.waffle-assistant-range-action-parent .label-input-label:focus {
border-radius: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
cursor: text;
width: 284px
}
.waffle-rangeaction-popup-autocomplete {
height: auto;
width: 40px;
transition: width .25s
}
.waffle-rangeaction-popup-autocomplete:focus-within {
border-radius: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
min-width: 300px
}
.waffle-rangeaction-bubble {
border-radius: 100px;
background-color: #fff;
border-color: #dadce0;
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
color: #3c4043;
height: 40px !important;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
transition: width .25s, height .25s, padding .25s;
width: 40px !important
}
.waffle-rangeaction-bubble:focus-within {
height: auto !important;
border-radius: 8px;
padding: 16px;
min-width: 288px !important
}
.jfk-bubble.waffle-rangeaction-bubble {
z-index: unset !important
}
.waffle-rangeaction-searchinput-search {
border: none;
border-radius: 100px;
box-shadow: none;
cursor: pointer;
height: 40px;
width: 24px;
margin: 0;
min-width: 0;
padding: 0 8px 0 8px;
transition: width .25s, height .25s, margin .25s
}
.waffle-rangeaction-searchinput-search:focus {
border-radius: 4px;
cursor: text;
padding: 0 8px 0 36px;
width: 244px
}
.waffle-rangeaction-bubble .waffle-rangeaction-search-icon .docs-icon {
cursor: pointer;
margin: 9px;
pointer-events: none;
position: absolute
}
.waffle-rangeaction-bubble:focus-within .waffle-rangeaction-search-icon .docs-icon {
visibility: hidden
}
.waffle-rangeaction-bubble .waffle-rangeaction-doc-search-icon .docs-icon {
position: absolute;
visibility: hidden;
pointer-events: none
}
.waffle-rangeaction-bubble:focus-within .waffle-rangeaction-doc-search-icon .docs-icon {
margin: 11px;
visibility: visible
}
.waffle-rangeaction-bubble .jfk-bubble-arrow {
visibility: hidden
}
.waffle-rangeaction-bubble:focus-within .jfk-bubble-arrow {
visibility: visible
}
.waffle-rangeaction-feedback-link {
font-size: 12px;
margin-left: 235px;
position: absolute;
visibility: hidden
}
.waffle-rangeaction-bubble:focus-within .waffle-rangeaction-feedback-link {
visibility: visible
}
.waffle-assistant-answers-logging-message-container {
display: flex;
background: #f4f4f4;
margin: 10px 0;
padding: 7px
}
.waffle-assistant-answers-logging-message {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
color: #757575;
font-size: 11px;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
line-height: 20px;
margin-left: 5px
}
.waffle-assistant-answers-learn-more,
.waffle-assistant-answers-logging-opt-out {
padding: 0 5px;
text-decoration: none
}
.waffle-assistant-answers-logging-opt-out {
border-left: 1px solid rgba(0, 0, 0, 0.12)
}
.waffle-assistant-section-content .waffle-assistant-answers-input {
margin: 16px 16px 0
}
.waffle-assistant-suggested-questions {
padding-bottom: 15px
}
.waffle-assistant-section-content .waffle-assistant-answers-input {
padding-bottom: 5px
}
.waffle-assistant-replaceable-title .waffle-assistant-answers-input {
margin: 10px 0;
padding-bottom: 0
}
.waffle-assistant-answers-query-box {
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.24);
display: flex;
-webkit-align-items: center;
align-items: center;
background: #fafafa;
border-radius: 2px;
height: 40px;
line-height: 40px
}
.waffle-assistant-replaceable-title .waffle-assistant-answers-query-box {
background: #fafafa;
width: 295px
}
.waffle-assistant-answers-query-box.waffle-assistant-answers-query-box-focused,
.waffle-assistant-answers-query-box:hover {
background: #fff
}
.waffle-assistant-replaceable-title .waffle-assistant-answers-query-box-focused,
.waffle-assistant-replaceable-title .waffle-assistant-answers-query-box:hover {
background: #fafafa
}
.waffle-assistant-replaceable-title .waffle-assistant-answers-query-box-focused {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0
}
.waffle-assistant-answers-input-container {
display: flex;
-ms-flex: 8;
-webkit-flex: 8;
flex: 8
}
.waffle-assistant-replaceable-title .waffle-assistant-answers-input-box {
padding: 0 5px 0 10px
}
.waffle-assistant-answers-input-box {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: transparent;
border: none;
height: 40px;
line-height: 15px;
outline: none;
padding: 0 5px;
width: 100%
}
.waffle-assistant-answers-input-with-icon .waffle-assistant-answers-input-box {
padding-left: 40px
}
.waffle-assistant-answers-toolbar-enabled .waffle-assistant-answers-input-box::-webkit-input-placeholder {
color: #80868b !important;
font: 14px 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important
}
.waffle-assistant-answers-toolbar-enabled .waffle-assistant-answers-input-box::-moz-placeholder {
color: #80868b !important;
font: 14px 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important
}
.waffle-assistant-answers-toolbar-enabled .waffle-assistant-answers-input-box:-moz-placeholder {
color: #80868b !important;
font: 14px 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important
}
.waffle-assistant-answers-toolbar-enabled .waffle-assistant-answers-input-box:-ms-input-placeholder {
color: #80868b !important;
font: 14px 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important
}
.waffle-assistant-answers-input-box::-webkit-input-placeholder {
color: #80868b !important;
font: 14px 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important
}
.waffle-assistant-answers-input-box::-moz-placeholder {
color: #80868b !important;
font: 14px 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important;
line-height: 40px !important
}
.waffle-assistant-answers-input-box:-moz-placeholder {
color: #80868b !important;
font: 14px 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important;
line-height: 40px !important
}
.waffle-assistant-answers-input-box:-ms-input-placeholder {
color: #80868b !important;
font: 14px 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important
}
.waffle-assistant-answers-search-icon {
display: none;
position: absolute
}
.waffle-assistant-answers-input-with-icon .waffle-assistant-answers-search-icon {
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center
}
.waffle-assistant-answers-search-icon,
.waffle-assistant-answers-input-controls {
height: 40px;
width: 40px
}
.waffle-assistant-answers-query-box-button {
height: 40px
}
.waffle-assistant-answers-search-icon .docs-icon-img,
.waffle-assistant-answers-clear-query-button .docs-icon-img {
opacity: 0.7
}
.waffle-assistant-answers-spinner-container {
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
height: 40px;
width: 40px
}
.waffle-assistant-answers-spinner-container .waffle-spinner {
height: 25px;
width: 25px
}
.waffle-assistant-answers-output {
background: rgba(0, 0, 0, 0.12)
}
.waffle-assistant-answers-toolbar-ac-renderer,
.waffle-assistant-answers-ac-renderer {
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.24);
background: #fafafa;
border-bottom-left-radius: 2px;
border-bottom-right-radius: 2px;
color: #616161;
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 20px;
position: absolute;
width: 295px;
z-index: 10000
}
.waffle-assistant-answers-toolbar-ac-renderer {
-webkit-transform: translate(-1px, -5px);
-moz-transform: translate(-1px, -5px);
-ms-transform: translate(-1px, -5px);
-o-transform: translate(-1px, -5px);
transform: translate(-1px, -5px);
background: #fff;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
width: 250px
}
.waffle-assistant-answers-ac-row {
cursor: default;
padding: 10px
}
.waffle-assistant-answers-ac-row-suggested-query:first-child,
:not(.waffle-assistant-answers-ac-row-suggested-query)+.waffle-assistant-answers-ac-row-suggested-query,
.waffle-assistant-answers-ac-row-session-query:first-child,
:not(.waffle-assistant-answers-ac-row-session-query)+.waffle-assistant-answers-ac-row-session-query,
.waffle-assistant-answers-ac-row-entity:first-child,
:not(.waffle-assistant-answers-ac-row-entity)+.waffle-assistant-answers-ac-row-entity {
border-top: 1px solid rgba(0, 0, 0, 0.12)
}
.waffle-assistant-answers-ac-active {
background: #f5f5f5;
cursor: pointer
}
.waffle-assistant-answers-ac-highlighted {
font-weight: 700
}
.waffle-assistant-answers-ac-entity {
font-weight: 700
}
.waffle-assistant-answers-ac-suggestion {
display: flex
}
.waffle-assistant-answers-ac-suggestion-icon-container {
margin-right: 5px;
opacity: 0.7;
width: 24px
}
.waffle-assistant-answers-ac-suggestion-text {
-ms-flex: 8;
-webkit-flex: 8;
flex: 8;
overflow: hidden;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
display: -webkit-box;
max-height: 60px;
overflow: hidden;
overflow-wrap: break-word;
word-wrap: break-word
}
.waffle-assistant-answercard-content {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
color: #757575
}
.waffle-assistant-answercard-question-container,
.waffle-assistant-answercard-answer-container,
.waffle-assistant-answercard-error-container {
line-height: 20px
}
.waffle-assistant-answercard-answer-container,
.waffle-assistant-answercard-error-container,
.waffle-assistant-answercard-question-container {
padding: 5px 0
}
.waffle-assistant-answercard-answer-container {
margin-top: 5px
}
.waffle-assistant-answercard-question-container.waffle-assistant-button,
.waffle-assistant-answercard-error-container {
display: flex
}
.waffle-assistant-answercard-question-container.waffle-assistant-button {
-webkit-align-items: initial;
align-items: initial;
color: #757575;
padding: 5px 16px;
opacity: 1;
text-align: left;
white-space: normal;
font-weight: 400;
font-size: 13px
}
.waffle-assistant-answercard-question-container.waffle-assistant-button-hover,
.waffle-assistant-answercard-question-container.waffle-assistant-button-focused {
background-color: #f5f5f5;
outline: none
}
.waffle-assistant-answercard-question-header,
.waffle-assistant-answercard-answer-header {
color: #0f9d58;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
padding-bottom: 3px;
text-transform: uppercase
}
.waffle-assistant-button .waffle-assistant-answercard-question-header {
opacity: 0.7
}
.waffle-assistant-button .waffle-assistant-answercard-question-header,
.waffle-assistant-answercard-error-image {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
height: 18px;
margin-right: 10px;
width: 18px
}
.waffle-assistant-answercard-error-image {
opacity: 0.5
}
.waffle-assistant-answercard-question-content,
.waffle-assistant-answercard-interpret-content,
.waffle-assistant-answercard-answer-content,
.waffle-assistant-answercard-error-content {
overflow: hidden
}
.waffle-assistant-answercard-interpret-content {
font-style: italic;
padding-bottom: 6px;
display: flex
}
.waffle-assistant-answercard-interpret {
flex-grow: 1
}
.waffle-assistant-button .waffle-assistant-answercard-question-content,
.waffle-assistant-answercard-error-content {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1
}
.waffle-assistant-answercard-question,
.waffle-assistant-answercard-interpret,
.waffle-assistant-answercard-answer-col,
.waffle-assistant-answercard-formula,
.waffle-assistant-answercard-error {
overflow: hidden;
text-overflow: ellipsis
}
.waffle-assistant-answercard-question,
.waffle-assistant-answercard-interpret,
.waffle-assistant-errorcard-text {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text
}
.waffle-assistant-answercard-question-unused-phrase {
text-decoration: line-through
}
.waffle-assistant-answercard-question-used-entity {
font-weight: 700
}
.waffle-assistant-answercard-question-error-msg-unused-phrase {
font-weight: 700;
display: block
}
.waffle-assistant-answercard-answer-rowheader {
display: flex;
border-bottom: 1px solid #979797;
font-weight: 700;
margin-top: 0;
padding: 4px 0 0
}
.waffle-assistant-answercard-answer-rows {
max-height: 200px;
overflow-x: hidden;
overflow-y: auto
}
.waffle-assistant-answercard-answer-row {
display: flex;
border-bottom: 1px dashed #979797;
padding: 4px 0
}
.waffle-assistant-answercard-answer-row:first-child {
margin-top: 0
}
.waffle-assistant-answercard-answer-list-row.waffle-assistant-answercard-answer-row {
font-weight: 400
}
.waffle-assistant-answercard-answer-list-row.waffle-assistant-answercard-answer-row:last-child {
border-bottom: 1px dashed #979797
}
.waffle-assistant-answercard-answer-row:last-child {
border: none;
margin-bottom: 0
}
.waffle-assistant-answercard-answer-col {
-ms-flex: 2;
-webkit-flex: 2;
flex: 2;
margin: 0 2px
}
.waffle-assistant-answercard-answer-col:first-child {
margin-left: 0
}
.waffle-assistant-answercard-answer-col:last-child {
margin-right: 0
}
.waffle-assistant-answercard-answer-col:nth-child(even) {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
text-align: right
}
.waffle-assistant-answercard-answer-empty {
color: rgba(0, 0, 0, 0.54);
font-weight: 400;
font-style: italic
}
.waffle-assistant-answercard-answer {
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
color: rgba(0, 0, 0, 0.54);
font-weight: 700
}
.waffle-assistant-answercard-info-msgs {
font-size: 12px;
color: #949494;
line-height: 15px;
margin: 5px 0
}
.waffle-assistant-answercard-formula-holder {
color: #757575;
font-size: 12px;
font-style: italic;
line-height: 18px;
margin-top: 10px
}
.waffle-assistant-answercard-formula {
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
border: 1px solid #4285f4;
margin-top: 5px
}
.waffle-assistant-readonly-card .waffle-assistant-answercard-formula {
border: 1px solid transparent
}
.waffle-assistant-answercard-formula-display {
display: flex
}
.waffle-assistant-answercard-formula-help {
background: #4285f4;
color: #fff;
padding-left: 5px
}
.waffle-assistant-answercard-see-formula-link,
.waffle-assistant-answercard-hide-formula-link {
color: #757575
}
.waffle-assistant-answercard-formula-icon {
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
background: rgba(0, 0, 0, 0.12);
min-height: 28px;
width: 30px
}
.waffle-assistant-answercard-formula-text-container {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
border-radius: 3px;
overflow-wrap: break-word;
word-wrap: break-word;
white-space: pre-wrap
}
.waffle-assistant-answercard-formula-text:hover,
.waffle-assistant-answercard-formula-text:focus {
outline: none
}
.waffle-assistant-answercard-formula-text:hover {
cursor: move
}
.waffle-assistant-readonly-card .waffle-assistant-answercard-formula-text:hover {
cursor: default
}
.waffle-assistant-answercard-formula-text {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #f5f5f5;
max-width: 257px;
padding: 5px
}
.waffle-assistant-answercard-feedback-container {
border-top: 1px dashed #e0e0e0;
padding: 0 15px
}
.waffle-assistant-answercard-feedback-link {
color: #757575;
line-height: 40px
}
.waffle-assistant-answers-range-styled-rect {
opacity: 0.20
}
.waffle-assistant-answers-styled-rect {
opacity: 0.06
}
.waffle-assistant-answers-range-styled-rect,
.waffle-assistant-answers-styled-rect {
background-color: #0f9d58;
pointer-events: none
}
.waffle-assistant-answers-range-styled-border,
.waffle-assistant-answers-styled-border {
border-color: #0f9d58 !important;
border-style: dashed !important;
line-height: 0
}
.waffle-assistant-answers-suggestioncard {
color: #757575
}
.waffle-assistant-answers-suggestioncard .waffle-assistant-answercard-error-container {
padding: 15px;
padding-bottom: 0
}
.waffle-assistant-suggestionscard-header {
color: #0f9d58;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
line-height: 20px;
padding-bottom: 3px;
padding-left: 15px;
padding-right: 15px;
padding-top: 20px;
text-transform: uppercase
}
.waffle-assistant-errorcard-content,
.waffle-assistant-errorcard-text {
line-height: 20px
}
.waffle-assistant-answers-previousheadercard {
color: #757575;
padding: 20px 15px 10px;
text-transform: uppercase
}
.waffle-assistant-answercard-chart {
height: 200px;
width: 278px
}
.waffle-assistant-answercard-pivot-content {
margin-bottom: 10px;
max-height: 200px;
overflow: hidden;
width: 278px
}
.waffle-pivottable-pivot-canvas {
border: 1px solid rgba(0, 0, 0, 0.12)
}
.waffle-pivottable-pivot-canvas:hover,
.waffle-pivottable-pivot-canvas:focus {
border: 1px solid #4285f4;
cursor: pointer
}
.waffle-assistant-answercard-tabs {
-ms-flex-align: center;
-moz-box-align: center;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
display: flex;
box-pack: center;
-ms-flex-pack: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
text-align: center
}
.waffle-assistant-answercard-chart-tab,
.waffle-assistant-answercard-formula-tab,
.waffle-assistant-answercard-pivot-tab {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 18px
}
.waffle-assistant-answercard-chart-tab.goog-tab.goog-tab-selected,
.waffle-assistant-answercard-formula-tab.goog-tab.goog-tab-selected,
.waffle-assistant-answercard-pivot-tab.goog-tab.goog-tab-selected {
background: #9e9e9e;
color: #fff;
cursor: default;
font-weight: 500
}
.waffle-assistant-answercard-chart-tab.goog-tab,
.waffle-assistant-answercard-formula-tab.goog-tab,
.waffle-assistant-answercard-pivot-tab.goog-tab {
border: 1px solid rgba(0, 0, 0, 0.1);
color: #8f8f8f;
cursor: pointer;
padding: 2px 4px;
text-decoration: none
}
.waffle-assistant-answercard-chart-tab.goog-tab {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px
}
.waffle-assistant-answercard-formula-tab.goog-tab,
.waffle-assistant-answercard-pivot-tab.goog-tab {
border-top-left-radius: 2px;
border-bottom-left-radius: 2px
}
.waffle-assistant-answercard-tabs.goog-tab-bar {
background: inherit;
margin-bottom: 10px
}
.waffle-assistant-answercard-insert-chart,
.waffle-assistant-answercard-insert-pivot {
color: rgba(0, 0, 0, 0.87);
float: right;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
margin: 0 5px
}
.waffle-assistant-answercard-chart-type-select,
.waffle-assistant-answercard-chart-type-select:hover,
.waffle-assistant-answercard-chart-type-select:focus {
background: none;
border-color: transparent;
color: rgba(0, 0, 0, 0.87);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: normal;
padding: 0 18px 0 0
}
.waffle-assistant-answercard-chart-type-select:hover .goog-flat-menu-button-caption {
text-decoration: underline
}
.waffle-answers-panel {
height: 100%
}
.waffle-dbsource-configbar-answers-wrapper {
display: flex;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-justify-content: flex-end;
justify-content: flex-end;
position: relative
}
.waffle-dbsource-configbar-answers-wrapper .waffle-assistant-answers-input {
opacity: 0.3
}
.waffle-dbsource-configbar-answers-wrapper.waffle-assistant-answers-toolbar-enabled .waffle-assistant-answers-input {
opacity: 1
}
.waffle-dbsource-configbar-answers-wrapper .waffle-assistant-answers-input {
margin: 0;
padding-bottom: 0;
width: 250px
}
.waffle-dbsource-configbar-answers-wrapper .waffle-assistant-answers-query-box,
.waffle-dbsource-configbar-answers-wrapper.waffle-assistant-answers-toolbar-enabled .waffle-assistant-answers-query-box {
box-shadow: none;
transition: all 200ms ease-out;
background: #f1f3f4;
border-radius: 8px;
height: 36px;
line-height: 36px;
width: 250px
}
.waffle-dbsource-configbar-answers-wrapper.waffle-assistant-answers-toolbar-enabled .waffle-assistant-answers-query-box.waffle-assistant-answers-query-box-focused,
.waffle-dbsource-configbar-answers-wrapper.waffle-assistant-answers-toolbar-enabled .waffle-assistant-answers-query-box:hover {
box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12), 0px 1px 8px 0px rgba(0, 0, 0, 0.2);
background: white
}
.waffle-dbsource-configbar-answers-wrapper .waffle-assistant-answers-query-box.waffle-assistant-answers-query-box-focused,
.waffle-dbsource-configbar-answers-wrapper .waffle-assistant-answers-query-box:hover {
background: #f1f3f4
}
.waffle-dbsource-configbar-answers-wrapper .waffle-assistant-answers-search-icon,
.waffle-dbsource-configbar-answers-wrapper .waffle-assistant-answers-input-controls,
.waffle-dbsource-configbar-answers-wrapper .waffle-assistant-answers-query-box-button {
height: 36px
}
.waffle-dbsource-configbar-answers-wrapper .waffle-assistant-answers-input-box {
color: #80868b;
font-size: 14px;
height: 36px
}
.waffle-answers-bar .waffle-assistant-answers-query-box {
box-shadow: none;
border: 1px solid #dadce0;
border-radius: 8px;
background: #fff;
opacity: 0.5
}
.waffle-dbanswers-answers-bar-controls {
-webkit-align-items: center;
align-items: center;
display: flex
}
.waffle-dbanswers-answers-bar-enable-button {
padding: 5px;
font-weight: 700
}
.waffle-answers-button.jfk-button {
background: none;
border: none;
border-radius: 50%;
height: 30px;
margin: 0 9px 0 0;
min-width: 30px;
opacity: 0.5;
padding: 5px
}
.waffle-answers-button.jfk-button-hover {
background-color: rgba(0, 0, 0, .06)
}
.waffle-answers-bar.waffle-assistant-answers-toolbar-enabled .waffle-assistant-answers-query-box {
opacity: 1
}
.waffle-answers-bar.waffle-assistant-answers-toolbar-enabled .waffle-answers-button {
opacity: 1
}
.waffle-answers-bar .waffle-assistant-answers-input {
margin: 2px 4px 2px;
width: 250px
}
.waffle-answers-bar.waffle-assistant-answers-toolbar-enabled .waffle-assistant-answers-query-box.waffle-assistant-answers-query-box-focused,
.waffle-answers-bar.waffle-assistant-answers-toolbar-enabled .waffle-assistant-answers-query-box:hover {
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12), 0px 1px 3px 0px rgba(0, 0, 0, 0.2)
}
.waffle-dbanswers-answers-bar-enable-answers-popup {
background: #fff;
border-radius: 5px;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
padding: 20px;
position: absolute;
width: 275px
}
.waffle-dbanswers-answers-bar-enable-answers-popup-setup-link {
font-weight: 700
}
.waffle-dbanswers-answers-bar-message {
color: #80868b;
font-size: 9px
}
.waffle-assistant-answercard-answer-copytable {
width: 0;
height: 0;
opacity: 0;
position: absolute;
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto
}
.waffle-assistant-answercard-answer-copytable-header {
font-weight: 700
}
.waffle-assistant-answercard-answer-copytable-row {
font-weight: 400
}
.waffle-assistant-datavalidation-rule-group {
margin: 16px
}
.waffle-assistant-datavalidation-rule-holder {
border: 1px solid #ccc;
cursor: pointer;
display: block;
margin-bottom: 5px;
padding: 1px;
width: 258px
}
.waffle-assistant-datavalidation-description {
color: rgba(0, 0, 0, 0.54);
display: inline-block;
text-overflow: ellipsis
}
.waffle-assistant-datavalidation-apply-button.jfk-button {
color: #1a73e8;
cursor: pointer;
display: inline-block;
float: right;
font-size: 13px;
text-align: right;
text-transform: uppercase
}
.waffle-assistant-datavalidation-range {
font-weight: 500
}
.waffle-assistant-datavalidation-details {
display: inline-block;
margin-bottom: 12px;
width: 100%
}
.waffle-assistant-datavalidation-detail-chip {
background-color: #eee;
border: 1px solid #e0e0e0;
border-radius: 11px;
color: rgba(0, 0, 0, .87);
display: inline-block;
line-height: 21px;
margin: 3px;
max-width: 234px;
overflow: hidden;
padding: 0 16px;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-assistant-conditionalformat-rule-group {
margin: 16px
}
.waffle-assistant-conditionalformat-rule-holder {
border: 1px solid #ccc;
cursor: pointer;
display: block;
margin-bottom: 5px;
padding: 1px;
width: 258px
}
.waffle-assistant-conditionalformat-format-preview {
border: 1px solid transparent;
display: inline-table;
height: 21px;
margin: 1px;
overflow: hidden;
text-align: center
}
.waffle-assistant-conditionalformat-format-preview.one-rule {
max-width: 254px;
width: 254px
}
.waffle-assistant-conditionalformat-format-preview.two-rules {
max-width: 125px;
width: 125px
}
.waffle-assistant-conditionalformat-format-preview.three-rules {
max-width: 82px;
width: 82px
}
.waffle-assistant-conditionalformat-format-preview-label {
display: block;
height: 17px;
line-height: 17px;
max-height: 17px;
padding: 2px;
text-overflow: ellipsis
}
.waffle-assistant-conditionalformat-format-preview.one-rule .waffle-assistant-conditionalformat-format-preview-label {
max-width: 250px;
width: 250px
}
.waffle-assistant-conditionalformat-format-preview.two-rules .waffle-assistant-conditionalformat-format-preview-label {
max-width: 121px;
width: 121px
}
.waffle-assistant-conditionalformat-format-preview.three-rules .waffle-assistant-conditionalformat-format-preview-label {
max-width: 78px;
width: 78px
}
.waffle-assistant-conditionalformat-description {
color: #757575;
display: inline-block;
height: 21px;
line-height: 21px;
text-overflow: ellipsis;
width: 237px
}
.waffle-assistant-conditionalformat-edit-button.jfk-button {
cursor: pointer;
width: 21px
}
.waffle-assistant-banding-recommendation {
margin: 16px;
overflow: hidden
}
.waffle-assistant-banding-color-picker-container {
padding-bottom: 5px
}
.waffle-assistant-banding-color-picker-container .waffle-banding-color-picker-table {
border-spacing: 8px;
margin-left: -8px
}
.waffle-assistant-banding-range-wrapper {
border: 1px solid transparent;
color: #757575;
display: inline-block;
float: left;
line-height: 21px;
text-align: left
}
.waffle-assistant-banding-range {
font-weight: 500
}
.waffle-assistant-formatting-edit-button {
color: #1a73e8;
cursor: pointer;
display: inline-block;
float: right;
text-align: right;
text-transform: uppercase
}
.waffle-assistant-insert-pivottable-button.jfk-button {
left: -1px
}
.waffle-assistant-pivottable-rule-group {
margin: 16px
}
.waffle-assistant-pivottable-rule-holder {
border: 1px solid #ccc;
cursor: pointer;
display: block;
margin-bottom: 5px;
padding: 1px;
width: 258px
}
.waffle-assistant-pivottable-description {
color: #757575;
display: inline-block;
height: 21px;
line-height: 21px;
text-overflow: ellipsis;
width: 237px
}
.waffle-assistant-zoom-button.jfk-button {
left: 1px;
position: relative
}
.waffle-pivottable-preview-pane {
display: flex;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center;
max-height: 80%;
max-width: 80%
}
.waffle-pivot-suggestion-preview-insert.jfk-button-focused {
border: 1px solid #5e97f6 !important;
outline: none
}
.waffle-pivottable-canvas {
overflow: auto;
background: white
}
.waffle-pivottable-canvas-content {
padding: 25px
}
.waffle-pivottable-preview-interpret {
-webkit-align-items: left;
align-items: left;
color: white;
max-width: 500px;
margin-bottom: 10px;
overflow: visible;
overflow-wrap: break-word;
padding: 5px;
text-overflow: ellipsis
}
.waffle-pivottable-lightbox {
-webkit-align-items: center;
align-items: center;
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
background-color: rgba(0, 0, 0, 0.85);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
z-index: 1000
}
.waffle-assistant-tables-recommendation {
display: flex;
margin-bottom: 15px;
overflow: hidden
}
.waffle-assistant-table-range-container {
margin-right: 20px;
width: 50%
}
.waffle-assistant-header-range-container {
width: 50%
}
.waffle-assistant-tables-range-wrapper {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
border: 1px solid transparent;
border-bottom: 1px solid #d0d0d0;
color: rgba(0, 0, 0, .54);
font-size: 11px;
line-height: 21px;
text-align: left
}
.waffle-assistant-header-range-container .waffle-assistant-tables-range-wrapper {
border-bottom: none
}
.waffle-assistant-tables-range-wrapper .waffle-range-selection-input,
.waffle-assistant-tables-range-wrapper .waffle-range-selection-input-focus,
.waffle-assistant-tables-range-wrapper .waffle-range-selection-input:focus {
border: 1px solid transparent;
color: rgba(0, 0, 0, .87);
font-size: 13px;
line-height: 21px;
padding: 0 4px !important;
text-align: left
}
.waffle-assistant-tables-range-wrapper .waffle-range-selection-container-focus {
border: none;
box-shadow: none;
outline: none
}
.waffle-assistant-tables-range-wrapper .waffle-range-selection-button {
cursor: default;
height: 26px
}
.waffle-assistant-tables-range-wrapper input:disabled {
background-color: transparent
}
.waffle-assistant-table-canvas {
border: 1px solid #dcdcdc;
display: block;
margin: 0 auto
}
.waffle-assistant-canvas-container {
margin-top: 10px;
overflow: hidden
}
.waffle-assistant-tables-edit-headers-button {
display: flex
}
.waffle-assistant-tables-edit-headers-button .docs-charts-editor-material-menu-button-caption {
font-size: 13px;
height: 24px;
overflow: hidden;
text-align: left;
text-overflow: ellipsis;
width: 100%
}
.waffle-assistant-tables-edit-headers-button .docs-charts-editor-material-menu-button {
margin: 0;
width: 100%
}
.waffle-tables-popup {
background: white;
border-radius: 2px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
margin: 0 10px;
outline: none;
overflow: hidden;
position: relative;
top: 45px
}
.waffle-tables-popup-answers-enabled {
top: 38px
}
.waffle-tables-popup-header {
background-color: #eeeeee;
padding: 12px 15px 12px 20px
}
.waffle-tables-popup-title {
color: rgba(0, 0, 0, 87);
font-size: 16px;
font-weight: 500
}
.waffle-tables-popup-content {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
padding: 16px 16px 0
}
.waffle-tables-popup-buttons {
display: flex;
flex-direction: row-reverse;
padding: 8px 8px 8px 24px
}
.waffle-tables-popup-button {
background: none;
border: none;
border-radius: 2px;
color: #1a73e8;
cursor: pointer;
display: inline-block;
height: 36px;
margin-left: 8px;
min-width: 64px;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0;
line-height: 36px;
overflow: hidden;
outline: none;
padding: 0 8px;
position: relative;
text-align: center;
text-decoration: none;
text-transform: uppercase;
vertical-align: middle
}
.waffle-assistant-tables-edit-range-button {
border: none;
float: right;
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
height: 100%;
padding: 0 14px;
text-transform: uppercase;
white-space: nowrap
}
.waffle-assistant-tables-edit-range-button:focus {
border: 1px solid #5e97f6
}
.waffle-assistant-sidebar-tables-range {
float: left;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
padding: 12px 0px 12px 12px;
position: relative;
top: 50%;
transform: translateY(-50%);
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.waffle-tables-bar-content {
overflow: hidden;
text-overflow: ellipsis
}
.waffle-sidebar-tables-bar {
box-shadow: inset 0 -2px 2px rgba(0, 0, 0, .1);
background: #f1f1f1;
color: #5f5f5f;
height: 40px;
overflow: hidden;
vertical-align: middle;
display: flex
}
.waffle-assistant-tables-range-wrapper .waffle-range-selection-container {
border: none
}
.waffle-sidebar-overlay {
background-color: rgba(51, 51, 51, 0.3);
bottom: 0;
left: 0;
overflow-y: auto;
position: absolute;
right: 0;
top: 0;
z-index: 1003
}
.waffle-assistant-table-bar-range {
font-weight: 500
}
.waffle-assistant-table-first-header {
display: inline-block;
font-weight: 500;
max-width: 95px;
overflow: hidden;
padding-bottom: 2px;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap
}
.waffle-assistant-tables-scroll-pane {
bottom: 0;
height: auto;
left: 0;
position: absolute;
right: 0;
top: 40px
}
.waffle-assistant-tables-range-error {
color: #c53929;
font-size: 11px;
padding-top: 2px
}
.waffle-assistant-tables-range-error-input {
border-bottom: 1px solid #c53929
}
.docs-action-new-badge {
background-color: #188038;
border-radius: 8px;
color: #fff;
display: inline-block;
float: right;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 500;
height: 16px;
letter-spacing: 0.3px;
line-height: 16px;
margin-left: 15px;
margin-top: 2px;
padding: 0 6px;
vertical-align: middle
}
.docs-action-now-badge {
margin-left: 12px;
overflow: hidden;
text-overflow: ellipsis
}
[class*="docs-hc"] .docs-action-new-badge {
border: 1px solid transparent
}
.docs-action-new-badge-submenu .docs-action-new-badge {
margin-right: -27px
}
.docs-action-new-badge-submenu {
display: inline-block;
margin-bottom: -4px;
min-width: 100%
}
.docs-action-updated-dot {
background-color: #188038;
border-radius: 50%;
display: inline-block;
float: right;
height: 9px;
width: 9px;
margin-top: 5px
}
.docs-action-updated-dot-submenu .docs-action-updated-dot {
margin-right: -27px
}
.docs-action-updated-dot-submenu {
display: inline-block;
margin-bottom: -6px;
margin-right: -5px;
min-width: 100%
}
.docs-action-updated-dot-shortcut-keys .docs-action-updated-dot {
margin-right: -27px
}
.docs-action-updated-dot-shortcut-keys {
display: inline-block;
margin-bottom: -4px;
margin-right: 12px
}
.apps-marquee {
font: bold 13px Arial, sans-serif;
height: 0;
left: 20%;
position: fixed;
_position: absolute;
text-align: center;
top: 0;
width: 60%;
z-index: 1001
}
.apps-marquee-item {
display: inline-block;
margin: 0 5px 4px;
color: #fff999
}
.apps-marquee-text {
background: #fff999;
border-color: #fff999;
border-style: solid;
border-width: 0 3px;
color: black;
padding: 2px 5px 2px
}
.apps-marquee-round-bottom {
border-left: 3px dotted transparent;
border-right: 3px dotted transparent;
border-top: 3px solid
}
.apps-marquee-round-top {
border-left: 3px dotted transparent;
border-right: 3px dotted transparent;
border-bottom: 3px solid
}
.apps-marquee-warning {
color: #a00
}
.apps-marquee-warning .apps-marquee-text {
background: #a00;
border-color: #a00;
color: white
}
.apps-promo {
position: absolute;
z-index: 10000;
font-size: 11px
}
.apps-promo-arrow-container {
position: relative
}
.apps-promo-arrow {
position: absolute;
background: transparent url(//ssl.gstatic.com/docs/common/promo_arrows-0.png) no-repeat
}
.apps-promo-close {
position: relative;
top: -5px;
width: 16px;
height: 16px;
float: right;
cursor: pointer;
background: transparent url(//ssl.gstatic.com/docs/common/promo_close-0.png) no-repeat
}
.apps-promo-popup {
background: #fff;
box-shadow: 0 7px 7px #666;
-moz-box-shadow: 0 7px 7px #666;
-webkit-box-shadow: 0 7px 7px #666;
border: 1px solid #ccc;
width: 275px;
padding: 15px;
padding-right: 10px
}
.apps-promo-header-content {
font-weight: bold;
font-size: 14px
}
.apps-promo-content {
padding-top: 15px;
font-size: 13px
}
.apps-promo-buttons {
padding-top: 15px;
padding-left: 4px
}
.apps-promo-buttons a {
font-size: 13px;
vertical-align: middle;
margin-left: 15px
}
.apps-promo-buttons-inner {
display: inline
}
.apps-promo-buttons-inner .goog-imageless-button-content {
white-space: nowrap
}
.apps-toast {
font-size: 13px;
bottom: -200px;
width: 227px;
display: block;
opacity: 1;
position: absolute;
z-index: 50
}
.apps-toast-top {
height: 18px;
width: 227px;
opacity: 1;
background: url("//ssl.gstatic.com/docs/common/toastBackTop-ltr-1.png")
}
.apps-toast-fill {
height: 92px;
width: 227px;
opacity: 1;
background: url("//ssl.gstatic.com/docs/common/toastBackFill-0.png");
z-index: 51
}
.apps-toast-title {
font-weight: bold;
padding: 0px 20px
}
.apps-toast-content {
padding: 0 20px 8px
}
html {
overflow: hidden
}
.waffle,
.grid-fixed-table {
font-size: 13px;
table-layout: fixed;
border-collapse: separate;
border-style: none;
border-spacing: 0;
width: 0;
cursor: default
}
.mimic-overlay {
position: absolute;
z-index: 4
}
.mimic-overlay-canvas {
display: block
}
.scroll-container {
position: absolute;
overflow: auto;
border-width: 0;
padding: 0;
margin: 0;
z-index: 1;
top: 0;
left: 0
}
.native-scrollbar {
overflow: auto;
position: absolute;
border-width: 0;
padding: 0;
margin: 0;
top: 0;
left: 0
}
.static-overlay-container {
z-index: 6
}
.grid-container {
background-color: #eee;
overflow: hidden;
position: relative;
z-index: 0
}
.docs-grille-gm3 .grid-container {
background-color: #f8faf8
}
.grid-table-container {
overflow: hidden;
z-index: 3;
position: relative
}
.ritz.grid-container table.waffle svg {
display: block
}
.fixed-table-container {
overflow: visible;
z-index: 4
}
.docs-guides-htmlguiderenderer {
z-index: 14
}
.fixed4-inner-container,
.fixed4-outer-container,
.grid4-inner-container,
.grid4-outer-container {
position: relative;
vertical-align: top
}
.fixed4-outer-container,
.grid4-outer-container {
overflow: visible
}
.fixed4-inner-container,
.grid4-inner-container {
overflow: hidden
}
.fixed4-inner-container {
z-index: 4
}
.grid4-inner-container {
z-index: 3
}
.grid-fixed-wrapper {
overflow: hidden;
white-space: nowrap
}
.grid-scrollable-wrapper {
white-space: nowrap
}
.uberlay {
position: absolute;
height: 0;
width: 0;
top: 0
}
.overlay-container-ltr {
position: absolute;
height: 0;
width: 0;
top: 0;
left: 0
}
.overlay-container-rtl {
position: absolute;
height: 0;
width: 0;
top: 0;
right: 0
}
.focused-overlay-container {
position: absolute;
overflow: hidden;
pointer-events: none
}
.grid-vertical-scroll {
width: 20px
}
.grid-horizontal-scroll {
height: 20px;
float: right
}
.header-bg {
background-color: #e8eef7
}
.waffle-measurement-table {
position: absolute;
width: 0;
height: 0;
overflow: hidden
}
.cell-input {
width: 100%;
height: 100%;
margin: 0;
outline: none;
cursor: text;
-webkit-user-modify: read-write-plaintext-only;
white-space: pre-wrap;
-webkit-transform: translateZ(0);
background-color: white
}
.waffle-formula-preview-decorator {
background: white;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
color: #3266d5;
font-family: Inconsolata, monospace, arial, sans, sans-serif;
font-size: 13px;
line-height: 17px;
padding: 3px 2px 3px 7px
}
.waffle-formula-preview-decorator.waffle-formula-preview-equals-aligned::before,
.waffle-formula-preview-decorator.waffle-formula-preview-partial::before {
background-color: white;
bottom: -4.5px;
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
content: '\0000a0';
display: block;
margin-left: -5px;
height: 10px;
position: absolute;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
width: 10px
}
.waffle-formula-preview-decorator.waffle-formula-preview-partial::before {
left: 50%
}
.waffle-formula-preview-result {
display: inline-block;
max-width: 280px;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: top
}
.waffle-formula-preview-button {
display: inline-block;
margin: -2px;
opacity: .35;
-webkit-transform: scale(.6, .6);
-moz-transform: scale(.6, .6);
-ms-transform: scale(.6, .6);
-o-transform: scale(.6, .6);
transform: scale(.6, .6)
}
.waffle-formula-preview-button:hover {
opacity: .7
}
.selection {
position: absolute;
opacity: 0.20;
z-index: 5
}
.input-box {
border: 2px #5292f7 solid;
border-color: #1a73e8;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
font-style: normal;
font-variant: normal;
font-weight: 400;
margin: 0;
max-height: 9900px;
max-width: 9900px;
outline: none;
overflow: auto;
padding: 0 2px;
position: absolute;
resize: none;
text-align: left;
top: -10000px;
white-space: pre-wrap;
word-wrap: break-word;
z-index: 15
}
.IE .input-box {
padding-top: 1px
}
.disabled-input {
-webkit-user-modify: read-only;
color: #777
}
.text-sizer,
.input-capturer {
position: absolute;
top: -4000px
}
.range-border {
position: absolute;
border-width: 0;
border-style: solid;
padding: 0;
_overflow: hidden
}
.border-opacity {
filter: alpha(opacity=30);
opacity: 0.3
}
.cell-border {
line-height: 1px
}
.active-cell-border {
border-color: #1a73e8;
line-height: 1px;
z-index: 7
}
.selection-border {
border-color: #1a73e8;
line-height: 0;
z-index: 7
}
.selection-border-cover {
position: absolute;
z-index: 7
}
.selection-border-dragging {
border-color: #1a73e8;
border-style: dashed;
line-height: 0;
z-index: 7
}
.waffle-clipboard-border {
border-color: #1a73e8;
border-style: dashed;
line-height: 0
}
.autofill-border {
border-color: gray;
border-style: dashed;
line-height: 0
}
.array-border {
border-color: #1a73e8;
border-style: solid;
line-height: 0
}
.autofill-handle {
_overflow: hidden;
background-color: #1a73e8;
border: 1px solid white;
height: 6px;
margin-top: 1px;
position: absolute;
width: 6px;
z-index: 8
}
.autofill-handle-rtl {
border-width: 1px 1px 0 0
}
.autofill-handle-ltr {
border-width: 1px 0 0 1px
}
.autofill-cover {
position: absolute;
cursor: crosshair;
width: 8px;
height: 8px;
z-index: 9
}
.postpaste-parent {
background: #f5f5f5;
border: 1px solid #d9d9d9;
box-shadow: inset 0 1px 0 0 #fff;
background-color: #f5f5f5;
background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
background-image: -moz-linear-gradient(top, #f5f5f5, #eee);
background-image: -ms-linear-gradient(top, #f5f5f5, #eee);
background-image: -o-linear-gradient(top, #f5f5f5, #eee);
background-image: linear-gradient(top, #f5f5f5, #eee);
position: absolute;
z-index: 8
}
.postpaste-parent {
background: #fff;
border: none;
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
border-radius: 4px
}
.goog-toolbar-menu-button.postpaste-container {
margin: 0;
min-width: 0px;
border-color: transparent !important
}
.goog-toolbar-menu-button.postpaste-container {
border: none !important;
height: 100%;
width: 100%
}
.postpaste-container.goog-toolbar-menu-button-open.goog-toolbar-menu-button-hover {
background: #ceead6
}
.postpaste-container.goog-toolbar-menu-button.goog-toolbar-menu-button-focused {
background-color: #f1f3f4
}
.postpaste-container.goog-toolbar-menu-button.goog-toolbar-menu-button-open.goog-toolbar-menu-button-focused {
background: #ceead6
}
.goog-toolbar-menu-button-focused.postpaste-container {
border-color: #c6c6c6 !important
}
.goog-toolbar-menu-button-open.postpaste-container {
border-color: #c6c6c6 !important
}
.goog-menuitem.postpaste-menu-item {
padding-right: 26px;
padding-left: 15px
}
.post-paste-menu {
margin: 12px 3px 0 0
}
.postpaste-clipboard-icon {
margin-left: 8px;
margin-top: 4px
}
.overlay-container-rtl .postpaste-clipboard-icon {
margin-right: 26px
}
.postpaste-parent .goog-toolbar-menu-button-dropdown.postpaste-arrow {
left: 0;
margin-left: 32px;
margin-top: 4px;
position: absolute;
right: 0
}
.overlay-container-rtl .goog-toolbar-menu-button-dropdown.postpaste-arrow {
margin-right: 10px
}
.waffle-gridpill-container,
.waffle-recommendation-card-overlay,
.waffle-texttocolumns-overlay {
position: absolute;
z-index: 8
}
.waffle-texttocolumns-wrapper {
background: #f5f5f5;
border: 1px solid #d9d9d9;
padding: 2px
}
.waffle-texttocolumns-separator-label {
font-size: 11px;
font-weight: 500;
margin: 2px;
top: 0
}
.waffle-texttocolumns-custom-input {
position: absolute;
top: 3px;
width: 120px
}
.waffle-blameview {
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
display: flex;
outline: none;
overflow: hidden;
position: absolute;
width: 240px
}
.waffle-blameview-cell-ref {
font-family: Inconsolata, monospace, arial, sans, sans-serif;
font-style: normal
}
.waffle-blameview-formula-text {
font-family: Inconsolata, monospace, arial, sans, sans-serif;
font-style: normal
}
a.waffle-blameview-image-link {
color: #1a73e8;
font-style: italic;
text-decoration: underline
}
.freezebar .freezebar-drop,
.freezebar .freezebar-handle-bar,
.resizer,
.resizer-hover .resizer-handle-bar,
.resizer-drop,
.rowcol-dragger .rowcol-dragger-handle,
.rowcol-dragger .rowcol-dragger-handle-bar,
.rowcol-dragger .rowcol-dragger-drop {
display: none;
outline: 0
}
.freezebar-active .freezebar-drop,
.freezebar-active .freezebar-handle-bar,
.resizer-hover,
.resizer-active,
.resizer-active .resizer-handle-bar,
.resizer-active .resizer-drop,
.rowcol-dragger-hover .rowcol-dragger-handle,
.rowcol-dragger-active .rowcol-dragger-handle,
.rowcol-dragger-active .rowcol-dragger-handle-bar,
.rowcol-dragger-active .rowcol-dragger-drop {
display: block
}
.resizer {
z-index: 7;
position: absolute
}
.resizer-handle {
position: relative;
border-style: none
}
.resizer-horizontal-handle {
height: 5px;
cursor: n-resize;
background: #4d90fe
}
.resizer-vertical-handle {
width: 5px;
cursor: e-resize;
background: #4d90fe
}
.resizer-rtl .resizer-vertical-handle {
cursor: w-resize
}
.resizer-horizontal-handle-bar {
position: absolute;
height: 1px;
background-color: #4d90fe;
top: 2px;
overflow: hidden
}
.resizer-vertical-handle-bar {
position: absolute;
width: 1px;
background-color: #4d90fe;
left: 2px;
border: 0;
padding: 0;
overflow: hidden
}
.freezebar-handle,
.freezebar-drop {
position: absolute;
z-index: 6
}
.freezebar-handle-bar,
.freezebar-drop-bar {
position: relative;
z-index: 7
}
.freezebar-vertical-handle-bar {
width: 2px;
background: #dbe5f7;
border-color: #a5c6fe;
border-style: solid;
border-width: 0 1px;
opacity: 0.45;
filter: alpha(opacity=45)
}
.freezebar-horizontal-handle-bar {
height: 2px;
background: #dbe5f7;
border-color: #a5c6fe;
border-style: solid;
border-width: 1px 0;
opacity: 0.45;
filter: alpha(opacity=45)
}
.freezebar-vertical-handle {
width: 4px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAYCAIAAABSh8vJAAAAEElEQVQYV2PYgwQYRjnEcgDquNOBEawK+wAAAABJRU5ErkJggg==") no-repeat
}
.overlay-container-rtl .freezebar-vertical-handle {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAYCAIAAABSh8vJAAAAEElEQVQYV2PYgwQYRjnEcgDquNOBEawK+wAAAABJRU5ErkJggg==") no-repeat;
background-position: top right
}
.freezebar-vertical-handle-invisible {
width: 4px
}
.freezebar-active .freezebar-vertical-handle {
width: 5px
}
.freezebar-hover .freezebar-horizontal-handle {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAECAIAAAB+7JowAAAAFUlEQVQY02NYeuzfIEEMo04Z3E4BAHKzu4gtAIWGAAAAAElFTkSuQmCC") no-repeat;
z-index: 7
}
.freezebar-hover .freezebar-vertical-handle {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAYCAIAAABSh8vJAAAAE0lEQVQYV2NYeuwfHDGMcojlAADmjOdhimOdggAAAABJRU5ErkJggg==") no-repeat;
z-index: 7
}
.overlay-container-rtl .freezebar-hover .freezebar-horizontal-handle {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAECAIAAAB+7JowAAAAFUlEQVQY02NYeuzfIEEMo04Z3E4BAHKzu4gtAIWGAAAAAElFTkSuQmCC") no-repeat;
background-position: top right
}
.overlay-container-rtl .freezebar-hover .freezebar-vertical-handle {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAYCAIAAABSh8vJAAAAE0lEQVQYV2NYeuwfHDGMcojlAADmjOdhimOdggAAAABJRU5ErkJggg==") no-repeat;
background-position: top right
}
.freezebar-horizontal-handle {
height: 4px;
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAECAIAAAB+7JowAAAAEklEQVQY02PYM2gAw6hTBrdTAFI0lXC16jX6AAAAAElFTkSuQmCC") no-repeat
}
.overlay-container-rtl .freezebar-horizontal-handle {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAECAIAAAB+7JowAAAAEklEQVQY02PYM2gAw6hTBrdTAFI0lXC16jX6AAAAAElFTkSuQmCC") no-repeat;
background-position: top right
}
.overlay-container-rtl .freezebar-horizontal-drop {
background-position: right
}
.freezebar-horizontal-handle-invisible {
height: 4px
}
.freezebar-active .freezebar-horizontal-handle {
height: 5px
}
.docs-grille-gm3 .freezebar-horizontal-handle {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAECAYAAADxjg1nAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAiSURBVHgB7c4BDQAACAJBtH+vj6Ut2Ni4BDfAKdAqVONuD6UlA1xby9J5AAAAAElFTkSuQmCC") no-repeat
}
.docs-grille-gm3 .freezebar-vertical-handle {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAYCAYAAADd5VyeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAiSURBVHgB7cgxEQAACAOxgn9fLwtWDgNdmjEFjI7Wk3DEAm1dA4R92xIIAAAAAElFTkSuQmCC") no-repeat
}
.docs-grille-gm3 .freezebar-hover .freezebar-horizontal-handle {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAECAYAAADxjg1nAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAiSURBVHgB7c6BCQAACAIw6+ai8/MLQXAXrOb2YahhKnE1AuKtAmdaDfabAAAAAElFTkSuQmCC") no-repeat
}
.docs-grille-gm3 .freezebar-hover .freezebar-vertical-handle {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAYCAYAAADd5VyeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAiSURBVHgB7cixDQAACAIw9GaN5+tqeICFjo2aXjwJ4lDEAeiwAo9s3Iv4AAAAAElFTkSuQmCC") no-repeat
}
.docs-grille-gm3 .freezebar-horizontal-drop,
.docs-grille-gm3 .freezebar-active .freezebar-horizontal-handle {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAECAYAAADxjg1nAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAkSURBVHgB7c5BDQAACAJA9GtAa9tIWrCxcQmuZu9hqGEqcTUCXU0COe+3SfEAAAAASUVORK5CYII=") no-repeat
}
.docs-grille-gm3 .freezebar-vertical-drop,
.docs-grille-gm3 .freezebar-active .freezebar-vertical-handle {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAYCAYAAADd5VyeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAjSURBVHgB7cghEQAACAPAgSUgtWkElluBmb38qJ7FkyAORRye+AJhADS9ogAAAABJRU5ErkJggg==") no-repeat
}
.docs-grille-gm3 .freezebar-horizontal-drop-bar,
.docs-grille-gm3 .freezebar-vertical-drop-bar {
background-color: #c7c7c7
}
.freezebar-horizontal-handle-bar,
.freezebar-vertical-handle-bar {
background-color: #a8c7fa;
border-color: #a8c7fa
}
.docs-grille-gm3 .overlay-container-rtl .freezebar-horizontal-handle {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAECAYAAADxjg1nAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAiSURBVHgB7c4BDQAACAJBtH+vj6Ut2Ni4BDfAKdAqVONuD6UlA1xby9J5AAAAAElFTkSuQmCC") no-repeat;
background-position: top right
}
.docs-grille-gm3 .overlay-container-rtl .freezebar-vertical-handle {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAYCAYAAADd5VyeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAiSURBVHgB7cgxEQAACAOxgn9fLwtWDgNdmjEFjI7Wk3DEAm1dA4R92xIIAAAAAElFTkSuQmCC") no-repeat
}
.docs-grille-gm3 .overlay-container-rtl .freezebar-hover .freezebar-horizontal-handle {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAECAYAAADxjg1nAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAiSURBVHgB7c6BCQAACAIw6+ai8/MLQXAXrOb2YahhKnE1AuKtAmdaDfabAAAAAElFTkSuQmCC") no-repeat;
background-position: top right
}
.docs-grille-gm3 .overlay-container-rtl .freezebar-hover .freezebar-vertical-handle {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAYCAYAAADd5VyeAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAiSURBVHgB7cixDQAACAIw9GaN5+tqeICFjo2aXjwJ4lDEAeiwAo9s3Iv4AAAAAElFTkSuQmCC") no-repeat
}
.freezebar-origin-rtl,
.freezebar-origin-ltr {
height: 23px;
width: 45px;
position: absolute;
top: 0px;
border: 1px #ccc solid
}
.freezebar-origin-ltr {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -205px 0;
left: 0px;
border-width: 0 1px 1px 0
}
.freezebar-origin-rtl {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -305px -62px;
right: 0px;
border-width: 0 0 1px 1px
}
.freezebar-vertical-drop {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAYCAIAAABSh8vJAAAAEklEQVQYV2NInfsHjhhGOcRyAFpkv0GBZT1JAAAAAElFTkSuQmCC") no-repeat;
width: 4px
}
.freezebar-horizontal-drop {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAECAIAAAB+7JowAAAAFUlEQVQoz2NInftnkCCGUacMbqcAAL1HbqBCYk6sAAAAAElFTkSuQmCC") no-repeat;
height: 4px
}
.freezebar-vertical-drop-bar {
width: 4px;
background-color: #afbbd1;
border-width: 2px 1px 2px 2px
}
.freezebar-horizontal-drop-bar {
height: 4px;
overflow: hidden;
background-color: #afbbd1;
border-width: 2px 2px 1px 2px
}
.waffle-incelldropdownselect-menu-vertical {
overflow-y: auto
}
.rowcol-dragger {
position: absolute;
z-index: 6
}
.rowcol-dragger-drop-bar,
.rowcol-dragger-handle-bar {
z-index: 6;
position: absolute;
background-color: #777;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.rowcol-dragger-handle-bar {
border: 2px solid #36c;
opacity: 0.20;
filter: alpha(opacity=20)
}
.rowcol-dragger-horizontal-handle {
width: 36px
}
.rowcol-dragger-horizontal-drop-bar {
height: 2px
}
.rowcol-dragger-vertical-handle {
height: 23px
}
.rowcol-dragger-vertical-drop-bar {
width: 2px
}
.rowcol-dragger-handle,
.rowcol-dragger-drop {
position: absolute;
z-index: 6
}
.jfk-freestanding-menu-button.waffle-kennedy-column-menu-button {
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI0IiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjQkRCREJEIiBkPSJNMCAwTDcgMCBMMy41IDR6Ii8+PC9zdmc+") center no-repeat;
background-color: #f8f8f8;
z-index: 7
}
.docs-grille-gm3 .jfk-freestanding-menu-button.waffle-kennedy-column-menu-button {
background-image: url("data:image/svg+xml,%3Csvg xmlns=\000027http://www.w3.org/2000/svg\000027 height=\00002720\000027 width=\00002720\000027 viewbox=\0000270 0 20 20\000027%3E%3Cpath fill=\000027%23444746\000027 d=\000027M10 12 6 8h8Z\000027/%3E%3C/svg%3E");
background-color: transparent;
border: none;
border-radius: 100%;
margin-right: 2px;
padding: 4px
}
.docs-grille-gm3 .jfk-freestanding-menu-button.waffle-kennedy-column-menu-button.column-button-entire-col-selected,
.docs-grille-gm3 .jfk-freestanding-menu-button.waffle-kennedy-column-menu-button.column-button-filter-view {
background-image: url("data:image/svg+xml,%3Csvg xmlns=\000027http://www.w3.org/2000/svg\000027 height=\00002720\000027 width=\00002720\000027 viewbox=\0000270 0 20 20\000027%3E%3Cpath fill=\000027%23fff\000027 d=\000027M10 12 6 8h8Z\000027/%3E%3C/svg%3E")
}
.docs-grille-gm3 .waffle-kennedy-column-menu-button.jfk-freestanding-menu-button-hover {
background-color: rgba(68, 71, 70, 0.078)
}
.docs-grille-gm3 .waffle-kennedy-column-menu-button.jfk-freestanding-menu-button-active,
.docs-grille-gm3 .waffle-kennedy-column-menu-button.jfk-freestanding-menu-button-focused {
background-color: rgba(68, 71, 70, 0.122);
outline: transparent
}
.docs-grille-gm3 .waffle-kennedy-column-menu-button.column-button-entire-col-selected.jfk-freestanding-menu-button-hover,
.docs-grille-gm3 .waffle-kennedy-column-menu-button.column-button-filter-view.jfk-freestanding-menu-button-hover {
background-color: rgba(255, 255, 255, 0.078)
}
.docs-grille-gm3 .waffle-kennedy-column-menu-button.column-button-entire-col-selected.jfk-freestanding-menu-button-active,
.docs-grille-gm3 .waffle-kennedy-column-menu-button.column-button-entire-col-selected.jfk-freestanding-menu-button-focused,
.docs-grille-gm3 .waffle-kennedy-column-menu-button.column-button-filter-view.jfk-freestanding-menu-button-active,
.docs-grille-gm3 .waffle-kennedy-column-menu-button.column-button-filter-view.jfk-freestanding-menu-button-focused {
background-color: rgba(255, 255, 255, 0.122)
}
.jfk-freestanding-menu-button-hover.waffle-kennedy-column-menu-button {
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNyIgaGVpZ2h0PSI0IiAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjNjE2MTYxIiBkPSJNMCAwTDcgMCBMMy41IDR6Ii8+PC9zdmc+") center no-repeat;
background-color: #f8f8f8
}
.jfk-freestanding-menu-button-hover.waffle-column-type-button {
box-shadow: 0px -1px 5px rgba(128, 134, 139, 0.09), 0px 3px 5px rgba(128, 134, 139, 0.06), 0px 1px 2px rgba(60, 64, 67, 0.3), 0px 1px 3px rgba(60, 64, 67, 0.15)
}
.jfk-freestanding-menu-button-focused.waffle-column-type-button {
background: #ffffff;
box-shadow: 0px -1px 5px rgba(128, 134, 139, 0.09), 0px 3px 5px rgba(128, 134, 139, 0.06), 0px 1px 2px rgba(60, 64, 67, 0.3), 0px 1px 3px rgba(60, 64, 67, 0.15);
opacity: 0.32
}
.goog-flat-menu-button-focused.waffle-set-column-type-button,
.goog-flat-menu-button-focused.waffle-set-column-type-button:hover {
background-color: #80868b;
border: 1px solid #80868b
}
a.in-cell-link {
text-decoration: underline;
cursor: default
}
.docs-bubble-link.docs-bubble-link-visited {
color: #673ab7 !important
}
.docs-link-insertlinkbubble .docs-icon-grid,
.docs-link-insertlinkbubble .docs-icon-grid:before {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.annotation-bubble {
position: absolute;
z-index: 14;
margin: 0 0 0 -2px;
padding: 0;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
max-width: 200px
}
.annotation-editable {
background-color: white;
border: 1px solid rgba(60, 64, 67, .15);
border-radius: 4px;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 500;
margin: 0;
outline: none;
padding: 8px;
width: 100%
}
.annotation-attribution {
background-color: #fff;
border-radius: 4px;
box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15);
font-size: 13px;
overflow: scroll;
overflow-wrap: break-word;
padding: 12px;
user-select: text
}
.annotation-attribution strong {
display: block;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 700;
line-height: 20px;
margin-bottom: 8px
}
.annotation-attribution span {
display: block
}
.annotation-attribution-error {
border-left: 4px solid #d93025
}
.annotation-attribution-error strong {
color: #d93025
}
.annotation-attribution-invalid {
border-left: 4px solid #d93025
}
.annotation-attribution-invalid strong {
color: #d93025
}
.annotation-attribution-help {
border-left: 4px solid #d93025
}
.annotation-attribution-help strong {
color: #d93025
}
.waffle-footer-container {
height: 4000px;
position: relative;
z-index: 3
}
.waffle-background-container {
background-color: #eee;
width: 50000px;
height: 0px;
position: absolute;
top: 0;
z-index: -1
}
.addRowsWidget-ltr {
color: #222;
float: left;
padding: 6px 0 0 45px;
direction: ltr
}
.addRowsWidget-rtl {
color: #222;
float: right;
padding: 6px 45px 0 0;
direction: ltr
}
div.addRowsButton-ltr {
margin-top: 0;
margin-right: 2px;
vertical-align: middle
}
div.addRowsButton-rtl {
margin-top: 0;
margin-left: 2px;
vertical-align: middle
}
div.addRowsText {
color: #000000;
padding-top: 5px;
vertical-align: middle
}
.addRowsError-ltr {
color: #c00;
float: left;
padding: 13px 0 0 10px
}
.addRowsError-rtl {
color: #c00;
float: right;
padding: 13px 10px 0 0
}
.addRowsInput {
margin: 0 4px 0 4px;
vertical-align: middle
}
.waffle-formula-help-popup P {
margin-top: 0
}
.waffle-formula-help-popup a:visited {
color: #15c
}
.waffle-formula-help-popup {
position: absolute;
top: 0px;
left: 0px;
-moz-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
background-color: #ffffff;
border: 1px solid #cccccc;
padding: 16px;
width: 400px;
margin-left: -1px;
margin-top: -1px;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 400;
font-style: normal;
color: #333333;
white-space: normal
}
.waffle-input-box-decorator {
border-style: none;
border-width: 0px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-weight: 500;
overflow: visible;
position: absolute;
white-space: nowrap;
z-index: 15
}
.waffle-input-box-locator {
background-color: #4589eb;
border-radius: 1px;
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
color: white;
font-size: 12px;
line-height: 14px;
padding: 6px 7px 4px 7px
}
.waffle-input-box-formula-help-decorator {
background: #1a73e8;
border: 2px solid #5790f6;
border-right: none;
color: white;
-webkit-border-radius: 2px 0 0 2px;
-moz-border-radius: 2px 0 0 2px;
border-radius: 2px 0 0 2px;
cursor: pointer;
font-size: 11px;
height: 20px;
line-height: 13px;
padding: 2px 2px
}
.waffle-formula-bar-formula-help-decorator {
-webkit-border-radius: 2px 2px 2px 2px;
-moz-border-radius: 2px 2px 2px 2px;
border-radius: 2px 2px 2px 2px;
border-right: 2px solid #5790f6;
height: 18px;
line-height: 11px
}
.waffle-collab-presence {
-moz-box-sizing: border-box;
background-color: #65ad89;
border-radius: 2px;
box-sizing: border-box;
color: white;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 12px;
padding: 1px 2px;
position: absolute;
z-index: 7
}
#waffle-loading-screen {
background-color: #fff;
width: 100%;
font-size: 15px;
display: none
}
.waffle-loading-rows {
width: 100%;
font-size: 12px;
padding: 5px 30px
}
.waffle-loading-rows-spinner {
vertical-align: text-bottom;
width: 16px;
height: 16px;
margin: 0px 10px
}
.waffle-hyperlink-icon {
display: inline-block;
position: absolute
}
.waffle-hyperlink-icon-visited:after {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -565px -12px;
cursor: pointer;
width: 12px;
height: 12px;
display: block;
float: right;
content: "";
margin-top: 4px;
margin-bottom: -1px
}
.waffle-hyperlink-icon:after {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -70px -24px;
cursor: pointer;
width: 12px;
height: 12px;
display: block;
float: right;
content: "";
margin-top: 4px;
margin-bottom: -1px
}
.waffle-hyperlink-tooltip:hover {
background: #fff;
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.20), 0px 2px 3px 0px rgba(0, 0, 0, 0.30)
}
.waffle-hyperlink-tooltip {
background: #fcfcfc;
box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.15), 0px 1px 2px 0px rgba(0, 0, 0, 0.40);
border-radius: 1px;
display: inline-block;
padding: 5px 18px 5px 7px;
position: absolute
}
.waffle-hyperlink-tooltip-link {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
color: #15c;
line-height: 19px;
padding: 5px 7px 5px 0;
text-decoration: none;
white-space: nowrap
}
a.waffle-hyperlink-tooltip-link {
color: #15c
}
.waffle-hyperlink-tooltip-link:hover {
text-decoration: none
}
.waffle-multilink-tooltip {
position: absolute
}
.waffle-insert-link-selection-overlay {
background-color: rgba(140, 196, 116, 0.25);
overflow: hidden;
position: absolute;
z-index: 16
}
.waffle-column-menu-button {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -168px -43px;
cursor: pointer;
list-style: none;
width: 12px;
height: 12px;
outline: none;
position: absolute;
z-index: 7
}
.waffle-column-menu-button-hover,
.waffle-column-menu-button-checked,
.waffle-column-menu-button-focused {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -83px -34px
}
.waffle-column-menu-button-disabled {
cursor: default;
filter: alpha(opacity=30);
opacity: 0.3
}
.waffle-column-type-button {
background: none;
border-radius: 2px;
cursor: pointer;
height: 18px;
list-style: none;
outline: none;
position: absolute;
width: 18px;
z-index: 7
}
.waffle-set-column-type-button {
background-color: #f8f8f8;
border: 1px solid #e5e5e5;
border-radius: 1px;
cursor: pointer;
height: 11px;
outline: none;
width: 11px;
z-index: 7
}
.waffle-set-column-type-button:hover {
border: 1px solid #c6c6c6
}
.waffle-set-column-type-button .docs-icon {
height: 12px;
left: -2px;
top: -3px;
width: 12px
}
.waffle-set-column-type-button .docs-icon-img:before {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475.svg)
}
.waffle-set-column-type-button .docs-icon-gear {
left: 0;
top: -922px
}
.waffle-set-column-type-button .docs-icon-gear:hover {
left: -22px;
top: -2916px
}
.goog-flat-menu-button-focused.waffle-set-column-type-button .docs-icon-gear:hover {
left: 0;
top: -922px
}
.waffle-calculated-column-button {
background: #80868b;
border: none;
cursor: pointer;
list-style: none;
opacity: 0;
outline: none;
position: absolute;
z-index: 7
}
.waffle-calculated-column-button:hover {
opacity: 1
}
.waffle-disclaimer {
font-size: 11px;
background-color: #ececec;
color: #656565;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 20px
}
#waffle-disclaimer-content {
border-bottom: 1px solid #c0c0c0;
border-left: 0 none;
border-right: 0 none;
line-height: 1;
padding-left: 47px
}
.waffle-disclaimer-link {
color: #77c;
padding-left: 3px
}
.apps-toast {
z-index: 16
}
.apps-toast-fill {
z-index: 17
}
.trix-offscreen {
position: absolute;
left: -10000px;
top: -10000px
}
#promo-target {
display: inline
}
#waffle-grid-container {
margin-right: auto;
position: relative
}
#docs-editor-container {
touch-action: none;
-ms-scroll-chaining: none
}
.border-style-menu-item-container {
background-position: left 15px center;
padding-left: 30px !important;
padding-right: 40px !important
}
.border-style-menu-item {
height: 12px;
min-height: 12px !important
}
.border-style-menu-item .border-style-menu-icon {
position: relative;
left: 15px;
top: -4px
}
@media screen and (-moz-windows-theme) {
.border-style-menu-item .border-style-menu-icon {
position: relative;
left: 15px;
top: -4.5px
}
}
#t-border-palette .goog-palette-cell-selected {
background-color: #e1e1e1
}
#t-border-palette .goog-palette-cell {
padding: 2px
}
#t-border-palette .goog-palette-table {
border-right: 1px solid #eee
}
span.jfk-checkbox {
margin-bottom: 1px
}
.match-paren {
background-color: #e5e5e5;
font-weight: 500
}
.match-string {
background-color: #eee
}
.error-code,
.boolean {
color: #15c
}
.active-range {
box-shadow: 0 0 6px 2px #333;
opacity: 0.1;
pointer-events: none
}
.inactive {
opacity: 0.5
}
.formula-error {
color: #b3261e
}
.argument-error,
.formula-eval-error {
color: #b3261e;
text-decoration: underline
}
.number {
color: #15c
}
.string {
color: green
}
.default-formula-text-color {
color: black
}
.insert-range-indicator {
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjMiIHN0eWxlPSJmaWxsOm5vbmU7c3Ryb2tlOiNjY2MiPjxwYXRoIGQ9Ik0wLjUgMEwwLjUgM00wIDIuNUw4IDIuNU03LjUgM0w3LjUgMCIvPjwvc3ZnPg==") bottom no-repeat;
background-size: contain;
width: 8px;
margin-left: 2px;
cursor: default
}
.insert-range-indicator:after {
content: " "
}
.formula-replace-text {
text-decoration: underline
}
.trix-tooltip-link {
color: #4285f4
}
.trix-tooltip-link:hover {
text-decoration: underline
}
.formula-content,
.formula-suggestion-in-cell {
font-family: Inconsolata, monospace, arial, sans, sans-serif;
font-size: 14px
}
#apps-debug-tracers {
display: none
}
.jfk-bubble.waffle-error-bubble {
background-color: #fff3f2;
border: 1px solid #db4437;
border-radius: 1px;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
color: #c5221f;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 500;
letter-spacing: -0.1px;
line-height: 16px;
max-width: 200px;
padding: 8px;
transition: opacity 200ms ease-in
}
.waffle-function-localization-promo {
background-color: #fafafa;
bottom: 100px;
box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.28);
color: #616161;
height: 180px;
padding: 20px;
position: absolute;
right: 25px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
width: 350px;
z-index: 1000
}
.waffle-function-localization-promo-title {
font-size: 18px;
font-weight: 500;
margin: 5px 0 20px 0
}
.waffle-function-localization-promo-body {
font-size: 13px;
line-height: 22px
}
.waffle-function-localization-promo-button-bar {
bottom: 25px;
right: 25px;
line-height: 22px;
position: absolute
}
.jfk-button.waffle-function-localization-promo-no-button {
color: #0f9d58;
cursor: pointer;
margin-right: 10px;
padding: 5px
}
.jfk-button.waffle-function-localization-promo-yes-button {
background-color: #0f9d58;
color: #fafafa;
cursor: pointer;
padding: 5px
}
.apps-ui-material-slide-toggle-container-checked .apps-ui-material-slide-toggle-track {
background-color: #ceead6;
opacity: 1
}
.apps-ui-material-slide-toggle-container-checked .apps-ui-material-slide-toggle-thumb {
background-color: #188038
}
.apps-actiondatawidget-shortcut-desc {
width: 278px
}
.apps-actiondatawidget-shortcut-key {
line-height: 17px;
width: 251px;
padding-left: 24px
}
.apps-actiondatawidget-content {
width: 100%
}
::-ms-clear,
::-ms-reveal {
display: none
}
.waffle-rich-text-link,
a.waffle-rich-text-link {
color: #15c;
text-decoration: underline
}
.waffle-rich-text-link-popup {
background-color: #fff;
border: 1px solid;
border-color: #bbb #bbb #a8a8a8;
padding: 12px 20px;
position: absolute;
white-space: nowrap;
z-index: 15
}
.waffle-dataconnectormenu-note {
color: rgba(0, 0, 0, 0.38);
font-size: 11px;
padding-left: 8px
}
.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button {
align-items: center;
background-color: #fff;
border-radius: 15px;
border: 1px solid #dadce0;
box-sizing: border-box;
color: #d93025;
cursor: pointer;
display: flex;
float: right;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
height: 30px;
margin: 4px 8px;
outline: none;
padding: 0 8px
}
.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button:hover {
background: rgba(217, 48, 37, .04);
color: #a50e0e
}
.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button:focus {
background: rgba(217, 48, 37, .12);
color: #a50e0e
}
.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button:focus {
background: rgba(217, 48, 37, .1);
border: 1px solid #a50e0e;
color: #a50e0e
}
.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button-active:hover {
background: rgba(24, 128, 56, .04);
color: #188038
}
.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-menu-button-active:focus {
background: rgba(24, 128, 56, 0.1);
border: 1px solid #188038;
color: #188038
}
.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-menu-button-inactive:focus {
background: rgba(32, 33, 36, 0.1);
border: 1px solid #202124;
color: #202124
}
.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button .waffle-view-icons-error-filled {
height: 18px;
margin-right: 8px;
width: 18px
}
.jfk-bubble.jfk-bubble-promo.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble {
background: #fff;
border: none;
border-radius: 8px;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
box-sizing: border-box;
min-height: 96px;
padding: 8px;
width: 300px
}
.jfk-bubble.jfk-bubble-promo.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-bubble {
background: #fff;
border: none;
border-radius: 8px;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
box-sizing: border-box;
min-height: 140px;
padding: 8px;
width: 275px
}
.jfk-bubble-promo.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-bubble .jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore,
.jfk-bubble-promo.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore,
.jfk-bubble-promo.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble .jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore,
.jfk-bubble-promo.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore {
border-color: rgba(60, 64, 67, .15) transparent
}
.jfk-bubble-promo.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-bubble .jfk-bubble-arrowdown .jfk-bubble-arrowimplafter,
.jfk-bubble-promo.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter,
.jfk-bubble-promo.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble .jfk-bubble-arrowdown .jfk-bubble-arrowimplafter,
.jfk-bubble-promo.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
border-color: #fff transparent
}
.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-bubble-header,
.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble-header {
color: #202124;
display: flex;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 24px;
letter-spacing: 0.1px;
margin: 0 0 8px 8px
}
.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-bubble-header-text,
.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble-header-text {
flex-grow: 1;
margin-top: 8px
}
.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-bubble-body,
.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble-body {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.2px;
margin: 0 8px 8px 8px
}
.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-bubble-buttons,
.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble-buttons {
display: flex;
justify-content: flex-end
}
.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-bubble-call-to-action,
.waffle-assistant-data-cleanup-suggestions-bottom-entry-point-bubble-dismiss-button,
.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble-feedback-button,
.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble-disable-button {
margin-right: 8px
}
.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble-feedback-button.waffle-ui-text-link-button {
color: #5f6368
}
.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble-disable-button {
color: #137333
}
.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble-feedback-button,
.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble-disable-button {
height: 20px
}
.waffle-assistant-data-cleanup-suggestions-hint-icon-bubble-wrapper {}
.waffle-ui-text-link-button {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: transparent;
border: none;
color: #137333;
cursor: pointer;
outline: none;
padding: 8px
}
.waffle-ui-text-link-button.dense {
height: 24px;
padding: 0 8px
}
.waffle-ui-text-link-button-hover {
background: rgba(24, 128, 56, 0.04);
color: #0d652d
}
.waffle-ui-text-link-button-focused {
background: rgba(24, 128, 56, 0.12);
color: #0d652d
}
.waffle-ui-text-link-button-active {
background: rgba(24, 128, 56, 0.1)
}
.waffle-ui-text-link-button-disabled {
color: rgba(60, 64, 67, 0.38)
}
.waffle-ui-text-link-with-icon-button-text {
display: inline-block;
margin-left: 4px;
margin-top: -1px;
vertical-align: middle
}
.docs-gm .docs-material .waffle-ui-text-link-green-icon .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.docs-gm .docs-material .waffle-ui-text-link-button-disabled .waffle-ui-text-link-green-icon .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_medium.svg);
opacity: .38
}
.goog-grey.waffle-ui-text-link-button {
color: #5f6368
}
.goog-grey.waffle-ui-text-link-button-hover {
background: rgba(32, 33, 36, 0.04);
color: #202124
}
.goog-grey.waffle-ui-text-link-button-focused {
background: rgba(32, 33, 36, 0.12);
color: #202124
}
.goog-grey.waffle-ui-text-link-button-active {
background: rgba(32, 33, 36, 0.1);
color: #202124
}
.goog-red.waffle-ui-text-link-button {
color: #d93025
}
.goog-red.waffle-ui-text-link-button-hover {
background: rgba(217, 48, 37, 0.04);
color: #a50e0e
}
.goog-red.waffle-ui-text-link-button-focused {
background: rgba(217, 48, 37, 0.12);
color: #a50e0e
}
.goog-red.waffle-ui-text-link-button-active {
background: rgba(217, 48, 37, 0.1);
color: #a50e0e
}
.ia-menu .menuitem-accel-formatting {
color: #80868b;
direction: ltr;
float: right;
font-weight: 500;
left: auto;
padding: 0 0 0 24px;
position: relative;
right: 0;
text-align: right
}
.docs-grille-gm3 .waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button {
background-color: transparent;
border-radius: 100px;
border: 1px solid transparent;
color: #1f1f1f;
height: 32px;
margin: 3px 8px;
padding: 6px 12px
}
.docs-grille-gm3 .waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button:hover,
.docs-grille-gm3 .waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button-active:hover {
background: rgba(11, 87, 208, 0.078);
color: #0b57d0
}
.docs-grille-gm3 .waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button:focus,
.docs-grille-gm3 .waffle-assistant-data-cleanup-suggestions-bottom-entry-point-menu-button-active:focus {
background: rgba(11, 87, 208, 0.122);
color: #0b57d0
}
.docs-grille-gm3 .waffle-assistant-data-cleanup-suggestions-bottom-entry-point-menu-button-inactive:hover {
background: rgba(31, 31, 31, 0.078);
color: #1f1f1f
}
.docs-grille-gm3 .waffle-assistant-data-cleanup-suggestions-bottom-entry-point-menu-button-inactive:focus,
.docs-grille-gm3 .waffle-assistant-data-cleanup-suggestions-bottom-entry-point-menu-button-inactive:active {
background: rgba(31, 31, 31, 0.122);
color: #1f1f1f
}
.waffle-assistant-data-cleanup-suggestions-gm3-blue-autofix-wand,
.docs-grille-gm3 .waffle-assistant-data-cleanup-suggestions-green-autofix-wand {
display: none
}
.docs-grille-gm3 .waffle-assistant-data-cleanup-suggestions-grey-autofix-wand {
margin-right: 6px
}
.docs-grille-gm3 .waffle-assistant-data-cleanup-suggestions-gm3-blue-autofix-wand {
margin: 1px 10px 0 1px
}
.docs-grille-gm3 .waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button.goog-button-disabled,
.docs-grille-gm3 .waffle-assistant-data-cleanup-suggestions-bottom-entry-point-button.goog-button-disabled:hover {
background: none;
cursor: default;
opacity: .38
}
.docs-grille-gm3 .autofill-handle {
background-color: #0b57d0;
border-radius: 50%;
border-width: 1px;
height: 8px;
width: 8px
}
.docs-grille-gm3 .input-box {
border: 2px solid #0b57d0;
box-shadow: none;
outline: 2px solid #a8c7fa
}
.docs-grille-gm3 .addRowsButton-ltr,
.docs-grille-gm3 .addRowsButton-rtl {
background: none;
border-color: transparent;
border-radius: 100px;
color: #0b57d0;
cursor: pointer;
font: 500 14px/32px "Google Sans", Roboto, sans-serif;
height: 32px;
margin: 3px 6px;
padding: 0 6px
}
.docs-grille-gm3 .addRowsButton-ltr.jfk-button-hover,
.docs-grille-gm3 .addRowsButton-rtl.jfk-button-hover {
background: rgba(11, 87, 208, 0.078);
color: #0b57d0
}
.docs-grille-gm3 .addRowsButton-ltr.jfk-button-focused,
.docs-grille-gm3 .addRowsButton-rtl.jfk-button-focused,
.docs-grille-gm3 .addRowsButton-ltr.jfk-button:active,
.docs-grille-gm3 .addRowsButton-rtl.jfk-button:active {
background: rgba(11, 87, 208, 0.122);
border-color: transparent;
box-shadow: none;
color: #0b57d0
}
.docs-grille-gm3 .addRowsText,
.docs-grille-gm3 .addRowsInput {
color: #444746;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 14px;
margin-right: 8px
}
.docs-grille-gm3 .addRowsInput {
background: transparent;
border-color: #747775;
border-radius: 4px;
font-weight: 500;
padding: 2px 8px;
text-align: center
}
.docs-grille-gm3 .addRowsInput:hover {
border-color: #1f1f1f
}
.docs-grille-gm3 .addRowsInput:focus {
border: 2px solid #0b57d0;
box-shadow: none;
margin: -1px 7px -1px 3px
}
.docs-grille-gm3 .waffle-collab-presence {
border-radius: 4px;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 11px;
line-height: 16px;
padding: 1px 8px
}
.docs-grille-gm3 .waffle-collab-anchor-corner-top-left {
border-top-left-radius: 0
}
.docs-grille-gm3 .waffle-collab-anchor-corner-top-right {
border-top-right-radius: 0
}
.docs-grille-gm3 .waffle-collab-anchor-corner-bottom-left {
border-bottom-left-radius: 0
}
.docs-grille-gm3 .waffle-collab-anchor-corner-bottom-right {
border-bottom-right-radius: 0
}
.docs-grille-gm3 .resizer-vertical-handle-bar,
.docs-grille-gm3 .resizer-horizontal-handle-bar {
background-color: #c7c7c7
}
.docs-grille-gm3 .resizer-vertical-handle {
--resizer-handle-thickness: 3px;
--resizer-vertical-handle-left: 'unset';
--resizer-vertical-handle-right: 0;
background: #444746;
border-radius: 50%/10%;
cursor: col-resize;
height: 100%;
width: var(--resizer-handle-thickness)
}
.docs-grille-gm3 .resizer-vertical-handle:after {
background: #444746;
border-radius: 50%/10%;
content: '';
height: 100%;
left: var(--resizer-vertical-handle-left);
position: absolute;
right: var(--resizer-vertical-handle-right);
width: var(--resizer-handle-thickness)
}
.docs-grille-gm3 .resizer-horizontal-handle {
--resizer-handle-thickness: 2px;
background: #444746;
border-radius: 10%/50%;
cursor: row-resize;
height: var(--resizer-handle-thickness);
width: 100%
}
.docs-grille-gm3 .resizer-horizontal-handle:after {
background: #444746;
border-radius: 10%/50%;
bottom: 0;
content: '';
height: var(--resizer-handle-thickness);
position: absolute;
width: 100%
}
.docs-grille-gm3 .resizer-horizontal-container,
.docs-grille-gm3 .resizer-vertical-container {
position: absolute
}
.docs-grille-gm3 .resizer-horizontal-container {
cursor: row-resize
}
.docs-grille-gm3 .resizer-vertical-container {
cursor: col-resize
}
.docs-grille-gm3 .waffle-revisions-container {
border-top: 1px solid #c4c7c5
}
.docs-grille-gm3 #revisions-grid-bottom-bar {
margin-top: -2px
}
.docs-charts-editor {
margin-right: 10px
}
.docs-charts-editor .docs-charts-editor-toggle-tabs {
position: absolute;
top: 0;
width: 100%
}
.docs-charts-editor .docs-charts-editor-scroll-pane {
bottom: 0;
position: absolute;
top: 43px;
overflow: auto;
width: 100%
}
.docs-charts-editor .docs-charts-editor-scroll-pane .docs-charts-editor-customize-tab {
background-color: #f8f9fa;
bottom: 0;
position: absolute;
top: 0;
width: 100%
}
.docs-charts-editor-control-label {
color: #5f6368;
display: block;
font-size: 12px;
line-height: 15px;
margin-bottom: 8px;
margin-right: 2px
}
.docs-charts-editor-row,
.docs-charts-editor-tall-row {
font-size: 0
}
.docs-charts-editor-row>.docs-charts-editor-col {
font-size: 13px;
vertical-align: top
}
.docs-charts-editor-row>.docs-charts-editor-col>div {
margin: 10px 0 10px 0
}
.docs-charts-editor-checkboxes-container {
margin: 10px 0
}
.docs-charts-editor-checkboxes-container-no-bottom-margin {
margin: 10px 0 0
}
.docs-charts-editor-checkboxes-container .docs-material-gm-labeled-checkbox {
padding: 4px 0
}
.docs-charts-editor-tall-row>.docs-charts-editor-col>div {
margin: 20px 0 20px 0
}
.docs-charts-editor-tall-row:first-child .docs-charts-editor-col>div {
margin-top: 10px
}
.docs-charts-editor-col.col-100 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
width: 100%
}
.docs-charts-editor-col.col-50 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
width: 50%
}
.docs-charts-editor-col.col-50~.docs-charts-editor-col.col-50:first-of-type {
padding-right: 10px
}
.docs-charts-editor-col.col-50+.docs-charts-editor-col.col-50:last-of-type {
padding-left: 10px
}
.docs-charts-editor-col.col-70-left {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
padding-right: 10px;
width: 70%
}
.docs-charts-editor-col.col-30-right {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
padding-left: 10px;
width: 30%
}
.docs-charts-editor-col.col-60-left {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
padding-right: 10px;
width: 60%
}
.docs-charts-editor-col.col-40-right {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
padding-left: 10px;
width: 40%
}
.docs-charts-editor-col.col-50 .docs-material-gm-labeled-checkbox-content {
max-width: 80%
}
.docs-charts-editor-scroll-pane.docs-charts-editor-scroll-pane-custom-sidebar::-webkit-scrollbar {
width: 12px
}
.docs-charts-editor-scroll-pane.docs-charts-editor-scroll-pane-custom-sidebar::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.2);
background-clip: padding-box;
border: solid transparent;
border-width: 1px 2px 1px 2px;
box-shadow: none;
min-height: 28px;
padding: 1px
}
.docs-charts-editor-scroll-pane.docs-charts-editor-scroll-pane-custom-sidebar::-webkit-scrollbar-thumb:hover {
box-shadow: none
}
.docs-charts-editor-scroll-pane.docs-charts-editor-scroll-pane-custom-sidebar::-webkit-scrollbar-track {
background-clip: border-box;
background-color: #f5f5f5;
border: solid #e0e0e0;
border-width: 1px;
box-shadow: none
}
.docs-charts-editor-scroll-pane.docs-charts-editor-scroll-pane-custom-sidebar::-webkit-scrollbar-track:hover {
background-color: #f5f5f5;
background-clip: border-box;
box-shadow: none;
border: solid #e0e0e0;
border-width: 1px
}
.docs-charts-editor-bundle.docs-charts-editor-parent-bundle {
border-bottom: 1px solid rgba(0, 0, 0, 0.12)
}
.docs-charts-editor-customize-tab .docs-charts-editor-bundle.docs-charts-editor-parent-bundle {
border-bottom: 2px solid #f8f9fa
}
.docs-charts-editor-customize-tab .docs-charts-editor-bundle.docs-charts-editor-parent-bundle>div {
border: 2px solid #f8f9fa
}
.docs-charts-editor-bundle.docs-charts-editor-parent-bundle.docs-charts-editor-open-bundle {
padding: 8px 16px 6px 16px
}
.docs-charts-editor-selector-bundle-selector-wrapper {
padding: 0 16px
}
.docs-charts-editor-selector-bundle-selector-wrapper {
padding: 8px 16px
}
.docs-charts-editor-selector-bundle-selector-label {
color: rgba(0, 0, 0, 0.54);
display: inline-block;
line-height: 26px;
vertical-align: top
}
.docs-charts-editor-selector-bundle-selector {
display: inline-block;
max-width: 100%;
padding-left: 0;
width: 100%
}
.docs-charts-editor-selector-bundle-selector .docs-material-gm-labeled-select-outer-box {
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
border: none;
margin-bottom: 0px
}
.docs-charts-editor-selector-bundle-selector .docs-material-gm-labeled-select-caption {
color: #188038;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: .25px
}
.docs-charts-editor-selector-bundle-selector .docs-material-gm-labeled-select-content {
display: none
}
.docs-charts-editor-selector-bundle-selector .docs-material-gm-labeled-select-focused .docs-material-gm-labeled-select-outer-box,
.docs-charts-editor-selector-bundle-selector .docs-material-gm-labeled-select-open .docs-material-gm-labeled-select-outer-box {
background-color: #f1f3f4
}
.docs-charts-editor-selector-bundle-selector .docs-material-gm-labeled-select-hover .docs-material-gm-labeled-select-outer-box {
background-color: #f8f9fa
}
.docs-charts-editor-selector-bundle {
background: transparent;
padding: 4px 16px 6px 16px
}
.docs-charts-editor-selector-bundle .docs-charts-editor-selector-bundle-header {
color: #3c4043;
font-size: 14px;
font-weight: 500;
letter-spacing: .2px;
line-height: 24px;
margin-bottom: -4px;
padding: 10px 0;
padding-top: 8px
}
.docs-charts-editor-bundle-container {
padding: 0 16px 6px
}
.docs-charts-editor-basic-bundle .docs-charts-editor-bundle.docs-charts-editor-parent-bundle {
border-bottom: none
}
.docs-charts-editor-basic-bundle .docs-charts-editor-bundle.docs-charts-editor-parent-bundle.docs-charts-editor-open-bundle {
padding-bottom: 0px
}
.docs-charts-editor-basic-bundle .docs-charts-editor-row,
.docs-charts-editor-data-picker-bundle .docs-charts-editor-row {
overflow: hidden
}
.docs-charts-editor-data-picker-bundle .docs-charts-editor-bundle.docs-charts-editor-parent-bundle {
border-bottom: none;
padding-top: 0
}
.docs-charts-editor-alert-bundle {
color: rgba(0, 0, 0, 0.54);
line-height: 22px;
text-align: center
}
.docs-charts-editor-alert-bundle .docs-charts-editor-bundle.docs-charts-editor-parent-bundle {
-ms-flex-align: center;
-moz-box-align: center;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
border-bottom: none;
bottom: 0;
display: flex;
left: 0;
position: absolute;
right: 0;
top: 0
}
.docs-charts-editor-alert-bundle .docs-charts-editor-bundle.docs-charts-editor-parent-bundle>div {
width: 100%
}
.docs-charts-editor-alert-bundle-icon {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjRTBFMEUwIj48cGF0aCBkPSJNOSAxN0g3di03aDJ2N3ptNCAwaC0yVjdoMnYxMHptNCAwaC0ydi00aDJ2NHptMi41IDJoLTE1VjVoMTV2MTR6bTAtMTZoLTE1Yy0xIDAtMiAxLTIgMnYxNGMwIDEgMSAyIDIgMmgxNWMxIDAgMi0xIDItMlY1YzAtMS0xLTItMi0yeiIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L3N2Zz4=");
background-position: center;
background-repeat: no-repeat;
background-size: 100px 100px;
height: 100px;
width: 100%
}
.docs-charts-editor-pill-remove-button {
background: none;
background-color: #bfbfbf;
border: none;
border-radius: 16px;
bottom: 2px;
float: right;
height: 16px;
margin: 8px;
position: relative;
transition: background-color 0.2s ease;
width: auto
}
.docs-charts-editor-pill-remove-button.jfk-button-hover {
background-color: #aaa
}
.docs-charts-editor-pill {
background-color: #fff;
border-radius: 0;
box-shadow: none;
padding-left: 0;
padding-right: 0
}
.docs-charts-editor-pill-remove {
position: relative;
width: 100%
}
.docs-charts-editor-pill-flex {
display: flex
}
.docs-charts-editor-pill-flex-col {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-ms-flex: 50%;
-webkit-flex: 50%;
flex: 50%;
display: inline-block;
padding-left: 10px
}
.docs-charts-editor-pill-flex-col:first-of-type {
padding-left: 0px
}
.docs-charts-editor-pill-fixed-col {
padding-left: 10px
}
.docs-charts-editor-pill-fixed-col:first-of-type {
padding-left: 0px
}
.docs-charts-editor-column-names-menu-wrapper {
display: none
}
.docs-charts-editor-column-names-menu-enabled {
width: 460px !important
}
.docs-charts-editor-column-names-menu-enabled .docs-charts-editor-toggle-tabs {
border-bottom: 1px solid #dadce0
}
.docs-charts-editor-column-names-menu-enabled .docs-charts-editor-scroll-pane {
overflow-y: hidden
}
.docs-charts-editor-column-names-menu-enabled .docs-charts-editor-basic-tab {
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
height: 100%;
overflow: hidden
}
.docs-charts-editor-column-names-menu-enabled .docs-charts-editor-basic-tab-bundle-wrapper {
border-right: 1px solid #dadce0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
overflow-y: auto;
width: 300px
}
.docs-charts-editor-column-names-menu-enabled .docs-charts-editor-column-names-menu-wrapper {
display: block;
height: 100%;
overflow-y: auto;
width: 160px
}
.docs-charts-editor-column-names-menu-enabled .docs-charts-editor-customize-tab {
overflow-y: auto
}
.docs-charts-editor-customize-tab hr {
background-color: #dadce0;
border: 0;
height: 1px;
margin: 17px -16px
}
.docs-charts-editor-charttype-select-icon {
float: left
}
.docs-charts-editor-charttype-select-icon>svg {
height: 18px;
width: 18px;
margin-right: 10px;
vertical-align: sub
}
.docs-material-select-disabled .docs-charts-editor-charttype-select-icon {
opacity: 0.12
}
.docs-charts-editor-charttype-new {
background-color: #000;
border: 1px solid #fff;
border-radius: 1px;
bottom: 1px;
color: #fff;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: 500;
height: 16px;
line-height: 17px;
opacity: .54;
padding: 0 4px;
position: absolute;
right: 1px;
text-transform: uppercase
}
.docs-charts-editor-chart-type-select .docs-material-gm-select-caption {
width: 100%
}
.docs-charts-editor-charttype-menu {
box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
background-color: white;
margin-left: -12px;
margin-top: 5px;
overflow-x: hidden;
overflow-y: scroll;
padding: 10px 16px;
position: absolute;
width: 270px;
z-index: 3
}
.docs-charts-editor-charttype-option {
border: 1px solid #bdbdbd;
cursor: pointer;
height: 45px;
margin: 0 23px 10px 0;
overflow: hidden;
padding: 2px;
position: relative;
width: 67px
}
.docs-charts-editor-palette-label {
color: rgba(0, 0, 0, 0.87);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px
}
.docs-charts-editor-charttype-menu .goog-palette {
display: inline-block;
margin-bottom: 0px;
margin-top: 10px
}
.docs-charts-editor-charttype-menu .goog-palette-cell {
border: 0;
cursor: inherit
}
.docs-charts-editor-charttype-menu .goog-palette-table {
border: 0;
margin: 5px 0 0 0
}
.goog-palette-cell-hover .docs-charts-editor-charttype-option {
border: 1px solid #9e9e9e
}
.goog-palette-cell-selected .docs-charts-editor-charttype-option {
box-shadow: 0 0 0 4px #c6dafc
}
.docs-charts-editor-charttype-option-canvas {
direction: ltr;
height: 45px;
width: 67px
}
.docs-charts-editor-charttype-option-gviz-org-chart {
-webkit-transform: scale(0.61, 0.68);
-moz-transform: scale(0.61, 0.68);
-ms-transform: scale(0.61, 0.68);
-o-transform: scale(0.61, 0.68);
transform: scale(0.61, 0.68);
background: url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -1428px no-repeat
}
.docs-charts-editor-charttype-option-gviz-radar-chart {
-webkit-transform: scale(0.60, 0.60);
-moz-transform: scale(0.60, 0.60);
-ms-transform: scale(0.60, 0.60);
-o-transform: scale(0.60, 0.60);
transform: scale(0.60, 0.60);
background: url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -2233px no-repeat
}
.docs-charts-editor-charttype-option-gviz-annotated-timeline-chart {
-webkit-transform: scale(0.61, 0.68);
-moz-transform: scale(0.61, 0.68);
-ms-transform: scale(0.61, 0.68);
-o-transform: scale(0.61, 0.68);
transform: scale(0.61, 0.68);
background: url("//ssl.gstatic.com/charts/static/thumbs17.png") 0 -1895px no-repeat
}
.docs-charts-editor-charttype-option-gviz-table-chart {
-webkit-transform: scale(0.61, 0.68);
-moz-transform: scale(0.61, 0.68);
-ms-transform: scale(0.61, 0.68);
-o-transform: scale(0.61, 0.68);
transform: scale(0.61, 0.68);
background: url("//ssl.gstatic.com/charts/static/thumbs17.png") 0 -1351px no-repeat
}
.docs-charts-editor-charttype-option-gviz-geo-chart {
-webkit-transform: scale(0.61, 0.68);
-moz-transform: scale(0.61, 0.68);
-ms-transform: scale(0.61, 0.68);
-o-transform: scale(0.61, 0.68);
transform: scale(0.61, 0.68);
background: url("//ssl.gstatic.com/charts/static/thumbs17.png") 0 -2772px no-repeat
}
.docs-charts-editor-charttype-option-gviz-geo-chart-with-markers {
-webkit-transform: scale(0.61, 0.68);
-moz-transform: scale(0.61, 0.68);
-ms-transform: scale(0.61, 0.68);
-o-transform: scale(0.61, 0.68);
transform: scale(0.61, 0.68);
background: url("//ssl.gstatic.com/charts/static/thumbs17.png") 0 -612px no-repeat
}
.docs-charts-editor-charttype-option-disabled-chart {
opacity: 0.25
}
.docs-charts-editor-charttype-option-gviz-org-chart,
.docs-charts-editor-charttype-option-gviz-radar-chart,
.docs-charts-editor-charttype-option-gviz-annotated-timeline-chart,
.docs-charts-editor-charttype-option-gviz-table-chart,
.docs-charts-editor-charttype-option-gviz-geo-chart,
.docs-charts-editor-charttype-option-gviz-geo-chart-with-markers {
-webkit-transform-origin: 0 0;
-moz-transform-origin: 0 0;
-ms-transform-origin: 0 0;
-o-transform-origin: 0 0;
transform-origin: 0 0;
float: left;
height: 67px;
width: 110px
}
.docs-charts-editor-gauge-colored-range-bundle {
border-top: 1px dashed #9e9e9e;
margin-top: 20px;
padding-top: 5px
}
.docs-charts-editor-gauge-colored-range-bundle .docs-charts-editor-row>.docs-charts-editor-col>div {
margin: 0
}
.docs-charts-editor-gauge-colored-range-bundle .docs-charts-editor-row {
margin-top: 10px
}
.docs-charts-editor-number-format-type-container {
display: flex;
justify-content: space-between
}
.docs-charts-editor-number-format-type-example {
color: #80868b
}
.docs-material-gm-labeled-select .docs-charts-editor-number-format-type-example {
display: none
}
.docs-charts-editor-number-format-type-header {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
left: 38px;
line-height: 13px;
padding: 4px 0;
text-transform: uppercase
}
.docs-charts-editor-pie-slice-options hr {
background-color: #dadce0;
border: 0;
height: 1px;
margin: 17px -16px
}
.docs-charts-editor-series-select-color {
border-radius: 50%;
height: 15px;
left: -15px;
margin: 0;
position: relative;
top: 3px;
width: 15px
}
.docs-charts-editor-series-select .docs-material-gm-labeled-select-caption>div {
color: #202124;
padding-left: 20px
}
.docs-charts-editor-series-point-shape-icon {
fill: rgba(0, 0, 0, 0.87);
height: 12px;
margin-bottom: -1px;
margin-right: 9px;
width: 12px
}
.goog-menuitem-content .docs-charts-editor-series-point-shape-icon {
margin-left: -12px
}
.docs-charts-editor-series-line-dash-type-icon {
height: 2px;
stroke: rgba(0, 0, 0, 0.87);
width: 75px;
vertical-align: middle
}
.docs-charts-editor-series-item-selection-dialog-input-default-caption {
color: #bdbdbd
}
.docs-charts-editor-series-format-labeledsection .docs-charts-editor-control-label.docs-charts-editor-labeledsection,
.docs-charts-editor-series-format-data-point-button .docs-charts-editor-control-label.docs-charts-editor-labeledactionablebutton-label {
color: #3c4043;
font-size: 14px;
font-weight: 500;
letter-spacing: .2px;
line-height: 24px;
margin-bottom: 0;
padding: 10px 0
}
.docs-charts-editor-series-format-label-hide {
display: none
}
.docs-charts-editor-series-format-data-point-button>div {
display: flex;
justify-content: space-between
}
.docs-charts-editor-series-format-data-point-button .docs-charts-editor-labeledactionablebutton {
padding: 10px 0
}
.col-50.docs-charts-editor-series-format-data-point-button {
padding: 10px 0;
text-align: right
}
.docs-charts-editor-series-fill-style-bundle .docs-charts-editor-seriesfillstylesubbundle .docs-charts-editor-fill-style-bundle-color .docs-charts-editor-material-toolbar-color-picker,
.docs-charts-editor-series-fill-style-bundle .docs-charts-editor-seriesfillstylesubbundle .docs-charts-editor-fill-style-bundle-color .docs-charts-editor-material-toolbar-color-picker-outer-box,
.docs-charts-editor-series-line-style-bundle .docs-charts-editor-serieslinestylesubbundle .docs-charts-editor-line-style-color .docs-charts-editor-material-toolbar-color-picker,
.docs-charts-editor-series-line-style-bundle .docs-charts-editor-serieslinestylesubbundle .docs-charts-editor-line-style-color .docs-charts-editor-material-toolbar-color-picker-outer-box {
width: 100%
}
.docs-charts-editor-series-single-item-style-item-select {
max-width: 70%
}
.docs-charts-editor-table-border-container {
background: #fdfdfd;
border-top: 1px solid #e0e0e0;
padding: 0 16px 6px
}
.docs-charts-editor-textstyle-toolbar {
border: 1px solid #d8d8d8;
border-radius: 1px;
margin: 6px 0;
padding: 0 4px
}
#docs-charts-editor-textstyle-font-family .goog-toolbar-menu-button-caption {
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 67px
}
#docs-charts-editor-textstyle-font-size .goog-toolbar-combo-button-caption {
width: 32px
}
#docs-charts-editor-textstyle-font-size .goog-toolbar-combo-button-input {
width: 12px
}
.docs-charts-editor-textstyle-container {
border: 1px solid #dadce0;
border-radius: 4px;
display: inline-block;
height: 40px;
line-height: 40px
}
.docs-charts-editor-textstyle-separator {
border-left: 1px solid #dadce0;
height: 25px;
margin: 7px 1px;
vertical-align: top
}
.docs-charts-editor-textstyle-italic {
margin-left: -1px
}
.docs-charts-editor-col.docs-charts-editor-waterfall-connector-line-color {
width: 48%
}
.docs-charts-editor-col.docs-charts-editor-waterfall-connector-line-thickness {
width: 52%
}
.docs-charts-editor-series-waterfall-bundle .docs-charts-editor-seriesfillstylesubbundle .docs-charts-editor-fill-style-bundle-color .docs-charts-editor-material-toolbar-color-picker,
.docs-charts-editor-series-waterfall-bundle .docs-charts-editor-seriesfillstylesubbundle .docs-charts-editor-fill-style-bundle-color .docs-charts-editor-material-toolbar-color-picker-outer-box,
.docs-charts-editor-series-waterfall-bundle .docs-charts-editor-serieslinestylesubbundle .docs-charts-editor-line-style-color .docs-charts-editor-material-toolbar-color-picker,
.docs-charts-editor-series-waterfall-bundle .docs-charts-editor-serieslinestylesubbundle .docs-charts-editor-line-style-color .docs-charts-editor-material-toolbar-color-picker-outer-box {
width: 100%
}
.docs-charts-editor-waterfall-add-total-button {
color: #4285f4;
font-weight: 500;
padding: 2px 1px 0px 1px;
text-transform: uppercase
}
.docs-charts-editor-waterfall-add-total-column {
margin-bottom: 10px
}
.docs-charts-editor-waterfall-total-column-label {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1
}
.docs-charts-contextual-editor .docs-charts-editor-customize-tab .docs-charts-editor-bundle.docs-charts-editor-parent-bundle {
border-bottom: none
}
.docs-charts-contextual-editor {
bottom: 0;
left: 0;
margin-right: 0;
position: absolute;
right: 0;
top: 0
}
.docs-charts-editor.docs-charts-contextual-editor .docs-charts-editor-scroll-pane .docs-charts-editor-customize-tab {
background-color: white
}
.docs-charts-editor-data-point-format-fill-style-bundle .docs-charts-editor-selector-bundle,
.docs-charts-editor-data-point-format-line-style-bundle .docs-charts-editor-selector-bundle {
padding: 0
}
.docs-charts-contextual-editor-content .docs-charts-editor-noncollapsible-section .docs-charts-editor-data-point-format-fill-style-bundle .docs-charts-editor-material-toolbar-color-picker,
.docs-charts-contextual-editor-content .docs-charts-editor-noncollapsible-section .docs-charts-editor-data-point-format-fill-style-bundle .docs-charts-editor-material-toolbar-color-picker-outer-box,
.docs-charts-contextual-editor-content .docs-charts-editor-noncollapsible-section .docs-charts-editor-data-point-format-line-style-bundle .docs-charts-editor-material-toolbar-color-picker,
.docs-charts-contextual-editor-content .docs-charts-editor-noncollapsible-section .docs-charts-editor-data-point-format-line-style-bundle .docs-charts-editor-material-toolbar-color-picker-outer-box {
width: 100%
}
.docs-gm .waffle-charteditor-chip-menu .goog-menuitem {
padding-left: 15px
}
.waffle-charteditor-domain-grouping-button-container {
display: flex;
margin-top: 20px
}
.docs-charts-editor-row>.docs-charts-editor-col>.waffle-charteditor-domain-grouping-control-add-button {
margin: 0
}
.waffle-charteditor-domain-grouping-button-label {
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 20px
}
.waffle-charteditor-domain-grouping-chip .docs-charts-editor-chip-label {
color: #424242;
font-size: 14px
}
.waffle-charteditor-external-menu-button,
.waffle-charteditor-external-menu-button-outer-box,
.waffle-charteditor-external-menu-button-inner-box,
.waffle-charteditor-external-menu-button-caption,
.waffle-charteditor-external-menu-button-dropdown {
cursor: pointer;
display: block
}
.waffle-charteditor-data-constraint-disabled .waffle-charteditor-external-menu-button,
.waffle-charteditor-data-constraint-disabled .waffle-charteditor-external-menu-button-outer-box,
.waffle-charteditor-data-constraint-disabled .waffle-charteditor-external-menu-button-inner-box,
.waffle-charteditor-data-constraint-disabled .waffle-charteditor-external-menu-button-caption,
.waffle-charteditor-data-constraint-disabled .waffle-charteditor-external-menu-button-dropdown {
cursor: not-allowed
}
.waffle-charteditor-external-menu-button {
outline: none
}
.waffle-charteditor-external-menu-button-dropdown {
height: 0
}
.docs-charts-editor-chip.waffle-charteditor-external-menu-button-focused:not(.waffle-charteditor-external-menu-button-open) .docs-charts-editor-chip-content,
.waffle-charteditor-pickerchip.waffle-charteditor-external-menu-button-focused:not(.waffle-charteditor-external-menu-button-open) .docs-charts-editor-chip-content {
outline: 5px auto #4285f4;
outline-offset: -3px
}
.waffle-charteditor-filter-button-container {
display: flex
}
.waffle-charteditor-filter-button-label {
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 44px
}
.waffle-charteditor-filter-cards {
margin-bottom: 48px
}
.waffle-charteditor-filter-card {
background-color: #f1f3f4;
border-radius: 8px;
padding: 0 10px 10px 10px
}
.waffle-charteditor-filter-card:not(:last-child) {
margin-bottom: 10px
}
.waffle-charteditor-filter-card-top-row {
-webkit-align-items: center;
align-items: center;
display: flex;
padding-bottom: 2px
}
.waffle-charteditor-filter-card-top-row>div {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.waffle-charteditor-filter-card-remove {
margin-right: -10px
}
.waffle-charteditor-filter-card-top-row>.waffle-charteditor-filter-card-label {
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
overflow: hidden;
text-overflow: ellipsis
}
.waffle-charteditor-filter-card-label {
color: #424242;
font-size: 14px;
padding-left: 8px
}
.waffle-charteditor-filter-card-select-label {
color: #5f6368;
font-size: 11px;
padding-bottom: 3px;
padding-left: 2px
}
.waffle-charteditor-filter-card-select .jfk-select.goog-flat-menu-button {
background-color: #fff;
padding-bottom: 2px;
padding-top: 2px;
text-align: left;
width: 100%
}
.waffle-charteditor-filter-card-select .jfk-select.goog-flat-menu-button-hover {
background-color: rgba(60, 64, 67, 0.04);
border: 1px solid #dadce0
}
.waffle-charteditor-filter-card-select .jfk-select.goog-flat-menu-button-focused {
background-color: rgba(60, 64, 67, 0.06);
border: 1px solid #dadce0
}
.waffle-charteditor-filter-card-select .jfk-select .goog-flat-menu-button-caption {
font-size: 12px
}
.waffle-charteditor-rangepicker-multiple-domains-bundle {
margin: 0 -16px
}
.waffle-charteditor-multiple-domains-bundle-wrapper {
margin: 0 16px
}
.waffle-charteditor-multiple-domains-bundle-wrapper hr {
background-color: #f1f3f4;
border: 0;
height: 4px;
margin: 16px -16px 8px -16px
}
.waffle-charteditor-add-multiple-domains-button-label {
color: #188038;
display: inline-block;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 250%;
margin-left: 4px;
vertical-align: middle
}
.waffle-charteditor-multiple-domains-bundle-add-button>div {
width: 100%
}
.waffle-charteditor-multiple-domains-bundle-add-button div[role="button"] {
cursor: pointer;
background: none;
outline: none;
width: 100%
}
.waffle-charteditor-multiple-domains-component-header-container {
display: flex
}
.waffle-charteditor-multiple-domains-component-axis-container {
display: flex;
margin-top: 20px
}
.waffle-charteditor-multiple-domains-component-series-container {
display: flex;
margin-top: 20px
}
.docs-charts-editor-row>.docs-charts-editor-col>.waffle-charteditor-multiple-domains-component-axis-button {
margin: 0
}
.docs-charts-editor-row>.docs-charts-editor-col>.waffle-charteditor-multiple-domains-component-series-button {
margin: 0
}
.waffle-charteditor-multiple-domains-component-header-label {
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 20px;
outline: none
}
.waffle-charteditor-multiple-domains-component-header-button {
bottom: 5px;
position: relative
}
.waffle-charteditor-multiple-domains-component-axis-label {
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.8px;
line-height: 16px;
text-transform: uppercase
}
.waffle-charteditor-multiple-domains-component-series-label {
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.8px;
line-height: 16px;
text-transform: uppercase
}
.waffle-charteditor-numeric-group-control-container {
-webkit-align-items: center;
align-items: center;
display: flex
}
.waffle-charteditor-numeric-group-control-checkbox {
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1
}
.waffle-charteditor-sort-button-container {
display: flex
}
.waffle-charteditor-sort-button-label {
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 44px
}
.waffle-charteditor-sort-order-toggle {
background: none;
border: 0;
color: #5f6368;
cursor: pointer;
font-style: italic
}
.waffle-charteditor-sort-chip .docs-charts-editor-chip-label {
color: #424242;
font-size: 14px
}
.waffle-charteditor-sidebar.waffle-sidebar-container {
width: 320px;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
z-index: 2
}
.waffle-charteditor-content {
background-color: #fff;
height: 100%
}
.waffle-charteditor-rangepicker-modification-disabled {
display: none;
font-size: 14px;
margin-top: 15px
}
.waffle-charteditor-rangepicker-checkboxes-container {
margin: 10px 0
}
.waffle-charteditor-rangepicker-checkboxes-container .docs-material-gm-labeled-checkbox {
padding: 4px 0
}
.waffle-charteditor-rangepicker-labels-as-text {
margin-left: 28px
}
.waffle-charteditor-rangepicker-has-external-data .waffle-charteditor-rangepicker-labels-as-text {
margin-left: 0
}
.docs-charts-editor-row>.waffle-charteditor-rangepicker-data-picker>div {
margin-top: 0
}
.waffle-charteditor-rangepicker-data-picker .waffle-charteditor-date-group-control-bucket-type .docs-material-gm-labeled-select-content {
display: none
}
.waffle-charteditor-rangepicker-data-transformation .waffle-charteditor-rangepicker-modification-disabled {
display: block
}
.waffle-charteditor-rangepicker-data-transformation .waffle-charteditor-rangepicker-checkboxes-container,
.waffle-charteditor-rangepicker-data-transformation .waffle-charteditor-rangepicker-merge {
display: none
}
.waffle-charteditor-rangepicker-error-label {
color: #b93221;
font-size: 13px
}
.waffle-charteditor-unsupported-chart-type {
box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12), 0px 1px 8px 0px rgba(0, 0, 0, 0.2);
background: #ffebee;
color: rgba(0, 0, 0, 0.87);
letter-spacing: 0.04em;
position: absolute;
top: 0px;
z-index: 1
}
.waffle-charteditor-unsupported-chart-type-message {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-size: 14px;
padding: 16px
}
.waffle-charteditor-recommendation-palette.goog-palette {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
margin-bottom: 10px;
padding-bottom: 20px;
width: 265px
}
.waffle-charteditor-recommendation-palette .docs-charts-editor-palette-label {
text-transform: uppercase
}
.waffle-charteditor-recommendation-option {
box-shadow: 0 0 0 4px #ddd;
cursor: pointer;
height: 80px;
margin: 3px 12px 10px 0;
overflow: hidden;
padding: 2px;
position: relative;
width: 123px
}
.goog-palette-cell-hover .waffle-charteditor-recommendation-option {
box-shadow: 0 0 0 4px #bbc7ed
}
.goog-palette-cell-selected .waffle-charteditor-recommendation-option {
box-shadow: 0 0 0 4px #6485f1
}
.waffle-charteditor-recommendation-option-canvas {
direction: ltr
}
.waffle-charteditor-recommendation-chip {
background-color: #4285f4;
border: 1px solid #fff;
bottom: 6px;
color: #fff;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 10px;
font-weight: 500;
height: 13px;
line-height: 13px;
max-width: 84px;
overflow-x: hidden;
padding: 2px 7px 0 7px;
position: absolute;
right: 6px;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-charteditor-recommendation-option .waffle-assistant-feedback-button {
margin: 0;
position: absolute;
right: 0;
top: 0
}
.waffle-charteditor-data-constraint-disabled .waffle-charteditor-picker-button-wrapper {
cursor: not-allowed
}
.waffle-charteditor-picker-button-wrapper {
-ms-flex-align: center;
-moz-box-align: center;
-webkit-box-align: center;
box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
cursor: pointer;
display: flex;
height: 32px;
margin-right: 12px
}
.waffle-charteditor-data-constraint-disabled .waffle-charteditor-pickerchip .docs-charts-editor-chip-label {
cursor: not-allowed
}
.waffle-charteditor-pickerchip .docs-charts-editor-chip-content {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: transparent;
border: 1px solid #dadce0
}
.waffle-charteditor-data-constraint-disabled .docs-charts-editor-chip-content {
opacity: 0.5
}
.waffle-charteditor-pickerchip-button {
transition: opacity 200ms cubic-bezier(0.4, 0, 0.2, 1);
margin-right: 8px;
margin-top: 1px;
opacity: .7
}
.jfk-button-hover .waffle-charteditor-pickerchip-button {
opacity: 1
}
.waffle-charteditor-pickerchip.docs-charts-editor-chip-invalid .docs-charts-editor-chip-content {
background-color: #f0f0f0
}
.waffle-charteditor-pickerchip .docs-charts-editor-chip-label {
color: #9e9e9e
}
.waffle-charteditor-pickerchip .docs-charts-editor-chip-label {
color: #5f6368;
cursor: pointer;
font-weight: 500
}
.waffle-charteditor-data-constraint-header {
-webkit-align-items: center;
align-items: center;
display: flex
}
.waffle-charteditor-data-constraint-name,
.waffle-charteditor-annotation-chip-label {
color: #3c4043;
font-size: 11px;
font-weight: 500;
letter-spacing: .8px;
margin-top: 10px;
text-transform: uppercase;
vertical-align: top
}
.waffle-charteditor-data-constraint-name {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 20px;
margin-top: 10px;
overflow: hidden;
text-transform: none
}
.waffle-charteditor-data-constraint-icon-content {
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
margin-top: 8px;
margin-left: 8px
}
.waffle-charteditor-annotation-chip-label {
color: #80868b;
line-height: 16px;
margin-right: 10px
}
.waffle-charteditor-data-constraint-aggregate-type .docs-material-gm-labeled-select-outer-box {
padding: 0 0 0 8px
}
.waffle-charteditor-data-constraint-chip {
color: #424242;
font-size: 14px;
margin-top: 8px
}
.waffle-charteditor-data-constraint {
position: relative
}
.waffle-charteditor-annotation-chip-wrapper {
display: block;
margin-bottom: 15px;
margin-left: 50px
}
.waffle-charteditor-annotation-chip {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1
}
.waffle-charteditor-chip-icon {
left: 8px;
margin-left: 15px;
margin-top: 9px;
top: 7px
}
.waffle-charteditor-chip-delete-button {
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8cGF0aCBmaWxsPSIjZjBmMGYwIiBkPSJNMTkgNi40MUwxNy41OSA1IDEyIDEwLjU5IDYuNDEgNSA1IDYuNDEgMTAuNTkgMTIgNSAxNy41OSA2LjQxIDE5IDEyIDEzLjQxIDE3LjU5IDE5IDE5IDE3LjU5IDEzLjQxIDEyeiIvPjwvc3ZnPg==");
background-color: #5f6368;
border: 0;
border-radius: 16px;
cursor: pointer;
height: 16px;
margin: 10px;
transition: background-color 0.2s ease;
width: 16px
}
.waffle-charteditor-chip-delete-button:hover {
background-color: #aaa
}
.waffle-charteditor-series-aggregate-type {
-webkit-align-items: center;
align-items: center;
display: flex
}
.waffle-charteditor-series-aggregate-type-label {
color: #616161;
font-style: italic;
padding: 0 10px
}
.waffle-charteditor-chip-during-dragging.goog-menuitem {
box-sizing: border-box;
border-radius: 16px;
cursor: move;
overflow: hidden;
padding-left: 8px;
padding-right: 8px;
background: #f8f9fa;
box-shadow: 0 4px 4px 0px rgba(60, 64, 67, .3), 0 8px 12px 6px rgba(60, 64, 67, .15);
opacity: 0.9;
width: 267px;
z-index: 2
}
.waffle-charteditor-chip-during-dragging.goog-menuitem .goog-menuitem-content,
.waffle-charteditor-chip-during-dragging.goog-menuitem .goog-menuitem-content span {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
line-height: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 500
}
.waffle-charteditor-chip-during-dragging.goog-menuitem .goog-menuitem-content>div {
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: flex-start;
justify-content: flex-start
}
.waffle-charteditor-chip-during-dragging.goog-menuitem .goog-menuitem-icon {
margin: 0 8px 0 0;
position: relative;
top: 0
}
.waffle-charteditor-chip-hover-highlight .docs-charts-editor-chip-content {
background: #ceead6;
border: 1px solid #34a853;
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15)
}
.waffle-charteditor-chip-hover-highlight.docs-charts-editor-bundle.docs-charts-editor-child-bundle.docs-charts-editor-open-bundle .goog-inline-block.docs-charts-editor-material-textbutton {
background-color: #f8fcf9
}
.waffle-charteditor-chip-hover-highlight.docs-charts-editor-bundle.docs-charts-editor-child-bundle.docs-charts-editor-open-bundle {
padding-bottom: 56px
}
.waffle-charteditor-chip-hover-highlight.docs-charts-editor-bundle.docs-charts-editor-child-bundle.docs-charts-editor-open-bundle .waffle-charteditor-filter-card {
background: #ceead6;
border: 1px solid #34a853;
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15)
}
.waffle-charteditor-modelmigration-restore-toast {
max-width: 460px
}
#docs-editor.companion-enabled {
width: 100%
}
#docs-editor.companion-enabled #waffle-grid-container {
width: 100%
}
#docs-editor.companion-enabled #grid-bottom-bar {
width: calc(100% - 56px)
}
#docs-editor.companion-enabled #grid-bottom-bar.grid-bottom-bar-rtl-companion-collapsed {
width: 100%
}
#docs-editor.companion-enabled #grid-bottom-bar.grid-bottom-bar-rtl.grid-bottom-bar-rtl-companion-collapsed {
right: 0
}
#docs-editor.companion-enabled #grid-bottom-bar.grid-bottom-bar-rtl-companion-open {
right: calc(56px + 300px)
}
.docs-ui-toast.waffle-assistant-toast.waffle-assistant-toast-companion {
right: calc(56px + 15px)
}
.waffle-assistant-entry-expanded.companion-collapsed {
border-right: 1px solid #c2c2c2
}
.companion-collapser-button-container.companion-collapser-button-container-elevated {
margin-bottom: auto
}
.docs-companion-app-switcher-container-collapsed .companion-collapser-button-container,
.docs-companion-app-switcher-container-collapsed .companion-collapser-button {
height: 38px
}
.docs-grille-gm3 .docs-companion-app-switcher-container-collapsed .companion-collapser-button-container,
.docs-grille-gm3 .docs-companion-app-switcher-container-collapsed .companion-collapser-button {
height: 36px
}
.docs-jfk-styling .companion-collapser-button,
.docs-jfk-styling .companion-collapser-button .app-switcher-button-icon-container,
.docs-jfk-styling .companion-collapser-button .app-switcher-button-icon-background {
transition: all 0s ease 0s
}
.companion-collapser-button.app-switcher-button-checked {
right: 0
}
.companion-collapser-button.app-switcher-button-checked .app-switcher-button-icon-container,
.companion-collapser-button.app-switcher-button-checked .app-switcher-button-icon-background {
box-shadow: none;
margin: 8px;
padding: 10px;
top: calc(-1*8px);
width: 20px
}
.companion-collapser-button.app-switcher-button-checked .app-switcher-button-icon-background {
background-color: transparent;
border: transparent 1px solid;
border-radius: 0
}
.companion-collapser-button {
transition: none
}
.companion-collapser-button .app-switcher-button-icon-container,
.companion-collapser-button .app-switcher-button-icon-background {
transition-property: background-color
}
.companion-collapser-button:not(.app-switcher-button-checked) .app-switcher-button-icon-container,
.companion-collapser-button:not(.app-switcher-button-checked) .app-switcher-button-icon-background {
transition-property: margin-top
}
.companion-collapser-button.app-switcher-button-hover.app-switcher-button-checked .app-switcher-button-icon-background {
background-color: #f1f3f4
}
.companion-collapser-button.app-switcher-button-focused.app-switcher-button-checked .app-switcher-button-icon-background {
background-color: #e8eaed
}
.companion-collapser-button.app-switcher-button-checked .app-switcher-button-icon {
margin-left: 0
}
.docs-jfk-styling .companion-collapser-button.app-switcher-button-checked .app-switcher-button-icon-container,
.docs-jfk-styling .companion-collapser-button.app-switcher-button-checked .app-switcher-button-icon-background {
top: -10px
}
.docs-jfk-styling .companion-collapser-button .app-switcher-button-icon {
border: transparent 1px solid;
transition: all 0s ease 0s
}
.docs-jfk-styling .companion-collapser-button.app-switcher-button-hover.app-switcher-button-checked .app-switcher-button-icon-background {
background-color: transparent
}
.docs-jfk-styling .companion-collapser-button.app-switcher-button-hover.app-switcher-button-checked .app-switcher-button-icon {
border-color: #c6c6c6
}
.docs-jfk-styling .companion-collapser-button.app-switcher-button-focused.app-switcher-button-checked .app-switcher-button-icon {
outline: -webkit-focus-ring-color auto 5px
}
.waffle-dashboard-fab-plus-button {
bottom: 40px;
position: absolute;
right: 55px;
z-index: 20
}
.waffle-dashboard-fab-list {
bottom: 100px;
position: absolute;
right: 55px;
z-index: 20
}
.waffle-dashboard-fab-buttons {
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
background-color: #fafafa;
border-radius: 50%;
box-shadow: 0 10px 10px #bdbdbd;
cursor: pointer;
height: 60px;
margin-top: 20px;
outline: none;
width: 60px
}
.waffle-dashboard-fab-buttons:last-child {
margin-bottom: 20px
}
.waffle-dashboard-fab-buttons:hover,
.waffle-dashboard-fab-buttons:focus {
background-color: #eee
}
.waffle-dashboard-fab-icons {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3)
}
.waffle-dataconnector-big-query-script-select-menu-placeholder-spinner {
align-items: center;
display: flex;
height: 270px;
justify-content: center
}
.waffle-dataconnector-big-query-script-select-menu-placeholder-spinner .waffle-spinner {
height: 24px;
width: 24px
}
.waffle-dataconnector-big-query-script-select-container {
display: flex;
flex-direction: column;
position: absolute
}
.waffle-dataconnector-big-query-script-select-menu {
position: relative;
width: 270px
}
.waffle-dataconnector-big-query-script-select-menu-scrollable-wrapper {
max-height: 270px
}
.waffle-dataconnector-big-query-script-select-menu-scrollable-wrapper .goog-menuitem .goog-menuitem-content {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-dataconnector-big-query-script-select-menu-pagination {
background-color: white;
column-gap: 8px;
display: flex;
justify-content: center;
padding: 8px 0;
z-index: 1003
}
.waffle-dataconnector-big-query-script-select-menu-pagination-next-page-button-wrapper,
.waffle-dataconnector-big-query-script-select-menu-pagination-previous-page-button-wrapper {
align-items: center;
background-color: transparent;
border: none;
border-radius: 50%;
cursor: pointer;
display: flex;
height: 21px;
justify-content: center;
outline: none;
padding: 0;
width: 21px
}
.waffle-dataconnector-big-query-script-select-menu-pagination-next-page-button-wrapper.docs-material-button-disabled,
.waffle-dataconnector-big-query-script-select-menu-pagination-previous-page-button-wrapper.docs-material-button-disabled {
opacity: 0.5
}
.waffle-dataconnector-close-badge {
background-color: rgba(0, 0, 0, 0.12);
border-radius: 50%;
box-sizing: border-box;
height: 18px;
position: relative;
width: 18px
}
.waffle-dataconnector-close-badge svg {
height: 80%;
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 80%
}
.waffle-dataconnector-close-badge polygon {
fill: #fff
}
.waffle-dataconnector-close-badge-hover {
background-color: rgba(0, 0, 0, 0.38);
cursor: pointer
}
.waffle-targeted-cs-promo-base {
border: 0;
bottom: 71px !important;
left: auto !important;
padding: 0;
right: 41px !important;
top: auto !important;
width: 320px
}
.waffle-targeted-cs-promo-base .docs-material-promo-walkthrough-bubble-buttons {
flex-direction: row-reverse;
justify-content: right;
margin: 16px;
padding: 0
}
.waffle-targeted-cs-promo-body {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
letter-spacing: 0.2px;
line-height: 20px;
margin-top: 12px
}
.waffle-targeted-cs-promo-close {
background-color: #202124;
border: 1px solid transparent;
border-radius: 50%;
cursor: pointer;
margin: 0;
opacity: 0.5;
outline: 0;
padding: 10px;
position: absolute;
right: 12px;
top: 12px
}
.waffle-targeted-cs-promo-base .docs-material-button-fill-primary.docs-material-button {
height: 36px
}
.docs-icon-close-white.waffle-targeted-cs-promo-hc {
filter: invert(100%)
}
.waffle-targeted-cs-promo-close.goog-flat-button-hover {
background-color: #3c4043
}
.waffle-targeted-cs-promo-close.goog-flat-button-focused {
background-color: #5f6368
}
.waffle-targeted-cs-promo-image {
border-radius: 8px 8px 0 0;
height: 180px;
object-fit: cover;
user-select: none;
width: 320px;
-webkit-filter: none !important
}
.waffle-targeted-cs-promo-link-button {
text-decoration: none
}
.waffle-targeted-cs-promo-text {
margin-left: 24px;
margin-right: 24px
}
.waffle-targeted-cs-promo-title {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 22px;
line-height: 28px;
margin-top: 12px
}
.waffle-dataconnector-delegation-banner-container {
align-items: center;
display: flex;
background: #e6f4ea;
height: 48px;
position: relative
}
.waffle-dataconnector-delegation-banner-info-icon {
margin: 0 20px
}
.docs-material .waffle-dataconnector-delegation-banner-info-icon .docs-icon-img,
.docs-material .waffle-dataconnector-delegation-banner-close-button .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.waffle-dataconnector-delegation-banner-close-button {
border-radius: 50%
}
.waffle-dataconnector-delegation-banner-header {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
letter-spacing: 0.1px;
margin: 0 16px 0 0;
min-width: 130px
}
.waffle-dataconnector-delegation-banner-close-button-wrapper {
position: relative;
margin-left: auto
}
.waffle-dataconnector-delegation-banner-info {
color: #202124;
font: 400 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
overflow: hidden;
padding-right: 16px;
white-space: nowrap;
line-height: 28px
}
.waffle-dataconnector-delegation-settings-widget-toggle {
cursor: pointer
}
.waffle-dataconnector-delegation-settings-widget-toggle .apps-ui-material-slide-toggle-container {
margin-left: 0
}
.waffle-dataconnector-pill {
display: flex;
background: white;
border-radius: 40px;
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12), 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
box-sizing: border-box;
padding: 5px 20px;
position: absolute
}
.waffle-dataconnector-pill-info {
display: flex
}
.waffle-dataconnector-pill-timestamp {
color: #4285f4;
height: 36px;
line-height: 36px;
margin-right: 10px;
white-space: nowrap
}
.waffle-dataconnector-pill-gm .waffle-dataconnector-pill-timestamp,
.waffle-dataconnector-pill-gm .waffle-dataconnector-pill-progress,
.waffle-dataconnector-pill-gm .waffle-dataconnector-pill-upgrade-button {
color: #188038
}
.waffle-dataconnector-pill .docs-material-button-flat-default {
padding: 2px 8px
}
.waffle-dataconnector-pill-progress {
-webkit-align-items: center;
align-items: center;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
color: #4285f4;
height: 36px;
line-height: 36px
}
.waffle-dataconnector-pill-error {
color: #db4437;
height: 36px;
line-height: 36px;
margin-right: 10px
}
.waffle-dataconnector-pill-error .waffle-dataconnector-error-icon {
height: 18px;
margin-right: 4px;
position: relative;
top: 4px;
width: 18px
}
.waffle-dataconnector-pill-menu-button {
margin: 0;
padding: 2px 0
}
.waffle-dataconnector-menu-icon {
position: relative;
top: 3px
}
.waffle-dataconnector-pill-menu svg {
-webkit-transform: scale(1.4, 1.4);
-moz-transform: scale(1.4, 1.4);
-ms-transform: scale(1.4, 1.4);
-o-transform: scale(1.4, 1.4);
transform: scale(1.4, 1.4);
bottom: -0.125em;
height: 1em;
margin-right: 8px;
position: relative;
width: 1em
}
.waffle-dataconnector-pill-menuitem {
-webkit-align-items: center;
align-items: center;
display: flex;
height: 36px;
line-height: 36px
}
.waffle-dataconnector-pill-menuitem-refreshquery,
.waffle-dataconnector-pill-menuitem-truncation {
padding-right: 15px !important
}
.waffle-dataconnector-pill-menuitem-accel {
margin-left: auto;
padding: 0 20px 0 40px;
text-align: center;
color: #9e9e9e
}
.waffle-dataconnector-pill-menuitem-refreshquery-info svg {
margin: 0
}
.waffle-dataconnector-pill-menuitem-refreshquery-info-progress {
font-style: italic
}
.waffle-dataconnector-pill-menuitem-refreshquery-info-error-button {
color: #db4437;
text-decoration: underline
}
.waffle-dataconnector-pill-spinner {
border-radius: 50%;
box-shadow: inset 0 0 0 2px;
color: #4285f4;
display: inline-block;
height: 18px;
margin: 7px 0;
position: relative;
width: 18px;
margin-right: 7px
}
.waffle-dataconnector-pill-gm .waffle-dataconnector-pill-spinner {
border-radius: 50%;
box-shadow: inset 0 0 0 2px;
color: #188038;
display: inline-block;
height: 18px;
margin: 7px 0;
position: relative;
width: 18px;
margin-right: 7px
}
.waffle-dataconnector-pill-spinner:before {
-webkit-animation: waffle-dataconnector-pill-spinner-animation 2s infinite ease 1.5s;
-moz-animation: waffle-dataconnector-pill-spinner-animation 2s infinite ease 1.5s;
-o-animation: waffle-dataconnector-pill-spinner-animation 2s infinite ease 1.5s;
animation: waffle-dataconnector-pill-spinner-animation 2s infinite ease 1.5s;
-webkit-transform-origin: 11px 10px;
-moz-transform-origin: 11px 10px;
-ms-transform-origin: 11px 10px;
-o-transform-origin: 11px 10px;
transform-origin: 11px 10px;
background: #fff;
border-radius: 20px 0 0 20px;
content: "";
height: 20px;
left: -1px;
position: absolute;
top: -1px;
width: 11px
}
.waffle-dataconnector-pill-spinner:after {
-webkit-animation: waffle-dataconnector-pill-spinner-animation 2s infinite ease;
-moz-animation: waffle-dataconnector-pill-spinner-animation 2s infinite ease;
-o-animation: waffle-dataconnector-pill-spinner-animation 2s infinite ease;
animation: waffle-dataconnector-pill-spinner-animation 2s infinite ease;
-webkit-transform-origin: 0 10px;
-moz-transform-origin: 0 10px;
-ms-transform-origin: 0 10px;
-o-transform-origin: 0 10px;
transform-origin: 0 10px;
background: #fff;
border-radius: 0 20px 20px 0;
content: "";
height: 20px;
left: 10px;
position: absolute;
top: -1px;
width: 11px
}
@keyframes waffle-dataconnector-pill-spinner-animation {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
.grid-shim-bottom {
background-color: #f8f8f8;
border-top: 1px solid #e5e5e5
}
.grid-shim-end-ltr,
.grid-shim-end-rtl {
background: #f8f8f8;
height: 100%;
position: absolute;
top: 0
}
.grid-shim-end-ltr {
border-left: 1px solid #e5e5e5
}
.grid-shim-end-rtl {
border-right: 1px solid #e5e5e5
}
.grid-shim-end-ltr {
right: 0
}
.grid-shim-end-rtl {
left: 0
}
.grid-bottom-bar {
background-color: #eee;
z-index: 18
}
.docs-gm .grid-bottom-bar {
background-color: #f1f3f4;
border-top: 1px solid #e8eaed
}
.docs-grille-gm3 .grid-bottom-bar {
background-color: #f6f8fc;
border-color: #f6f8fc;
margin-top: 1px
}
.docs-gm .grid-bottom-bar td {
line-height: 0
}
.docs-gm .grid-bottom-bar .goog-toolbar {
min-height: 0
}
.grid-bottom-bar,
.grid-shim-bottom {
width: 100%
}
.docs-sheet-active-tab .docs-sheet-tab-dropdown {
background: none
}
.docs-sheet-add .docs-sheet-button-inner-box,
.docs-sheet-add .docs-sheet-button-icon {
background-position: -180px -37px
}
.docs-sheet-add.docs-sheet-button-hover .docs-sheet-button-inner-box,
.docs-sheet-add.docs-sheet-button-hover .docs-sheet-button-icon {
background-position: -642px 0
}
.docs-sheet-left .docs-sheet-button-inner-box,
.docs-sheet-left .docs-sheet-button-icon {
background-position: -430px -62px
}
.docs-sheet-left.docs-sheet-button-hover .docs-sheet-button-inner-box,
.docs-sheet-left.docs-sheet-button-hover .docs-sheet-button-icon {
background-position: -757px -44px
}
.docs-sheet-left.docs-sheet-button-disabled .docs-sheet-button-inner-box,
.docs-sheet-left.docs-sheet-button-disabled .docs-sheet-button-icon {
background-position: -430px -62px
}
.docs-sheet-right .docs-sheet-button-inner-box,
.docs-sheet-right .docs-sheet-button-icon {
background-position: -509px -62px
}
.docs-sheet-right.docs-sheet-button-hover .docs-sheet-button-inner-box,
.docs-sheet-right.docs-sheet-button-hover .docs-sheet-button-icon {
background-position: -597px -37px
}
.docs-sheet-right.docs-sheet-button-disabled .docs-sheet-button-inner-box,
.docs-sheet-right.docs-sheet-button-disabled .docs-sheet-button-icon {
background-position: -509px -62px
}
.docs-sheet-all .docs-sheet-button-inner-box,
.docs-sheet-all .docs-sheet-button-icon {
background-position: -791px -67px
}
.docs-sheet-all.docs-sheet-button-hover .docs-sheet-button-inner-box,
.docs-sheet-all.docs-sheet-button-hover .docs-sheet-button-icon {
background-position: -217px -62px
}
.docs-sheet-button-inner-box:hover,
.docs-sheet-button-outer-box:hover {
border-color: #c6c6c6 !important
}
.docs-sheet-button-inner-box {
background: none
}
.docs-sheet-button-icon {
background: url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") no-repeat;
margin: 2px
}
.docs-sheet-comment-indicator {
background: none;
color: white;
font-size: 11px;
font-weight: 500;
text-align: center
}
.docs-grille-gm3 .docs-sheet-comment-indicator {
font-family: "Google Sans", Roboto, sans-serif;
font-size: 10px;
font-weight: 700
}
.docs-sheet-outer-container {
vertical-align: top
}
.docs-grille-gm3 .docs-sheet-outer-container {
vertical-align: bottom
}
.docs-sheet-container {
height: 30px;
overflow: hidden;
top: -1px
}
.docs-gm .docs-sheet-container {
height: 40px;
line-height: normal;
margin-top: -1px;
top: 0
}
.docs-grille-gm3 .docs-sheet-container {
height: 36px
}
div.docs-sheet-container-bar {
background: none;
border: none;
font-size: 13px;
padding: 0 0 0 0.5em;
margin: 0 2px 2px 2px;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap
}
.docs-sheet-container-bar .docs-sheet-tab-open {
border-top: none;
-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2) !important;
z-index: 1004
}
.docs-sheet-tab-open {
border-top: 1px solid #fff
}
div.docs-sheet-button-bar {
background: none;
border: none;
padding: 2px 4px 4px 0;
margin: 0 0 0 2px;
overflow: hidden;
white-space: nowrap
}
.docs-grille-gm3 div.docs-sheet-button-bar {
height: 36px;
padding-bottom: 0;
padding-top: 0
}
.docs-sheet-tab {
text-decoration: none;
list-style: none;
vertical-align: top;
outline: none;
height: 24px;
z-index: 1003;
color: #666;
background-color: #e9e9e9;
border-style: solid;
border-width: 1px;
border-color: #ccc;
border-top-color: #aaa;
cursor: pointer;
padding: 2px;
margin: 0 0 2px 0;
min-width: 30px;
border-radius: 0 0 2px 2px
}
.docs-gm .docs-sheet-tab {
align-items: center;
background-color: #f1f3f4;
border-bottom: none;
border-left: 1px solid #e8eaed;
border-radius: 0;
border-right: 1px solid #e8eaed;
border-top: 1px solid #e8eaed;
display: inline-flex;
height: 39px;
margin-right: -1px;
padding: 0 12px 0 16px
}
.docs-grille-gm3 .docs-sheet-tab {
background-color: #f6f8fc;
border-color: #f6f8fc;
height: 36px;
padding: 0 6px 0 12px
}
.docs-sheet-tab.docs-sheet-tab-selected,
.docs-sheet-tab.docs-sheet-tab-selected.docs-sheet-tab-hover {
background-color: #fff;
color: #222;
outline: 3px solid transparent;
outline-offset: -3px
}
.docs-sheet-tab-hover {
color: #444;
background-color: #f1f1f1;
margin: 0 0 2px 0
}
.docs-gm .docs-sheet-tab-hover {
background-color: #e8eaed;
border-top-color: #e8eaed
}
.docs-grille-gm3 .docs-sheet-tab.docs-sheet-tab-hover {
background-color: #e8ebee;
border-color: #e8ebee
}
.docs-grille-gm3 .docs-sheet-tab:active,
.docs-grille-gm3 .docs-sheet-tab:focus,
.docs-grille-gm3 .docs-sheet-tab.docs-sheet-tab-selected {
background-color: #e1e3e6;
border-color: #e1e3e6
}
.docs-sheet-active-tab {
color: #222;
cursor: default;
background-color: #fff;
border-color: #aaa;
border-top-color: #fff;
border-width: 0 1px 1px 1px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
font-weight: 500;
margin: 0 0 2px 0;
z-index: 1004;
outline: 3px solid transparent;
outline-offset: -3px
}
.docs-gm .docs-sheet-active-tab {
background-color: #fff;
border-top-color: #f1f3f4;
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15)
}
.docs-grille-gm3 .docs-sheet-active-tab,
.docs-grille-gm3 .docs-sheet-tab-open:focus {
background-color: #eaf1fb;
border-color: #eaf1fb;
box-shadow: none;
padding: 0 5px 0 11px
}
.docs-grille-gm3 .docs-sheet-active-tab.docs-sheet-tab.docs-sheet-tab-hover {
background-color: #d8e5f8;
border-color: #d8e5f8
}
.docs-grille-gm3 .docs-sheet-active-tab.docs-sheet-tab:active,
.docs-grille-gm3 .docs-sheet-active-tab.docs-sheet-tab:focus,
.docs-grille-gm3 #docs-sheet-tab-drag-drop .docs-sheet-active-tab {
background-color: #cfdff6;
border-color: #cfdff6
}
.docs-grille-gm3 #docs-sheet-tab-drag-drop .docs-sheet-tab {
box-shadow: 0 8px 12px 6px rgba(0, 0, 0, 0.15), 0 4px 4px rgba(0, 0, 0, 0.3)
}
.docs-sheet-tab-menu {
border-color: #aaa !important
}
.docs-gm .docs-sheet-tab-menu {
border-color: transparent !important
}
.docs-sheet-tab-outer-box {
border-color: #e4e4e4
}
.docs-sheet-active-tab .docs-sheet-tab-outer-box {
border-color: #d8d8d8
}
.docs-sheet-tab-outer-box {
border-width: 1px 0;
padding: 0;
margin: 0 -1px;
white-space: nowrap;
padding: 3px 0 3px 5px
}
.docs-gm .docs-sheet-tab-outer-box {
margin-top: -2px;
padding: 0
}
.docs-grille-gm3 .docs-sheet-tab-outer-box {
margin-top: 0
}
.docs-sheet-button-outer-box {
margin: 0;
border-width: 1px 0;
padding: 0
}
.docs-sheet-button-inner-box {
margin: 0 -1px;
border-width: 0 1px;
white-space: nowrap
}
.docs-sheet-menu-inner-box {
padding: 1px 2px
}
.docs-gm .docs-sheet-button-outer-box,
.docs-gm .docs-sheet-button-inner-box {
border: none
}
.docs-gm .docs-sheet-button-disabled {
opacity: .38
}
::root .docs-sheet-tab,
::root .docs-sheet-tab-outer-box {
line-height: 0
}
::root .docs-sheet-tab-caption,
::root .docs-sheet-tab-dropdown {
line-height: normal
}
.docs-sheet-tab-color {
height: 3px;
margin: 3px -20px 0 -5px
}
.docs-gm .docs-sheet-tab-outer-box,
.docs-gm .docs-sheet-tab-inner-box,
.docs-gm .docs-sheet-tab-caption {
position: static
}
.docs-gm .docs-sheet-tab-color {
bottom: 0;
height: 4px;
left: 0;
margin: 0;
position: absolute;
right: 0
}
.docs-sheet-active-tab .docs-sheet-tab-dropdown {
display: inline-block
}
.docs-sheet-tab .docs-sheet-tab-dropdown {
display: inline-block;
margin-top: -7px
}
.docs-gm .docs-sheet-tab .docs-sheet-tab-dropdown {
border-radius: 2px;
margin: 0;
opacity: 1
}
.docs-sheet-tab-dropdown {
opacity: 0.3;
filter: alpha(opacity=30);
margin: -2px -1px -2px -2px
}
.docs-grille-gm3 .docs-sheet-tab .docs-sheet-tab-dropdown {
border: 1px solid transparent;
border-radius: 100%;
height: 20px;
width: 20px
}
.docs-sheet-active-tab .docs-sheet-tab-dropdown:hover {
cursor: pointer;
opacity: 1;
filter: alpha(opacity=100)
}
.docs-sheet-tab-dropdown {
vertical-align: middle
}
.docs-gm .docs-sheet-active-tab .docs-sheet-tab-dropdown {
border: 1px solid transparent;
margin-left: -1px;
margin-right: -1px;
opacity: 1.0
}
.docs-grille-gm3 .docs-sheet-active-tab .docs-sheet-tab-dropdown {
margin: 0
}
.docs-gm .docs-sheet-active-tab .docs-sheet-tab-dropdown:hover {
background-color: #e6f4ea
}
.docs-grille-gm3 .docs-sheet-active-tab .docs-sheet-tab-dropdown:hover {
background-color: rgba(68, 71, 70, 0.078)
}
.docs-gm .docs-sheet-active-tab .docs-sheet-tab-dropdown:active {
background-color: #ceead6
}
.docs-gm .docs-sheet-tab-open .docs-sheet-tab-dropdown,
.docs-gm .docs-sheet-tab-open .docs-sheet-tab-dropdown:hover {
background-color: #e6f4ea
}
.docs-grille-gm3 .docs-sheet-tab-open .docs-sheet-tab-dropdown,
.docs-grille-gm3 .docs-sheet-tab-open .docs-sheet-tab-dropdown:hover,
.docs-grille-gm3 .docs-sheet-active-tab .docs-sheet-tab-dropdown:focus,
.docs-grille-gm3 .docs-sheet-active-tab .docs-sheet-tab-dropdown:active {
background-color: rgba(68, 71, 70, 0.122)
}
.docs-gm .docs-sheet-tab-edit .docs-sheet-tab-dropdown {
display: none
}
.docs-sheet-tab-caption {
margin-right: 2px;
vertical-align: middle;
white-space: pre
}
.docs-gm .docs-sheet-tab-caption {
margin-right: 3px
}
.docs-sheet-tab-rtl .docs-sheet-tab-caption {
margin-right: 0;
margin-left: 2px
}
.docs-gm .docs-sheet-tab-rtl .docs-sheet-tab-caption {
margin-left: 3px
}
.docs-material .docs-sheet-tab-caption .docs-icon {
float: none;
margin: -3px 5px 0 0
}
.docs-gm .docs-material.docs-sheet-tab .docs-icon .docs-icon-arrow-dropdown {
left: -42px;
top: -3738px
}
.docs-grille-gm3 .docs-material.docs-sheet-tab .docs-icon .docs-icon-arrow-dropdown {
left: -42px;
top: -8832px
}
.docs-gm .docs-material.docs-sheet-tab .docs-icon .docs-icon-comment-blank {
left: 0;
top: -2616px
}
.docs-grille-gm3 .docs-material.docs-sheet-tab .docs-icon .docs-icon-comment-blank {
left: 0;
top: -9928px
}
.docs-gm .docs-material.docs-sheet-tab .docs-icon .docs-icon-database {
left: 0;
top: -11308px
}
.docs-gm .docs-material.docs-sheet-tab .docs-icon .docs-icon-locked {
left: -44px;
top: -800px
}
.docs-gm .docs-material.docs-sheet-tab .docs-icon .docs-sheet-timeline-icon {
left: 0;
top: -8102px
}
.docs-gm .docs-material.docs-sheet-active-tab .docs-icon .docs-icon-arrow-dropdown {
left: -20px;
top: -10428px
}
.docs-grille-gm3 .docs-material.docs-sheet-tab .docs-icon .docs-icon-arrow-dropdown {
left: -42px;
top: -3404px
}
.docs-grille-gm3 .docs-material.docs-sheet-active-tab .docs-icon .docs-icon-arrow-dropdown {
left: 0;
top: -5820px
}
.docs-gm .docs-material.docs-sheet-active-tab .docs-icon .docs-icon-comment-blank {
left: -22px;
top: -5456px
}
.docs-grille-gm3 .docs-material.docs-sheet-tab .docs-icon .docs-icon-comment-blank {
left: -26px;
top: -2076px
}
.docs-grille-gm3 .docs-material.docs-sheet-active-tab .docs-icon .docs-icon-comment-blank {
left: 0;
top: -8040px
}
.docs-gm .docs-material.docs-sheet-active-tab .docs-icon .docs-icon-database {
left: 0;
top: -4692px
}
.docs-grille-gm3 .docs-material.docs-sheet-tab .docs-icon .docs-icon-database {
left: 0;
top: -800px
}
.docs-grille-gm3 .docs-material.docs-sheet-active-tab .docs-icon .docs-icon-database {
left: -40px;
top: -10580px
}
.docs-gm .docs-material.docs-sheet-active-tab .docs-icon .docs-icon-locked {
left: 0;
top: -3094px
}
.docs-grille-gm3 .docs-material.docs-sheet-tab .docs-icon .docs-icon-locked {
left: -48px;
top: -9600px
}
.docs-grille-gm3 .docs-material.docs-sheet-active-tab .docs-icon .docs-icon-locked {
left: 0;
top: -6622px
}
.docs-gm .docs-material.docs-sheet-active-tab .docs-icon .docs-sheet-timeline-icon {
left: 0;
top: -8102px
}
.docs-grille-gm3 .docs-material.docs-sheet-tab .docs-icon .docs-sheet-timeline-icon {
left: 0;
top: -1552px
}
.docs-grille-gm3 .docs-material.docs-sheet-active-tab .docs-icon .docs-sheet-timeline-icon {
left: -22px;
top: -6204px
}
.docs-grille-gm3 .docs-material.docs-sheet-tab .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_gm3_grey_medium.svg)
}
.docs-grille-gm3 .docs-material.docs-sheet-tab:focus .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_dark.svg)
}
.docs-sheet-tab-name {
padding: 3px 1px;
font-size: 13px;
font-size: var(--docs-material-font-size-normal, 13px)
}
.docs-gm .docs-sheet-tab-name {
color: #5f6368;
display: inline-block;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: .025rem
}
.docs-grille-gm3 .docs-sheet-tab-name {
color: #444746;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased
}
.docs-grille-gm3 .docs-sheet-tab:focus .docs-sheet-tab-name {
color: #1f1f1f
}
.docs-gm .docs-sheet-active-tab .docs-sheet-tab-name {
color: #188038
}
.docs-grille-gm3 .docs-sheet-active-tab .docs-sheet-tab-name,
.docs-grille-gm3 .docs-sheet-active-tab:focus .docs-sheet-tab-name {
color: #0b57d0;
font-weight: 700
}
.docs-sheet-tab-name[contenteditable="true"] {
border: 1px solid #d9d9d9;
display: inline-block;
height: 16px;
min-width: 8px;
margin: -4px -1px;
-moz-user-modify: read-write-plaintext-only;
-webkit-user-modify: read-write-plaintext-only;
-moz-user-select: text !important;
-ms-user-select: text !important;
-webkit-user-select: text !important
}
.docs-gm .docs-sheet-tab-name[contenteditable="true"] {
border: 2px solid #1a73e8;
border-radius: 4px;
color: #222;
height: auto;
margin: 0 -5px 0 -5px;
padding: 4px 22px 4px 4px
}
.docs-grille-gm3 .docs-sheet-tab-name[contenteditable="true"] {
margin: 0 -2px 0 -4px
}
.docs-sheet-tab-name[contenteditable="true"]:focus {
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3);
border: 1px solid #4d90fe;
outline: none
}
.docs-gm .docs-sheet-tab-name[contenteditable="true"]:focus {
border: 2px solid #1a73e8;
box-shadow: none
}
.docs-sheet-tab-name-error {
border-color: red !important
}
.docs-sheet-button-inner-box {
width: 25px;
height: 25px
}
.docs-sheet-button,
.docs-sheet-menu-button {
margin: 0 3px;
cursor: pointer
}
.docs-gm .docs-sheet-button {
border: 1px solid transparent;
border-radius: 2px;
outline: none
}
.docs-gm .docs-sheet-button-hover {
background-color: #f1f3f4
}
.docs-gm .docs-sheet-button-active {
background-color: #e8eaed
}
.docs-gm .docs-sheet-button-open {
background-color: #e6f4ea
}
.docs-grille-gm3 .docs-sheet-button {
border-radius: 100%;
margin-top: 1px
}
.docs-grille-gm3 .docs-sheet-button-inner-box {
align-items: center;
display: flex;
height: 32px;
justify-content: center;
margin: 0;
width: 32px
}
.docs-grille-gm3 .docs-sheet-button-hover,
.docs-grille-gm3 .docs-sheet-button-open {
background-color: #e8ebee
}
.docs-grille-gm3 .docs-sheet-button-active,
.docs-grille-gm3 .docs-sheet-button-focused {
background-color: #e1e3e6
}
.docs-sheet-button-outer-box,
.docs-sheet-button-inner-box {
border-style: solid;
vertical-align: top;
border-color: transparent
}
.docs-sheet-button-disabled,
.docs-sheet-button-disabled .docs-sheet-button-outer-box,
.docs-sheet-button-disabled .docs-sheet-button-inner-box {
cursor: default
}
.docs-sheet-tab .docs-icon-locked {
margin-left: -3px
}
.docs-material .docs-sheet-tab .docs-icon-locked {
margin-left: 0
}
.docs-icon.docs-sheet-lock-container {
float: left;
margin-top: -3px;
width: 16px
}
.docs-sheet-comment-indicator-container {
float: left;
margin-top: -3px;
width: 22px
}
.docs-icon-img-container.docs-sheet-database-icon {
width: 18px;
height: 18px;
margin-top: 2px
}
.docs-material .docs-icon-img-container.docs-sheet-database-icon {
margin-top: 0
}
.docs-sheet-database-icon {
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICA8ZyBmaWxsPSIjMDAwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgPGVsbGlwc2UgY3g9IjkiIGN5PSI1IiByeD0iNyIgcnk9IjMiLz4KICAgIDxwYXRoIGQ9Ik0xNiw3IEwxNiw4Ljk5OTk5OTgzIEMxNiwxMC42NTY4NTQyIDEyLjg2NTk5MzIsMTIgOSwxMiBDNS4xMzQwMDY3NSwxMiAyLDEwLjY1Njg1NDIgMiw5IEwyLDcgQzIsOC42NTY4NTQyNSA1LjEzNDAwNjc1LDEwIDksMTAgQzEyLjg2NTk5MzIsMTAgMTYsOC42NTY4NTQyNSAxNiw3IFoiLz4KICAgIDxwYXRoIGQ9Ik0xNiwxMSBMMTYsMTIuOTk5OTk5OCBDMTYsMTQuNjU2ODU0MiAxMi44NjU5OTMyLDE2IDksMTYgQzUuMTM0MDA2NzUsMTYgMiwxNC42NTY4NTQyIDIsMTMgTDIsMTEgQzIsMTIuNjU2ODU0MiA1LjEzNDAwNjc1LDE0IDksMTQgQzEyLjg2NTk5MzIsMTQgMTYsMTIuNjU2ODU0MiAxNiwxMSBaIi8+CiAgPC9nPgo8L3N2Zz4K") no-repeat
}
.docs-sheet-database-icon-container {
float: left;
margin-top: -3px;
width: 20px
}
.docs-sheet-form-icon-container {
float: left;
margin-top: -3px;
opacity: 0.5;
width: 22px
}
.docs-sheet-active-tab .docs-sheet-form-icon-container {
opacity: 1
}
.docs-sheet-comment-indicator {
display: block;
height: 16px;
line-height: 12px;
width: 16px;
position: absolute;
top: 4px;
left: 3px;
margin-top: 0
}
.docs-material .docs-sheet-comment-indicator {
height: 12px;
left: 1px;
line-height: 12px;
top: 2px
}
.docs-grille-gm3 .docs-sheet-comment-indicator {
left: 2px;
top: 3px
}
.docs-sheet-all-sheet-menu-item {
white-space: nowrap
}
.docs-sheet-all-sheet-menu-item-hidden .goog-menuitem-content {
color: #888
}
.docs-sheet-all-sheet-menu-item-swatch {
border-radius: 9px;
display: inline-block;
height: 9px;
margin-right: 8px;
width: 9px
}
.docs-sheet-button-bar-container.fit-content {
width: 1em
}
.docs-sheet-button-bar-container:last-child,
.docs-sheet-button-bar-container.fit-content:last-child {
width: 100%
}
.docs-sheet-status-container {
width: 158px;
overflow: hidden;
padding: 0;
border-left: 1px solid #ccc
}
.docs-sheet-status-container-avs {
overflow: hidden;
padding: 0
}
.docs-sheet-status {
max-width: 150px;
float: right;
margin-right: 8px;
overflow: hidden
}
.docs-sheet-status-avs {
max-width: 150px;
float: right;
margin-right: 8px;
overflow: hidden;
position: relative;
top: 3px
}
.docs-gm .docs-sheet-status-avs {
top: 4px;
max-width: 170px
}
.docs-grille-gm3 .docs-sheet-status-avs {
max-width: unset;
top: 0
}
.docs-sheet-status>.jfk-select {
line-height: 29px;
margin: 0 3px 0 6px;
max-width: 119px
}
.docs-sheet-status-avs>.jfk-select {
line-height: 29px;
max-width: 119px
}
.docs-gm .docs-sheet-status-avs .goog-flat-menu-button {
border: 1px solid #dadce0;
border-radius: 4px;
box-sizing: border-box;
cursor: pointer;
padding: 8px 6px 8px 8px;
width: 100%;
align-items: center;
background: white;
color: #3c4043;
display: inline-flex;
justify-content: space-between;
outline: none;
padding: 4px;
position: relative;
max-width: 139px;
width: auto;
width: unset
}
.docs-gm .docs-sheet-status-avs .goog-flat-menu-button-disabled {
color: #5f6368;
opacity: .38;
cursor: default
}
.docs-gm .docs-sheet-status-avs .goog-flat-menu-button:active {
background-color: #fff;
border: 1px solid transparent;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}
.docs-gm .docs-sheet-status-avs .goog-flat-menu-button-hover {
background-color: rgba(60, 64, 67, 0.04);
border: 1px solid #dadce0;
box-shadow: none
}
.docs-gm .docs-sheet-status-avs .goog-flat-menu-button-focused {
background-color: rgba(60, 64, 67, 0.06);
border: 1px solid #dadce0
}
.docs-gm .docs-sheet-status-avs .goog-flat-menu-button-open {
background-color: rgba(60, 64, 67, 0.04);
border: 1px solid transparent
}
.docs-gm .docs-sheet-status-avs .goog-flat-menu-button-hover.goog-flat-menu-button-open {
background-color: rgba(60, 64, 67, 0.06)
}
.docs-gm .docs-sheet-status-avs .goog-flat-menu-button-focused.goog-flat-menu-button-open {
background-color: rgba(60, 64, 67, 0.08)
}
.docs-gm .docs-sheet-status-avs .goog-flat-menu-button-disabled {
border: 1px solid #dadce0;
box-shadow: none;
cursor: default
}
.docs-gm .docs-sheet-status-avs .goog-flat-menu-button-caption {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
height: 20px;
line-height: 20px;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-size: 11px
}
.docs-gm .docs-sheet-status-avs .goog-flat-menu-button-disabled .goog-flat-menu-button-caption {
color: #5f6368;
opacity: .38;
cursor: default
}
.docs-gm .docs-sheet-status-avs .goog-flat-menu-button-dropdown {
background: no-repeat url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_medium.svg) -20px -10428px;
height: 18px;
width: 18px;
border: none;
margin-top: 0;
position: relative;
right: 0;
top: 0
}
.docs-gm .docs-sheet-status-avs .goog-flat-menu-button-disabled .goog-flat-menu-button-dropdown {
opacity: .38
}
.docs-gm .docs-sheet-status-avs .goog-flat-menu-button-disabled.goog-flat-menu-button:active {
border: 1px solid #dadce0;
box-shadow: none;
cursor: default;
box-shadow: none
}
.docs-gm .docs-sheet-status-avs .goog-flat-menu-button-open .goog-flat-menu-button-dropdown {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.docs-gm .docs-sheet-status-avs .jfk-radiobutton-disabled .jfk-radiobutton-label {
color: #5f6368;
opacity: .38;
cursor: default
}
.docs-grille-gm3 .docs-sheet-status-avs .goog-flat-menu-button,
.docs-grille-gm3 .docs-sheet-status-avs .goog-flat-menu-button:active {
background: #c4eed0;
border-color: transparent;
border-radius: 8px;
box-shadow: none;
height: 30px;
margin: 3px;
max-width: 180px;
padding: 2px 6px
}
.docs-grille-gm3 .docs-sheet-status-avs .goog-flat-menu-button-dropdown {
background: url(//ssl.gstatic.com/docs/common/material_common_sprite475_gm3_grey_medium.svg) -42px -2852px no-repeat;
border-radius: 6px;
height: 20px;
min-width: 20px;
width: 20px
}
.docs-grille-gm3 .docs-sheet-status-avs .goog-flat-menu-button-open .goog-flat-menu-button-dropdown {
transform: none
}
.docs-grille-gm3 .docs-sheet-status-avs .goog-flat-menu-button-hover,
.docs-grille-gm3 .docs-sheet-status-avs .goog-flat-menu-button-open {
background-color: #b5dec1
}
.docs-grille-gm3 .docs-sheet-status-avs .goog-flat-menu-button:active,
.docs-grille-gm3 .docs-sheet-status-avs .goog-flat-menu-button-focused,
.docs-grille-gm3 .docs-sheet-status-avs .goog-flat-menu-button-focused.goog-flat-menu-button-open {
background-color: #add6b9
}
.docs-sheet-status .goog-flat-menu-button-caption,
.docs-sheet-status-avs .goog-flat-menu-button-caption {
text-overflow: ellipsis
}
.waffle-quicksum-container {
color: #333;
font-size: 11px;
font-weight: 500;
height: 30px;
line-height: 30px;
margin-right: 22px;
overflow: hidden;
text-align: right
}
.docs-grille-gm3 .docs-sheet-status-avs .goog-flat-menu-button-caption,
.docs-grille-gm3 .waffle-quicksum-container {
color: #072711;
font: 500 14px/30px "Google Sans", Roboto, sans-serif;
margin: 4px
}
.docs-grille-gm3 .docs-sheet-status-avs .goog-flat-menu-button-caption {
line-height: 20px
}
.waffle-autovis-quicksum {
height: 34px;
margin: 1px
}
.jfk-button.waffle-autovis-quicksum-button {
border: 1px solid transparent;
cursor: pointer;
height: 28px;
margin: 0;
padding: 2px;
position: relative;
width: 154px
}
.docs-sheet-fade {
position: absolute;
display: block;
top: 0;
width: 6px;
height: 100%;
z-index: 1005
}
.docs-sheet-fade div {
background-color: #d7d7d7;
width: 2px;
float: right;
position: relative;
height: 100%
}
.docs-sheet-fade-left {
left: 0
}
.docs-sheet-fade-right {
right: 0
}
.docs-sheet-fade1 {
opacity: 0.82;
filter: alpha(opacity=82)
}
.docs-sheet-fade2 {
opacity: 0.62;
filter: alpha(opacity=62)
}
.docs-sheet-fade3 {
opacity: 0.4;
filter: alpha(opacity=40)
}
.docs-grille-gm3 .docs-sheet-fade {
width: 1px
}
.docs-grille-gm3 .docs-grille-sheet-fade {
background-color: #c7c7c7;
height: 20px;
margin-top: 7px;
width: 1px
}
.docs-grille-gm3 .docs-material.docs-sheet-active-tab .docs-icon-img,
.docs-grille-gm3 .docs-material.docs-sheet-active-tab .docs-icon-img:before {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_gm3_grey_medium.svg)
}
.docs-sheet-filter-status {
color: #3c4043;
display: flex;
float: right;
font-size: 11px;
font-weight: 500;
line-height: 30px;
margin-right: 8px;
max-width: 200px;
min-width: 50px;
position: relative;
text-align: right;
top: 4px
}
.docs-sheet-filter-status-text {
display: inline-block;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 14px;
font-weight: 400;
opacity: 0.85;
overflow: hidden;
text-align: center;
text-overflow: ellipsis;
white-space: nowrap
}
.docs-sheet-filter-status .docs-icon {
margin-right: -2.5px;
min-width: 21px
}
.docs-sheet-filter-status .docs-icon-filter-alt {
margin-top: -1px;
opacity: 0.85
}
.waffle-slicereditor-sidebar.waffle-sidebar-container {
width: 320px;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
z-index: 2
}
.waffle-slicer-editor-send-feedback-container {
text-align: end
}
.waffle-slicer-editor-style-tab .waffle-slicer-editor-style-format-option,
.waffle-slicer-editor-style-color-option-non-gm .docs-charts-editor-material-toolbar-color-picker-outer-box {
background-color: #f1f3f4
}
.goog-menu-vertical .waffle-slicer-editor-column-selector-menu-separator {
margin-left: 0
}
.waffle-slicer-editor-column-selector-menu-item {
display: flex;
border: 1px solid transparent;
line-height: 20px;
margin: 0;
padding: 5px;
width: 286px
}
.waffle-slicer-editor-column-selector-menu-item-name {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
margin: 0 20px 0 10px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-slicer-editor-column-selector-menu-item-range {
display: flex;
opacity: 0.5;
max-width: 143px
}
.waffle-slicer-editor-column-selector-menu-item-rect {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1
}
.waffle-slicer-editor-column-selector-menu-item-sheet-name {
overflow: hidden;
text-overflow: ellipsis
}
.waffle-slicer-editor-setup-tab .waffle-slicer-editor-style-tab {
width: 100%
}
.waffle-slicer-editor-sidebar-col {
width: 50%;
margin-right: 10px
}
.waffle-slicer-editor-sidebar-col:last-child {
margin-right: 0
}
.waffle-slicer-editor-sidebar-control-label {
color: #616161;
font-size: 11px;
line-height: 16px;
margin-bottom: 8px;
margin-right: 2px
}
.waffle-slicer-editor-sidebar-custom-row {
display: flex
}
.waffle-slicer-editor-sidebar-title-input-box {
width: 100%
}
.waffle-slicer-editor-sidebar-title-input-box>input {
border-left: none;
border-right: none;
border-top: none;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 18px;
height: 100%;
padding: 0;
width: 100%
}
.waffle-slicer-editor-sidebar-title-input-box>input:disabled {
opacity: 0.75
}
.waffle-slicer-editor-sidebar-title-input-box>input:focus {
border: none;
border-bottom: 2px solid #4285f4
}
.waffle-slicer-editor-sidebar-row {
padding: 10px 16px
}
.waffle-slicer-editor-sidebar-align .goog-toolbar-menu-button-dropdown {
margin: 0
}
.waffle-slicer-editor-sidebar-align-menu-items .goog-palette-table {
border: 0;
margin: 0 4px
}
.waffle-slicer-editor-sidebar-align-menu-items .goog-palette-cell {
border: 0;
padding: 2px
}
.waffle-slicer-editor-sidebar-align-menu-items .goog-palette-cell-hover {
background: #eee
}
.waffle-slicer-editor-sidebar-rangepicker-error-label {
color: #db4437;
font-size: 13px
}
.waffle-slicer-editor-apply-to-pivot-table-row {
display: flex;
-webkit-align-items: center;
align-items: center
}
.waffle-slicer-editor-apply-to-pivot-table-checkbox {
display: flex
}
.waffle-slicer-editor-apply-to-pivot-table-checkbox-label {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
margin: 0 5px
}
.waffle-slicer-editor-sidebar-title-format {
border: 1px solid #dadce0;
border-radius: 4px;
display: inline-block;
height: 40px;
line-height: 40px
}
.waffle-slicer-editor-textstyle-separator {
border-left: 1px solid #dadce0;
height: 25px;
margin: 7px 1px;
vertical-align: top
}
.waffle-slicer-editor-sidebar-title-input {
transition: border-color 0.3s ease;
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
height: 42px;
line-height: 36px;
margin-bottom: 0;
min-height: 42px;
resize: none
}
.waffle-slicer-editor-sidebar-title-input-label {
color: #5f6368;
font-size: 12px;
line-height: 15px;
margin-bottom: 8px
}
.docs-multi-menu-col {
float: left
}
.docs-multi-menu-col .goog-menuheader {
color: #777;
font-size: 11px;
padding: .3em .5em .3em 0.5em;
text-transform: uppercase
}
.dialog-separator {
border-bottom: 1px solid #e5e5e5;
margin: 0 -42px 20px
}
.nfd-inputall,
.nfd-input,
.nfd-apply,
.nfd-inner-input-content {
display: inline-block
}
.nfd-input {
min-height: 18px;
position: relative
}
.nfd-input span:focus {
outline: none
}
.nfd-date-time-left-most {
display: inline-block;
min-width: 1px
}
.nfd-inner-input-content {
text-align: right
}
.nfd-date-time-input {
position: relative;
transform: translateZ(0)
}
.nfd-date-time-input .goog-flat-menu-button {
margin: 1px 2px
}
.nfd-input .jfk-select .goog-flat-menu-button-dropdown {
background: no-repeat url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_medium.svg) -62px -8210px;
left: 0
}
.nfd-input table {
border-spacing: 0;
width: 100%
}
.nfd-dialog-content ul {
list-style: none;
margin: 0;
padding: 0
}
.nfd-format-pill {
border-bottom: 1px solid #e5e5e5;
border-left: 1px solid transparent;
font-size: 15px;
padding: 16px;
position: relative
}
.nfd-format-pill:focus {
border-left: 1px solid #4d90fe;
outline: none
}
.nfd-format-pill:hover {
background-color: #f1f1f1
}
.nfd-format-display {
display: inline-block
}
.nfd-format-sample {
color: #5f6368;
display: inline-block;
position: absolute;
right: 20px
}
.nfd-pill-container li:last-child {
border-bottom: none
}
.cnf-sample-table {
border-spacing: 0;
display: inline-table
}
.cnf-sample-wrapper {
position: relative
}
.cnf-help-link {
position: absolute;
right: 0
}
td.nfd-sample-label {
color: #777;
padding-left: 0;
padding-right: 5px
}
.number-format-menu .goog-menuitem {
padding-right: 1em
}
.nfd-date-time-menu-button:hover,
.nfd-date-time-menu-button:focus {
background-color: #e8eaed;
outline: none
}
.nfd-input.nfd-invalid {
border: 1px solid #b3261e
}
.nfd-date-time-menu .goog-menuitem {
padding-left: 6px;
padding-right: 4em
}
.nfd-dialog .nfd-inputall .nfd-input {
font-size: 13px;
height: initial;
margin-top: 0;
min-height: 36px;
overflow-x: auto;
padding: 2px 8px;
width: 366px
}
.nfd-dialog.modal-dialog {
padding: 24px
}
.nfd-dialog .dialog-separator {
display: none
}
.nfd-input input {
border: none;
font-size: inherit;
margin: 0;
outline: none;
padding: 0;
width: 100%
}
.nfd-input>input {
height: 18px;
padding: 6px 0
}
.nfd-inner-input {
height: 16px;
line-height: 16px;
min-width: 25px;
padding: 7px 0;
width: 100%
}
.nfd-input.nfd-input-focus {
border: 2px solid #1a73e8;
box-shadow: none;
padding: 0px 7px;
box-shadow: none;
outline: none
}
.nfd-input.nfd-input-focus>input {
padding: 7px 0
}
.nfd-input.nfd-input-focus .nfd-inner-input {
padding: 8px 0
}
.nfd-dialog.modal-dialog-content {
min-width: 464px;
width: unset
}
.nfd-dialog-content {
border: 1px solid #e5e5e5;
cursor: pointer;
height: 400px;
margin-top: 8px;
overflow-y: scroll;
-webkit-tap-highlight-color: transparent
}
.nfd-input .goog-flat-menu-button {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
border: 1px solid #dadce0 !important;
color: #137333;
height: 24px;
padding: 3px 12px 5px;
border-radius: 24px;
color: #3c4043;
font-size: 12px;
line-height: 17px;
padding: 3px 24px 3px 10px
}
.nfd-input .goog-flat-menu-button-caption {
font-weight: 500
}
.nfd-input .goog-flat-menu-button.goog-flat-menu-button-hover {
background: #f8f9fa
}
.nfd-date-time-pill {
margin: 2px 0
}
.nfd-input .nfd-currency-other-formats {
padding-top: 4px;
margin-right: 0
}
.nfd-date-time-menu-button {
background: no-repeat url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_medium.svg) -40px -1732px;
border: none;
float: right;
height: 18px;
margin: 6px 0;
position: fixed;
right: 108px;
top: 2px;
width: 18px
}
.nfd-input .goog-flat-menu-button-dropdown {
background: no-repeat url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_medium.svg) -62px -8210px;
height: 18px;
left: 18px;
top: 0;
width: 18px
}
.jfk-button.nfd-apply {
margin-left: 9px;
margin-right: 0;
vertical-align: top
}
.goog-palette {
cursor: default;
outline: none
}
.goog-palette-table {
border: 1px solid #666;
border-collapse: collapse;
margin: 5px
}
.goog-palette-cell {
border: 0;
border-right: 1px solid #666;
cursor: pointer;
height: 18px;
margin: 0;
text-align: center;
vertical-align: middle;
width: 18px
}
.goog-palette-cell .goog-palette-colorswatch {
border: none;
font-size: x-small;
height: 18px;
position: relative;
width: 18px
}
.goog-palette-cell-hover .goog-palette-colorswatch {
border: 1px solid #fff;
height: 16px;
width: 16px
}
.goog-palette-cell-selected .goog-palette-colorswatch {
background: url(//ssl.gstatic.com/editor/editortoolbar.png) no-repeat -368px 0;
border: 1px solid #333;
color: #fff;
font-weight: bold;
height: 16px;
width: 16px
}
.goog-palette-customcolor {
background-color: #fafafa;
border: 1px solid #eee;
color: #666;
font-size: x-small;
height: 15px;
position: relative;
width: 15px
}
.goog-palette-cell-hover .goog-palette-customcolor {
background-color: #fee;
border: 1px solid #f66;
color: #f66
}
.goog-color-menu-button-indicator {
border-bottom: 4px solid #f0f0f0
}
.goog-color-menu-button .goog-menu-button-inner-box,
.goog-toolbar-color-menu-button .goog-toolbar-menu-button-inner-box {
padding-top: 2px !important;
padding-bottom: 2px !important
}
.goog-tab {
position: relative;
padding: 4px 8px;
color: #00c;
text-decoration: underline;
cursor: default
}
.goog-tab-bar-top .goog-tab {
margin: 1px 4px 0 0;
border-bottom: 0;
float: left
}
.goog-tab-bar-top:after,
.goog-tab-bar-bottom:after {
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden
}
.goog-tab-bar-bottom .goog-tab {
margin: 0 4px 1px 0;
border-top: 0;
float: left
}
.goog-tab-bar-start .goog-tab {
margin: 0 0 4px 1px;
border-right: 0
}
.goog-tab-bar-end .goog-tab {
margin: 0 1px 4px 0;
border-left: 0
}
.goog-tab-hover {
background: #eee
}
.goog-tab-disabled {
color: #666
}
.goog-tab-selected {
color: #000;
background: #fff;
text-decoration: none;
font-weight: bold;
border: 1px solid #6b90da
}
.goog-tab-bar-top {
padding-top: 5px !important;
padding-left: 5px !important;
border-bottom: 1px solid #6b90da !important
}
.goog-tab-bar-top .goog-tab-selected {
top: 1px;
margin-top: 0;
padding-bottom: 5px
}
.goog-tab-bar-bottom .goog-tab-selected {
top: -1px;
margin-bottom: 0;
padding-top: 5px
}
.goog-tab-bar-start .goog-tab-selected {
left: 1px;
margin-left: 0;
padding-right: 9px
}
.goog-tab-bar-end .goog-tab-selected {
left: -1px;
margin-right: 0;
padding-left: 9px
}
.goog-tab-bar {
margin: 0;
border: 0;
padding: 0;
list-style: none;
cursor: default;
outline: none;
background: #ebeff9
}
.goog-tab-bar-clear {
clear: both;
height: 0;
overflow: hidden
}
.goog-tab-bar-start {
float: left
}
.goog-tab-bar-end {
float: right
}
* html .goog-tab-bar-start {
margin-right: -3px
}
* html .goog-tab-bar-end {
margin-left: -3px
}
.jfk-scrollbar::-webkit-scrollbar {
height: 16px;
overflow: visible;
width: 16px
}
.jfk-scrollbar::-webkit-scrollbar-button {
height: 0;
width: 0
}
.jfk-scrollbar::-webkit-scrollbar-track {
background-clip: padding-box;
border: solid transparent;
border-width: 0 0 0 4px
}
.jfk-scrollbar::-webkit-scrollbar-track:horizontal {
border-width: 4px 0 0
}
.jfk-scrollbar::-webkit-scrollbar-track:hover {
background-color: rgba(0, 0, 0, .05);
box-shadow: inset 1px 0 0 rgba(0, 0, 0, .1)
}
.jfk-scrollbar::-webkit-scrollbar-track:horizontal:hover {
box-shadow: inset 0 1px 0 rgba(0, 0, 0, .1)
}
.jfk-scrollbar::-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)
}
.jfk-scrollbar::-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)
}
.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-track:hover {
background-color: rgba(255, 255, 255, .1);
box-shadow: inset 1px 0 0 rgba(255, 255, 255, .2)
}
.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-track:horizontal:hover {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2)
}
.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-track:active {
background-color: rgba(255, 255, 255, .1);
box-shadow: inset 1px 0 0 rgba(255, 255, 255, .25), inset -1px 0 0 rgba(255, 255, 255, .15)
}
.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-track:horizontal:active {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), inset 0 -1px 0 rgba(255, 255, 255, .15)
}
.jfk-scrollbar::-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)
}
.jfk-scrollbar::-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)
}
.jfk-scrollbar::-webkit-scrollbar-thumb:hover {
background-color: rgba(0, 0, 0, .4);
box-shadow: inset 1px 1px 1px rgba(0, 0, 0, .25)
}
.jfk-scrollbar::-webkit-scrollbar-thumb:active {
background-color: rgba(0, 0, 0, 0.5);
box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.35)
}
.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-thumb {
background-color: rgba(255, 255, 255, .3);
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .15), inset 0 -1px 0 rgba(255, 255, 255, .1)
}
.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-thumb:horizontal {
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .15), inset -1px 0 0 rgba(255, 255, 255, .1)
}
.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-thumb:hover {
background-color: rgba(255, 255, 255, .6);
box-shadow: inset 1px 1px 1px rgba(255, 255, 255, .37)
}
.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-thumb:active {
background-color: rgba(255, 255, 255, .75);
box-shadow: inset 1px 1px 3px rgba(255, 255, 255, .5)
}
.jfk-scrollbar-borderless.jfk-scrollbar::-webkit-scrollbar-track {
border-width: 0 1px 0 6px
}
.jfk-scrollbar-borderless.jfk-scrollbar::-webkit-scrollbar-track:horizontal {
border-width: 6px 0 1px
}
.jfk-scrollbar-borderless.jfk-scrollbar::-webkit-scrollbar-track:hover {
background-color: rgba(0, 0, 0, .035);
box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .14), inset -1px -1px 0 rgba(0, 0, 0, .07)
}
.jfk-scrollbar-borderless.jfk-scrollbar-dark.jfk-scrollbar::-webkit-scrollbar-track:hover {
background-color: rgba(255, 255, 255, .07);
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .25), inset -1px -1px 0 rgba(255, 255, 255, .15)
}
.jfk-scrollbar-borderless.jfk-scrollbar::-webkit-scrollbar-thumb {
border-width: 0 1px 0 6px
}
.jfk-scrollbar-borderless.jfk-scrollbar::-webkit-scrollbar-thumb:horizontal {
border-width: 6px 0 1px
}
.jfk-scrollbar::-webkit-scrollbar-corner {
background: transparent
}
body.jfk-scrollbar::-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.jfk-scrollbar::-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.jfk-scrollbar::-webkit-scrollbar-thumb {
border-width: 1px 1px 1px 5px
}
body.jfk-scrollbar::-webkit-scrollbar-thumb:horizontal {
border-width: 5px 1px 1px
}
body.jfk-scrollbar::-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)
}
#docs-toolbar-wrapper {
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
min-height: 35px;
box-shadow: inset 0 1px 0 0 #fff;
background-color: #f5f5f5;
background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
background-image: -moz-linear-gradient(top, #f5f5f5, #eee);
background-image: -ms-linear-gradient(top, #f5f5f5, #eee);
background-image: -o-linear-gradient(top, #f5f5f5, #eee);
background-image: linear-gradient(top, #f5f5f5, #eee);
padding: 0 44px 0 58px;
position: relative
}
#docs-toolbar-wrapper.docs-hub-appbar {
border: none
}
#docs-toolbar {
background: none;
border-width: 0 !important;
display: inline;
min-height: 35px;
padding: 0
}
#docs-primary-toolbars {
display: block
}
#docs-omnibox-toolbar {
background: none;
border-width: 0 !important;
display: inline-block;
overflow: hidden;
padding: 0 6px;
vertical-align: middle;
width: 293px
}
#docs-side-toolbar {
background: none;
border: 0;
margin: 0 44px 0 0;
padding: 0;
position: absolute;
right: 0;
top: 0;
justify-content: center;
align-items: center;
display: flex
}
.goog-toolbar {
margin-bottom: 0;
outline: 0
}
.goog-toolbar-button,
.goog-toolbar-menu-button {
margin: 4px 0 0 -1px
}
.goog-toolbar-button-inner-box,
.goog-toolbar-menu-button-inner-box {
height: 25px;
min-width: 25px;
padding: 0;
text-align: center
}
.docs-toolbar-button-split-left .goog-toolbar-button-inner-box {
min-width: 23px
}
.goog-toolbar-button-inner-box .docs-icon,
.goog-toolbar-menu-button-caption .docs-icon,
.goog-toolbar-menu-button-caption .goog-color-menu-button-indicator .docs-icon {
margin-top: -3px
}
.goog-toolbar-menu-button .goog-toolbar-menu-button-outer-box .goog-toolbar-menu-button-inner-box,
.goog-toolbar-button .goog-toolbar-menu-button-outer-box .goog-toolbar-menu-button-inner-box {
margin: 0 1px
}
.goog-toolbar-menu-button-dropdown {
margin-left: 4px;
margin-right: 0;
margin-top: 9px
}
.goog-toolbar-color-menu-button .goog-toolbar-menu-button-dropdown {
margin-top: 7px
}
.goog-toolbar-separator.goog-inline-block {
border-left: 1px solid #d9d9d9;
height: 35px;
margin: 0 5px 0 4px;
vertical-align: top
}
.goog-toolbar-select .goog-toolbar-menu-button-outer-box .goog-toolbar-menu-button-inner-box {
margin: 0;
margin-right: 1px
}
.goog-color-menu-button-indicator {
position: relative;
height: 19px
}
.goog-toolbar-color-menu-button .goog-toolbar-menu-button-caption {
top: -2px
}
.docs-toolbar-small-separator.goog-toolbar-separator {
border-left: 1px solid #ccc;
display: inline;
font-size: 11px;
height: 17px;
line-height: normal;
list-style: none;
margin: 0 -3px 0 -1px;
outline: none;
overflow: hidden;
padding: 0 0 3px 0;
text-decoration: none;
vertical-align: middle;
width: 0
}
.docs-toolbar-small-separator.goog-toolbar-separator,
.docs-toolbar-small-separator.goog-toolbar-separator {
display: inline-block;
height: 35px;
margin: 0 5px 0 4px;
padding: 0;
vertical-align: top
}
.docs-toolbar-small-separator.goog-toolbar-separator+.docs-toolbar-small-separator.goog-toolbar-separator {
display: none
}
.goog-toolbar-button+div.docs-toolbar-small-separator,
div.goog-toolbar-separator+div.docs-toolbar-small-separator,
div.goog-toolbar-menu-button+div.docs-toolbar-small-separator {
margin-left: 3px
}
.docs-toolbar-small-separator+div.goog-toolbar-button,
.docs-toolbar-small-separator+div.goog-toolbar-menu-button,
.docs-toolbar-small-separator+div[class~=goog-toolbar-select] {
margin-left: -1px
}
div[class~="goog-toolbar-select"]+div.docs-toolbar-small-separator {
margin-left: -1px
}
.docs-toolbar-small-separator+div.goog-toolbar-select {
margin-left: -3px
}
.docs-toolbar-inset-separator.docs-toolbar-small-separator {
border-left: 1px solid 1px solid #d9d9d9;
height: 20px;
margin: 5px 5px 0 4px;
vertical-align: middle
}
.goog-toolbar-toggle-button.goog-toolbar-button-checked+.goog-toolbar-toggle-button.goog-toolbar-button-checked {
border-left: 0;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin-left: -1px
}
.goog-toolbar-toggle-button.goog-toolbar-button-checked+.goog-toolbar-toggle-button.goog-toolbar-button-checked .goog-toolbar-button-outer-box .goog-toolbar-button-inner-box,
.goog-toolbar-toggle-button.goog-toolbar-button-checked+.goog-toolbar-toggle-button.goog-toolbar-button-checked.goog-toolbar-button-hover .goog-toolbar-button-outer-box .goog-toolbar-button-inner-box {
margin-left: 1px
}
.goog-toolbar-button .docs-icon,
.goog-toolbar-menu-button .docs-icon {
opacity: .70
}
.goog-toolbar-button-hover .docs-icon,
.goog-toolbar-button-selected .docs-icon,
.goog-toolbar-button-checked .docs-icon,
.goog-toolbar-menu-button-hover .docs-icon,
.goog-toolbar-menu-button-selected .docs-icon,
.goog-toolbar-menu-button-checked .docs-icon {
opacity: 0.9
}
.goog-toolbar-button-active .docs-icon,
.goog-toolbar-menu-button-open .docs-icon {
opacity: 1.0
}
.goog-toolbar-select .goog-toolbar-menu-button-outer-box .goog-toolbar-menu-button-inner-box .goog-toolbar-menu-button-caption {
margin-left: 10px;
text-align: left
}
.goog-toolbar-select .goog-toolbar-menu-button-outer-box .goog-toolbar-menu-button-inner-box .goog-toolbar-menu-button-dropdown {
margin-left: 5px;
margin-right: 4px
}
.docs-toolbar-button-split-left,
.docs-toolbar-button-split-left * {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important
}
.docs-toolbar-button-split-right,
.docs-toolbar-button-split-right * {
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
min-width: 5px !important
}
.docs-toolbar-button-split-right .goog-toolbar-menu-button-dropdown {
margin-left: 3px
}
.docs-toolbar-button-split-sympathy-hover {
border-color: #c6c6c6
}
.docs-toolbar-button-split-left .goog-toolbar-button-hover,
.docs-toolbar-button-split-right .goog-toolbar-button-hover {
z-index: 1
}
.docs-toolbar-split-create-button.goog-toolbar-menu-button {
margin-right: 4px
}
.docs-toolbar-split-create-button .goog-toolbar-menu-button-dropdown {
background: url(//ssl.gstatic.com/ui/v1/disclosure/small-grey-disclosure-arrow-down.png) center no-repeat;
height: 7px;
margin-top: 9px;
opacity: 1
}
.docs-toolbar-split-create-button {
background-color: #f5f5f5;
background-image: -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: -ms-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: -o-linear-gradient(top, #f5f5f5, #f1f1f1);
background-image: linear-gradient(top, #f5f5f5, #f1f1f1);
border-color: #c6c6c6 !important
}
.docs-toolbar-split-create-button.goog-toolbar-button-disabled {
border-right-color: #fff !important
}
.docs-toolbar-split-create-button.goog-toolbar-button-hover,
.docs-toolbar-split-create-button.goog-toolbar-menu-button-hover {
background-color: #f8f8f8;
background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
border-color: #c6c6c6 !important
}
.docs-toolbar-split-create-button.goog-toolbar-button-active,
.docs-toolbar-split-create-button.goog-toolbar-menu-button-active {
background-color: #f8f8f8;
background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
border-color: #c6c6c6 !important
}
.docs-toolbar-split-create-button .docs-icon {
opacity: 1
}
.docs-toolbar-split-sl-button.docs-toolbar-split-sl-button-right {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin-left: 0
}
.docs-toolbar-split-button-separator-wrapper {
height: 26px;
margin-top: 6px;
vertical-align: top
}
.docs-toolbar-split-button-separator-wrapper .goog-toolbar-separator.goog-inline-block {
height: 20px;
margin: calc((26px - 20px)/2) 0 0 0
}
.docs-toolbar-text-button .goog-toolbar-button-outer-box,
.docs-toolbar-text-button .goog-toolbar-menu-button-outer-box {
padding-left: 4px
}
.docs-toolbar-text-button .goog-toolbar-button-outer-box {
padding-right: 4px
}
.goog-toolbar-menu-button-outer-box {
padding-right: 3px
}
.goog-toolbar-menu-button-arrow-hidden.goog-toolbar-menu-button-outer-box {
padding-right: 0px
}
.jfk-bubble.docs-toolbar-more-bubble {
padding: 0px;
z-index: 902 !important
}
.docs-toolbar-more-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
border-color: #eee transparent
}
.docs-toolbar-more-toolbar {
background: #eee;
border: 0;
min-height: 35px;
padding: 0 0 0 10px
}
.docs-collapsable-toolbar {
white-space: nowrap
}
.docs-collapsable-toolbar-control {
white-space: normal
}
.docs-hc-gecko .docs-icon-img {
filter: invert(100%)
}
.docs-hc-gecko .docs-icon-img.docs-icon-document,
.docs-hc-gecko .docs-icon-img.docs-icon-punch,
.docs-hc-gecko .docs-icon-img.docs-icon-presentation,
.docs-hc-gecko .docs-icon-img.docs-icon-spreadsheet,
.docs-hc-gecko .docs-icon-img.docs-icon-form,
.docs-hc-gecko .docs-icon-img.docs-icon-drawing,
.docs-hc-gecko .docs-icon-img.docs-icon-script,
.docs-hc-gecko .docs-icon-img.docs-icon-site,
.docs-hc-gecko .docs-icon-img.docs-icon-videocam-colored-24 {
filter: none
}
.docs-icon-toolbar-button-with-text {
padding-left: 4px;
padding-right: 4px
}
.docs-icon-toolbar-button-with-text .docs-icon-toolbar-button-with-text-icon-container {
margin-right: 4px
}
.google-visualization-clickeditor-bubble.jfk-bubble {
padding: 3px;
z-index: inherit !important;
background-color: #f5f5f5;
font-family: Arial, san-serif;
border-radius: 3px;
border-color: #dadada
}
.google-visualization-clickeditor-bubble .jfk-bubble-arrowdown .jfk-bubble-arrowimplafter,
.google-visualization-clickeditor-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
border-color: #f5f5f5 transparent
}
.google-visualization-clickeditor-combobox .goog-toolbar-combo-button-input {
width: 28px;
padding: 0 0 0 3px;
position: relative
}
.goog-menuitem .google-visualization-clickeditor-combobox-icon {
position: absolute;
top: 4px;
left: 100px
}
.google-visualization-charteditor-menu .goog-menuheader {
padding-left: 10px;
color: #888
}
.google-visualization-clickeditor-combobox .google-visualization-clickeditor-combobox-icon {
position: absolute;
height: 100%;
width: 34px;
top: 0;
left: 0;
background-color: #f5f5f5
}
.goog-toolbar-combo-button-open .google-visualization-clickeditor-combobox-icon {
filter: alpha(opacity=0);
opacity: 0
}
.google-visualization-clickeditor-combobox-icon .docs-icon {
margin: 0 0 0 7px;
filter: alpha(opacity=60);
opacity: 0.6
}
.google-visualization-clickeditor-bubble .goog-toolbar-combo-button,
.google-visualization-clickeditor-bubble .goog-toolbar-menu-button,
.google-visualization-clickeditor-bubble .goog-toolbar-button {
margin: 0;
top: auto
}
.google-visualization-clickeditor-bubble .goog-toolbar-color-menu-button .goog-toolbar-menu-button-dropdown {
top: -2px
}
.google-visualization-clickeditor-color .goog-color-menu-button-indicator {
width: 14px;
height: 0;
border-bottom-width: 14px;
margin: 6px;
outline: 1px solid #bbb
}
.google-visualization-clickeditor-tooltip {
font-family: Arial, sans-serif;
font-weight: normal;
-webkit-transition: background-color 0.5s;
transition: background-color 0.5s
}
.google-visualization-clickeditor-bubble .goog-toolbar-separator {
height: 20px;
vertical-align: middle;
border-color: #ccc
}
.google-visualization-clickeditor-separator {
width: 98%;
height: 0;
border: 1px solid #f8f8f8;
margin: 3px
}
.google-visualization-clickeditor-input-box {
padding: 5px
}
.google-visualization-clickeditor-enter-msg {
font-size: 11px;
color: #555;
padding: 4px
}
.google-visualization-clickeditor-bubble .google-visualization-charteditor-input:focus {
outline-color: #008df0
}
.google-visualization-clickeditor-bubble .google-visualization-charteditor-input-inline-x,
.google-visualization-clickeditor-bubble .google-visualization-charteditor-input-inline-y,
.google-visualization-clickeditor-bubble .google-visualization-charteditor-input-inline-right {
font-size: 12px;
margin: 4px
}
.google-visualization-clickeditor-bubble .google-visualization-charteditor-input-inline-x {
width: 79px
}
.google-visualization-clickeditor-bubble .google-visualization-charteditor-input-inline-y,
.google-visualization-clickeditor-bubble .google-visualization-charteditor-input-inline-right {
width: 52px
}
.google-visualization-clickeditor-bubble .google-visualization-charteditor-combobox,
.google-visualization-clickeditor-bubble .goog-flat-menu-button {
margin: 0
}
.goog-flat-menu-button-disabled .goog-flat-menu-button-dropdown {
border-color: #b8b8b8 transparent
}
.google-visualization-clickeditor-entity-cover {
position: absolute;
visibility: hidden;
overflow: hidden;
cursor: pointer
}
.google-visualization-clickeditor-entity-cover-stripes {
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: url("//ssl.gstatic.com/charts/static/stripes.png") repeat;
visibility: visible;
filter: alpha(opacity=10);
opacity: 0.1
}
.google-visualization-clickeditor-entity-cover-top,
.google-visualization-clickeditor-entity-cover-bottom,
.google-visualization-clickeditor-entity-cover-left,
.google-visualization-clickeditor-entity-cover-right {
visibility: visible;
background-color: #008ef1;
width: 1px;
height: 1px;
position: absolute
}
.google-visualization-clickeditor-entity-cover-top,
.google-visualization-clickeditor-entity-cover-bottom {
width: 100%
}
.google-visualization-clickeditor-entity-cover-left,
.google-visualization-clickeditor-entity-cover-right {
height: 100%
}
.google-visualization-clickeditor-entity-cover-right {
right: 0
}
.google-visualization-clickeditor-entity-cover-left {
left: 0
}
.google-visualization-clickeditor-entity-cover-bottom {
bottom: 0
}
.google-visualization-clickeditor-entity-cover .google-visualization-clickeditor-mid-input {
width: 98%;
filter: alpha(opacity=0);
opacity: 0
}
.google-visualization-clickeditor-entity-cover .google-visualization-clickeditor-mid-input:focus {
filter: alpha(opacity=100);
opacity: 1
}
.google-visualization-clickeditor-header {
height: 30px;
background-color: white;
padding: 3px;
overflow: hidden
}
.google-visualization-clickeditor-header-text {
margin-left: 5px;
font-family: Arial, sans-serif;
font-size: 12px;
color: #999;
white-space: nowrap
}
.jfk-button.google-visualization-clickeditor-header-view,
.jfk-button.google-visualization-clickeditor-header-edit {
z-index: 0
}
.jfk-button.jfk-button-disabled.google-visualization-clickeditor-header-view,
.jfk-button.jfk-button-disabled.google-visualization-clickeditor-header-edit {
background: transparent;
border: none;
box-shadow: none;
margin-top: 1px;
margin-left: 1px;
opacity: 0.5
}
.google-visualization-clickeditor-header-view .docs-icon,
.google-visualization-clickeditor-header-edit .docs-icon {
margin-top: -3px;
margin-left: -2px;
filter: alpha(opacity=60);
opacity: 0.6
}
.jfk-button.google-visualization-clickeditor-header-edit {
margin-right: 5px
}
.google-visualization-clickeditor-context-icon {
position: absolute;
right: 10px;
padding: 0 5px;
top: 2px
}
.jfk-button.jfk-button-disabled.google-visualization-clickeditor-resize,
.jfk-button.jfk-button-disabled.google-visualization-clickeditor-fit-area {
background: #f5f5f5
}
.google-visualization-clickeditor-resize,
.google-visualization-clickeditor-fit-area {
height: 24px;
line-height: 24px;
border-color: transparent;
margin-right: 2px
}
.google-visualization-clickeditor-resize .docs-icon,
.google-visualization-clickeditor-fit-area .docs-icon {
margin-top: -3px;
filter: alpha(opacity=60);
opacity: 0.6
}
.google-visualization-clickeditor-resize-text,
.google-visualization-clickeditor-fit-area-text {
font-size: 11px;
font-weight: bold;
color: #555;
margin: 0 5px
}
.google-visualization-resizer-overlay {
position: absolute;
visibility: hidden
}
.google-visualization-resizer-bar {
background: url("//ssl.gstatic.com/charts/static/stripes.png") #ffffff;
position: absolute;
opacity: 0.1;
visibility: visible;
width: 100%;
height: 100%
}
.google-visualization-resizer-bar:hover {
opacity: 0.2
}
.google-visualization-resizer-bar-center {
height: 100%;
width: 100%;
cursor: crosshair;
position: absolute;
top: 0
}
.google-visualization-resizer-bar-north {
height: 10px;
cursor: n-resize;
top: 0
}
.google-visualization-resizer-bar-south {
height: 10px;
cursor: s-resize;
position: absolute;
bottom: 0
}
.google-visualization-resizer-bar-east {
width: 10px;
cursor: e-resize;
position: absolute;
right: 0
}
.google-visualization-resizer-bar-west {
width: 10px;
cursor: w-resize;
position: absolute;
left: 0
}
.google-visualization-charteditor-dialog {
height: 508px;
width: 917px
}
.google-visualization-charteditor-dialog .modal-dialog-title {
font-family: Arial, sans-serif
}
#google-visualization-charteditor-layout-table,
.google-visualization-charteditor-custom-panel,
#google-visualization-clickeditor,
.google-visualization-charteditor-menu {
color: #222;
font-family: Arial, sans-serif;
font-size: 12px
}
.google-visualization-charteditor-small-input,
.google-visualization-charteditor-mid-input,
.google-visualization-charteditor-input {
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
border-radius: 1px;
border: 1px solid #d9d9d9;
border-top: 1px solid silver;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
font-size: 13px;
height: 16px;
padding: 5px 2px
}
.google-visualization-charteditor-dialog .goog-flat-menu-button-dropdown,
.google-visualization-clickeditor-bubble .goog-flat-menu-button-dropdown,
.google-visualization-charteditor-custom-panel .goog-flat-menu-button-dropdown {
background: url(//ssl.gstatic.com/ui/v1/disclosure/small-grey-disclosure-arrow-down.png) center no-repeat;
border-width: 0;
height: 7px;
opacity: 0.8;
position: absolute;
top: 10px;
width: 5px
}
.google-visualization-charteditor-dialog .goog-flat-menu-button,
.google-visualization-clickeditor-bubble .goog-flat-menu-button,
.google-visualization-charteditor-custom-panel .goog-flat-menu-button {
height: 14px;
line-height: normal;
margin: 0 0 0 5px;
min-width: 0;
padding: 6px 0 6px 6px;
text-align: left
}
#google-visualization-clickeditor .goog-flat-menu-button {
min-width: 34px
}
#google-visualization-charteditor-series-select-div.goog-flat-menu-button,
#google-visualization-charteditor-axes-select-div.goog-flat-menu-button {
margin: 0;
width: 100%
}
#google-visualization-charteditor-select-legend-position {
margin-left: 0
}
.google-visualization-charteditor-axis-select-scale.goog-select {
margin-left: 0;
margin-right: 36px
}
#google-visualization-charteditor-select-legend-position .goog-flat-menu-button-caption {
width: 74px
}
#google-visualization-charteditor-layout-table,
#google-visualization-clickeditor,
.google-visualization-charteditor-custom-panel {
border: 0;
font-size: 12px;
margin: 0;
padding: 0
}
.google-visualization-charteditor-settings-td,
.google-visualization-charteditor-custom-panel {
overflow: hidden;
padding: 0 0 0 4px;
position: relative;
left: -4px;
vertical-align: top;
width: 288px
}
.google-visualization-charteditor-custom-panel {
height: 420px;
line-height: 1.4em
}
.google-visualization-charteditor-preview-td {
height: 411px;
left: 346px;
overflow: hidden;
padding: 0 0 0 6px;
position: absolute;
top: 81px;
vertical-align: top;
width: 602px
}
#google-visualization-charteditor-preview-example-template {
color: #15c
}
#google-visualization-charteditor-help-link {
color: #1111cc;
float: right;
font-size: 12px;
font-weight: normal
}
.google-visualization-charteditor-dialog-spinner-div {
height: 370px;
position: relative;
text-align: center
}
.google-visualization-charteditor-dialog-spinner {
background: url('//ssl.gstatic.com/docs/spreadsheets/spinner.gif') no-repeat;
height: 20px;
position: relative;
top: 155px;
width: 20px
}
#google-visualization-charteditor-panel-wrapper {
float: left;
height: 373px;
width: 300px
}
#google-visualization-charteditor-preview-div-wrapper {
border: 1px solid #e4e4e4;
padding: 0;
position: relative;
top: 8px
}
#google-visualization-charteditor-preview-div-chart {
overflow: hidden
}
.google-visualization-charteditor-panel {
height: 100%;
width: 100%
}
.google-visualization-charteditor-panel-scroll {
overflow: auto;
position: relative
}
.google-visualization-charteditor-panel .goog-menu-button {
cursor: default
}
#google-visualization-charteditor-custom-data-input {
position: relative
}
#google-visualization-charteditor-custom-data-input .sites-gviz-datasource-control {
outline: none
}
#google-visualization-charteditor-panel-navigate-div {
border-bottom: 1px solid #ccc;
font-size: 13px;
line-height: 1.5em;
margin-bottom: 15px;
padding: 5px 0 0 10px;
width: 900px
}
#google-visualization-charteditor-panel-navigate-div.goog-tab-bar {
background: none;
cursor: default;
list-style: none;
outline: none
}
.google-visualization-charteditor-panel-navigation-cell.goog-tab {
background: white;
border: none;
color: #666;
cursor: default;
padding: 3px 10px;
position: relative;
text-decoration: none
}
.google-visualization-charteditor-panel-navigation-cell.goog-tab-hover {
color: #222;
cursor: pointer
}
.google-visualization-charteditor-panel-navigation-cell.goog-tab-selected {
color: #202020;
border: 1px solid #ccc;
border-bottom-color: white;
-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
-moz-border-radius-topleft: 2px;
-moz-border-radius-topright: 2px;
border-top-left-radius: 2px;
border-top-right-radius: 2px;
cursor: default;
font-weight: 700;
margin-bottom: -1px;
text-decoration: none
}
.google-visualization-charteditor-panel-navigation-cell.goog-tab-selected.goog-tab-hover {
cursor: default;
text-decoration: none
}
.google-visualization-charteditor-panel-title {
font-size: 13px;
font-weight: 800;
padding-bottom: 6px;
position: relative
}
.google-visualization-charteditor-section {
position: relative
}
#google-visualization-charteditor-options-panel .google-visualization-charteditor-section {
background: white;
border: 1px solid #e5e5e5;
margin-top: -1px;
padding: 10px 10px 20px;
width: 260px
}
.google-visualization-charteditor-multi-section-gap {
height: 4px
}
.google-visualization-charteditor-item-gap {
height: 15px
}
.google-visualization-charteditor-title-gap {
height: 10px
}
.google-visualization-charteditor-multi-section-title {
background: whiteSmoke;
border: 1px #e5e5e5 solid;
color: #d14836;
display: table;
font-size: 13px;
font-weight: bold;
padding: 6px 10px;
text-align: left;
width: 260px
}
.google-visualization-charteditor-multi-section-title-text {
display: table-cell;
padding-right: 7px
}
.google-visualization-charteditor-multi-section-chooser {
display: table-cell;
width: 100%
}
.google-visualization-charteditor-section-title {
color: #222;
font-size: 13px;
font-weight: normal;
padding: 5px 0
}
.google-visualization-charteditor-data-range {
color: #222;
font-size: 13px;
font-weight: bold;
padding: 5px 0
}
.google-visualization-charteditor-short-title {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 88px
}
.google-visualization-charteditor-section>div>table {
border: 0;
border-collapse: collapse;
border-spacing: 0;
margin: 0;
padding: 0;
table-layout: fixed;
width: 250px
}
.google-visualization-charteditor-section>tbody>tr>td {
margin: 0;
padding: 0;
vertical-align: top;
width: 125px
}
#google-visualization-charteditor-select-series {
margin: 0 !important
}
.google-visualization-charteditor-select-series-color {
height: 10px;
left: -15px;
margin: 0;
position: relative;
top: 1px;
width: 10px
}
.google-visualization-charteditor-series-color-palette .goog-palette-cell {
border-right: 1px solid #333
}
.google-visualization-charteditor-menu-item-global {
margin-left: 10px
}
.google-visualization-charteditor-color .goog-flat-menu-button {
min-width: 38px
}
.google-visualization-charteditor-color .goog-flat-menu-button-disabled {
background-image: none
}
.google-visualization-charteditor-color .goog-flat-menu-button-disabled .goog-flat-menu-button-dropdown {
opacity: 0.4
}
.google-visualization-charteditor-color .goog-flat-menu-button-disabled .goog-flat-menu-button-indicator {
opacity: 0.5
}
.google-visualization-charteditor-color .goog-flat-menu-button-indicator {
height: 14px;
margin-left: 4px;
outline: 1px solid #bbb;
width: 14px
}
.google-visualization-charteditor-inherit-color {
height: 25px
}
.google-visualization-charteditor-inherit-color .jfk-palette-colorswatch {
background-color: #f3f3f3 !important
}
.google-visualization-charteditor-inherit-color-header {
margin: 5px;
top: -4px
}
.google-visualization-charteditor-none-color.goog-option-selected .goog-menuitem-checkbox {
border: 1px solid transparent;
outline: 1px solid black
}
.google-visualization-charteditor-none-color.goog-menuitem {
color: #333;
font-family: Arial, sans-serif;
font-size: 12px;
padding-left: 20px
}
.google-visualization-charteditor-none-color.goog-option-selected {
background-image: none
}
.google-visualization-charteditor-theme-header.goog-menuheader {
color: #333;
font-family: Arial, sans-serif;
font-size: 12px;
margin-top: 4px;
padding: 5px 0 0 0
}
.google-visualization-charteditor-colormenu .jfk-palette-table {
margin: 3px 0 0 0;
padding: 0
}
.google-visualization-charteditor-colormenu.jfk-colormenu {
padding: 10px
}
.google-visualization-charteditor-none-color .goog-menuitem-checkbox {
background: url(//ssl.gstatic.com/ui/v1/dialog/close-x.png) no-repeat 50% 50% !important;
height: 13px;
margin: 0;
top: 7px;
width: 13px
}
.google-visualization-charteditor-color-full .goog-menu-button-caption {
padding: 0
}
.google-visualization-charteditor-color-full .goog-menu-button-inner-box {
padding: 2px !important
}
.google-visualization-charteditor-link {
color: blue;
font-weight: bold
}
.google-visualization-charteditor-link:hover {
cursor: pointer;
text-decoration: underline
}
.google-visualization-charteditor-input {
width: 98%
}
.google-visualization-charteditor-input-disabled {
background-color: #f3f3f3;
border: 1px solid #dadada;
color: #ccc
}
.google-visualization-charteditor-input-label-disabled {
color: #ccc
}
.google-visualization-charteditor-mid-input {
width: 138px
}
.google-visualization-charteditor-glasspane {
background-color: #eee;
filter: alpha(opacity=0.6);
opacity: 0.6
}
.google-visualization-charteditor-help-text {
color: #ccc;
font-size: 12px
}
#google-visualization-charteditor-data-preview {
display: none
}
#google-visualization-charteditor-data-preview-arrow {
background: url(//ssl.gstatic.com/editor/editortoolbar.png) no-repeat -422px center;
cursor: default;
display: none;
height: 10px;
top: 50%;
width: 10px
}
.google-visualization-charteditor-data-mismatch {
color: #555;
font-size: 13px;
line-height: 1em;
padding: 10px
}
.google-visualization-charteditor-data-mismatch-header {
color: black;
font-size: 16px;
margin-bottom: 10px;
margin-left: 10px
}
.google-visualization-charteditor-mismatch-icon {
background: url("//ssl.gstatic.com/charts/static/alert.png") no-repeat;
height: 18px;
width: 20px
}
#google-visualization-charteditor-preview-mismatch-thumbnail {
float: right;
height: 68px;
margin: 0 0 0 2px;
width: 110px
}
.google-visualization-charteditor-tooltip {
font-family: Arial, sans-serif
}
.google-visualization-charteditor-link {
color: #333;
font-weight: normal;
text-decoration: none
}
.google-visualization-charteditor-link:hover {
cursor: pointer;
text-decoration: underline
}
.google-visualization-charteditor-checkbox {
cursor: default;
display: inline-block;
margin: 2px 2px 2px 0;
overflow: hidden;
padding: 0;
position: relative;
white-space: nowrap
}
.google-visualization-charteditor-checkbox-container .google-visualization-charteditor-checkbox {
width: 120px
}
.google-visualization-charteditor-combobox.google-visualization-charteditor-combobox-closed {
background-color: whiteSmoke;
background-image: -webkit-linear-gradient(top, whiteSmoke, #f1f1f1);
background-image: -moz-linear-gradient(top, whiteSmoke, #f1f1f1);
background-image: -ms-linear-gradient(top, whiteSmoke, #f1f1f1);
background-image: -o-linear-gradient(top, whiteSmoke, #f1f1f1);
background-image: linear-gradient(top, whiteSmoke, #f1f1f1);
border: 1px solid gainsboro;
border: 1px solid rgba(0, 0, 0, 0.1)
}
.google-visualization-charteditor-combobox.google-visualization-charteditor-combobox-disabled {
background-color: white;
border: 1px solid #f2f2f2;
opacity: 1
}
.google-visualization-charteditor-combobox .goog-toolbar-combo-button-input {
padding: 0 0 0 3px;
position: relative;
width: 28px
}
.google-visualization-charteditor-combobox-disabled .goog-toolbar-combo-button-input {
color: #b8b8b8
}
.google-visualization-charteditor-combobox-disabled .goog-toolbar-combo-button-dropdown {
opacity: 0.4
}
.google-visualization-charteditor-combobox.goog-toolbar-combo-button {
margin-left: 4px;
padding: 1px 0;
top: auto
}
.google-visualization-charteditor-checkbox-disabled {
color: #666
}
.google-visualization-charteditor-checkbox .goog-checkbox {
cursor: default
}
.google-visualization-charteditor-toggle {
min-width: 24px;
margin: 0
}
.google-visualization-charteditor-toggle.jfk-button {
height: 26px;
line-height: 24px;
padding: 0;
z-index: auto
}
.google-visualization-charteditor-toggle-disabled {
opacity: 0.3
}
.google-visualization-charteditor-toggle-bold-content {
background: url(//ssl.gstatic.com/docs/common/jfk_sprite40.png) -23px -466px no-repeat;
height: 16px;
top: 2px;
width: 16px
}
.google-visualization-charteditor-toggle-italic-content {
background: url(//ssl.gstatic.com/docs/common/jfk_sprite40.png) -2px -2176px no-repeat;
height: 16px;
top: 2px;
width: 16px
}
.google-visualization-charteditor-name-input {
border: 1px solid transparent;
color: #202020;
font-family: Arial, sans-serif;
font-size: 13px;
font-weight: 800;
height: 14px;
padding: 4px;
width: 400px
}
.google-visualization-charteditor-name-input.google-visualization-charteditor-help-text {
color: #666;
font-weight: normal
}
.google-visualization-charteditor-name-input:hover,
.google-visualization-charteditor-name-input:focus {
border: 1px solid #e4e4e4
}
.google-visualization-charteditor-small-input {
width: 118px
}
.google-visualization-charteditor-chart-img-div {
border: 1px solid #ddd;
margin-top: 5px;
padding: 2px;
text-align: center;
width: 45px
}
.google-visualization-charteditor-chart-type-table {
background-color: #f6f6f6;
width: 100%
}
.google-visualization-charteditor-type-select-button .goog-custom-button-inner-box {
border-width: 1px;
margin: 0;
padding: 1px;
vertical-align: middle
}
.google-visualization-charteditor-type-select-button .goog-custom-button-outer-box {
border-width: 1px;
margin: 0;
padding: 0.5px;
vertical-align: middle
}
.google-visualization-charteditor-type-select-label {
border: 0;
font-size: 10px;
height: 10px;
margin: 0;
margin-top: -4px;
padding: 0;
text-align: center;
vertical-align: text-top
}
.google-visualization-charteditor-thumbnail .jfk-radiobutton-radio {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
border: none;
left: 0;
margin: 0;
position: static;
top: 0
}
.google-visualization-charteditor-thumbnail .jfk-radiobutton-radio::after {
content: none
}
.google-visualization-charteditor-thumbnail.jfk-radiobutton {
border: 4px solid #ddd;
display: block;
margin: 4px 12px 8px 0;
padding: 0px;
height: 68px;
width: 110px
}
.google-visualization-charteditor-thumbnail.jfk-radiobutton-checked {
border: 4px solid #6688ee;
height: 68px;
outline-color: #fff;
width: 110px
}
.google-visualization-charteditor-thumbnail:focus {
border: 4px solid #c1d9ff;
cursor: pointer
}
.google-visualization-charteditor-thumbnail.jfk-radiobutton-checked:focus {
border: 4px solid #6688ee
}
#google-visualization-charteditor-chart-type-categories {
border-right: 2px dotted #dcdcdc;
float: left;
width: 105px
}
#google-visualization-charteditor-chart-type-categories.goog-tab-bar {
background: none;
cursor: default;
list-style: none;
outline: none
}
.google-visualization-charteditor-category.goog-tab {
background: white;
border: none;
cursor: default;
font-weight: normal;
height: 25px;
margin-bottom: 5px;
padding: 2px 0;
position: relative;
text-decoration: none
}
.google-visualization-charteditor-category.goog-tab-hover {
cursor: pointer;
background-color: #f2f2f2
}
.google-visualization-charteditor-category.goog-tab-hover .google-visualization-charteditor-category-label {
text-decoration: underline
}
.google-visualization-charteditor-category.goog-tab-selected {
background-color: #ddd !important;
font-weight: bold
}
.google-visualization-charteditor-category.goog-tab-selected.goog-tab-hover {
cursor: default;
background-color: #ddd
}
.google-visualization-charteditor-category.goog-tab-selected.goog-tab-hover .google-visualization-charteditor-category-label {
text-decoration: none
}
.google-visualization-charteditor-category-label {
color: #666;
font-size: 13px;
font-family: Arial, sans-serif;
margin-left: 15px;
position: relative;
top: -7px
}
.google-visualization-charteditor-category-label {
text-decoration: inherit
}
.google-visualization-charteditor-mini {
margin: 2px
}
.google-visualization-charteditor-chart-type-subtypes {
display: block;
height: 100%;
overflow-y: scroll;
max-height: 372px
}
#google-visualization-charteditor-chart-type-subtypes {
float: right;
width: 155px
}
.google-visualization-charteditor-combobox-icon {
height: 12px;
left: 9px;
position: absolute;
top: 7px;
width: 12px
}
.google-visualization-charteditor-horizontal-menu {
padding: 1px 5px 5px 5px
}
.google-visualization-charteditor-float-start {
float: left
}
.google-visualization-charteditor-float-end {
float: right
}
.google-visualization-charteditor-float-clear {
clear: both
}
.google-visualization-charteditor-align-end {
text-align: right
}
.google-visualization-charteditor-align-start {
text-align: left
}
.google-visualization-charteditor-display-none {
display: none
}
.annotationsdiv .goog-custom-button-outer-box,
.annotationsdiv .goog-custom-button-inner-box {
border: 0;
margin: 0;
padding: 0
}
.google-visualization-charteditor-mini-area {
background: no-repeat url("//ssl.gstatic.com/charts/static/mini3.png") 0 -105px;
width: 21px;
height: 21px
}
.google-visualization-charteditor-mini-bar {
background: no-repeat url("//ssl.gstatic.com/charts/static/mini3.png") 0 -168px;
width: 21px;
height: 21px
}
.google-visualization-charteditor-mini-column {
background: no-repeat url("//ssl.gstatic.com/charts/static/mini3.png") 0 0;
width: 21px;
height: 21px
}
.google-visualization-charteditor-mini-combo {
background: no-repeat url("//ssl.gstatic.com/charts/static/mini3.png") 0 -42px;
width: 21px;
height: 21px
}
.google-visualization-charteditor-mini-line {
background: no-repeat url("//ssl.gstatic.com/charts/static/mini3.png") 0 -126px;
width: 21px;
height: 21px
}
.google-visualization-charteditor-mini-map {
background: no-repeat url("//ssl.gstatic.com/charts/static/mini3.png") 0 -21px;
width: 21px;
height: 21px
}
.google-visualization-charteditor-mini-more {
background: no-repeat url("//ssl.gstatic.com/charts/static/mini3.png") 0 -63px;
width: 21px;
height: 21px
}
.google-visualization-charteditor-mini-pie {
background: no-repeat url("//ssl.gstatic.com/charts/static/mini3.png") 0 -84px;
width: 21px;
height: 21px
}
.google-visualization-charteditor-mini-scatter {
background: no-repeat url("//ssl.gstatic.com/charts/static/mini3.png") 0 -147px;
width: 21px;
height: 21px
}
.google-visualization-charteditor-mini-step {
background: no-repeat url("//ssl.gstatic.com/charts/static/mini3.png") 0 -210px;
width: 21px;
height: 21px
}
.google-visualization-charteditor-mini-trend {
background: no-repeat url("//ssl.gstatic.com/charts/static/mini3.png") 0 -189px;
width: 21px;
height: 21px
}
.google-visualization-charteditor-mini-histogram {
background: no-repeat url("//ssl.gstatic.com/charts/static/mini3.png") 0 -231px;
width: 21px;
height: 21px
}
.google-visualization-charteditor-thumbs-annotatedtimeline-disabled {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -612px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-annotatedtimeline {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -2507px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-areachart-disabled {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -3391px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-areachart {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -2779px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-areachart-stacked-disabled {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -408px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-areachart-stacked {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -2031px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-barchart-disabled {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -4124px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-barchart {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -3187px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-barchart-stacked-disabled {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -3527px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-barchart-stacked {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -816px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-bubblechart-disabled {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -136px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-bubblechart {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -1020px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-candlestickchart-disabled {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -1156px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-candlestickchart {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -3255px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-columnchart-disabled {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -3784px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-columnchart {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -2099px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-columnchart-stacked-disabled {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -2983px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-columnchart-stacked {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -1088px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-combochart-disabled {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -340px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-combochart {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 0;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-donutchart-disabled {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -1360px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-donutchart {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -2371px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-gauge-disabled {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -1496px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-gauge {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -476px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-geochart-disabled {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -2575px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-geochart-markers-disabled {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -68px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-geochart-markers {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -2439px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-geochart {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -4192px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-histogram-disabled {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -3323px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-histogram {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -1564px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-imageradarchart-disabled {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -3051px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-imageradarchart {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -2235px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-imagesparkline-disabled {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -2643px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-imagesparkline {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -2167px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-linechart-disabled {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -1632px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-linechart {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -544px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-linechart-smooth-disabled {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -1963px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-linechart-smooth {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -3119px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-map-disabled {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -4056px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-map-normal {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -1904px;
width: 100px;
height: 59px
}
.google-visualization-charteditor-thumbs-map {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -1292px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-map-satellite {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -3595px;
width: 100px;
height: 60px
}
.google-visualization-charteditor-thumbs-map-street-disabled {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -2915px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-map-street {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -680px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-map-terrain {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -3723px;
width: 100px;
height: 61px
}
.google-visualization-charteditor-thumbs-motionchart-disabled {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -2711px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-motionchart {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -1836px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-orgchart-disabled {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -884px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-orgchart {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -1428px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-piechart-3d-disabled {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -952px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-piechart-3d {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -3655px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-piechart-disabled {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -2303px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-piechart {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -3852px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-scatterchart-disabled {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -272px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-scatterchart {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -3988px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-steppedareachart-disabled {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -2847px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-steppedareachart {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -3920px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-table-disabled {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -1768px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-table {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -204px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-timeline-disabled {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -1224px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-timeline {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -3459px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-treemap-disabled {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -1700px;
width: 110px;
height: 68px
}
.google-visualization-charteditor-thumbs-treemap {
background: no-repeat url("//ssl.gstatic.com/charts/static/thumbs18.png") 0 -748px;
width: 110px;
height: 68px
}
.google-visualization-atl.container {}
.google-visualization-atl .border {
border: 1px solid #808080;
background-color: #ffffff
}
.google-visualization-atl .containerTable {
display: table;
table-layout: fixed;
width: 100%;
height: 100%;
border: 0;
padding: 0
}
.google-visualization-atl .containerTableRow {
display: table-row
}
.google-visualization-atl .containerTable .td {
display: table-cell;
vertical-align: top;
padding: 0
}
.google-visualization-atl .chartTdContainer {}
.google-visualization-atl .outerChartContainer {
overflow: hidden
}
.google-visualization-atl .chartControls {
display: table;
border-spacing: 0;
border-collapse: collapse;
height: auto;
width: 100%;
white-space: nowrap
}
.google-visualization-atl .chartControls.twoRows {
height: 41px
}
.google-visualization-atl .zoomControls {
display: table-cell;
padding: 4px 7px 1px;
font-size: 10px;
white-space: nowrap;
overflow: hidden
}
.google-visualization-atl .zoomControls button.zoomButton {
margin-right: 0.33em
}
.google-visualization-atl button {
padding: 0 2px;
font-size: 9px;
line-height: 10px
}
.google-visualization-atl .legend {
display: table-cell;
padding: 4px 7px 1px;
font-size: 10px;
text-align: right;
white-space: nowrap;
overflow: hidden
}
.google-visualization-atl .legend-dot {
display: inline-block;
height: 8px;
width: 8px;
border-radius: 4px;
margin-right: 2px;
-webkit-box-shadow: 0px 0px 1px 1px rgba(206, 206, 195, 0.75);
-moz-box-shadow: 0px 0px 1px 1px rgba(206, 206, 195, 0.75);
box-shadow: 0px 0px 1px 1px rgba(206, 206, 195, 0.75)
}
.google-visualization-atl .rangeControl {
overflow: hidden
}
.google-visualization-atl .annotationsTdContainer {
height: 0;
border-left: 1px solid #808080
}
.google-visualization-atl .annotationsFilterContainer {
padding: 4px;
font-size: 10px;
white-space: nowrap;
overflow: hidden
}
.google-visualization-atl .annotationsFilterContainer input {
font-size: 10px;
width: 15em
}
.google-visualization-atl .annotationsContainer {}
.google-visualization-atl .annotationsContainer .google-visualization-table-tr-head {
display: none
}
.google-visualization-atl .annotationsContainer .google-visualization-table-tr-odd,
.google-visualization-atl .annotationsContainer .google-visualization-table-tr-odd td {
background: none
}
.google-visualization-atl .annotationsContainer .google-visualization-table-tr-even,
.google-visualization-atl .annotationsContainer .google-visualization-table-tr-even td {
background: none
}
.google-visualization-atl .annotationsContainer .google-visualization-table-tr-sel,
.google-visualization-atl .annotationsContainer .google-visualization-table-tr-sel td {
background-color: #eeeeee
}
.google-visualization-atl .annotationsContainer .google-visualization-table-td {
border-width: 0;
border-bottom-width: 1px;
vertical-align: top;
font-size: 0.75em
}
.google-visualization-atl .annotationsContainer .title {
font-weight: bold
}
.google-visualization-atl .annotationsContainer .date {
color: #666666;
font-size: 0.75em;
white-space: nowrap
}
.google-visualization-table {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
vertical-align: bottom
}
.google-visualization-table * {
-moz-box-sizing: inherit;
-webkit-box-sizing: inherit;
box-sizing: inherit
}
.google-visualization-table>div:first-child {
border: solid #eee;
border-width: 0
}
.google-visualization-table>div:first-child.scrolling .google-visualization-table-table th,
.google-visualization-table>div:first-child.scrolling .google-visualization-table-table .frozen-column {
visibility: hidden;
opacity: 0;
color: transparent
}
.google-visualization-table>div:first-child.doneScrolling .google-visualization-table-table th {
-webkit-transition: opacity .25s ease-in .1s;
-o-transition: opacity .25s ease-in .1s;
transition: opacity 0.25s ease-in 0.1s
}
.google-visualization-table>div:first-child.doneScrolling .google-visualization-table-table .frozen-column {
-webkit-transition: visibility, opacity .15s ease-in .15s;
-o-transition: visibility, opacity .15s ease-in .15s;
transition: visibility, opacity 0.15s ease-in 0.15s
}
.google-visualization-table-table {
font-family: arial, helvetica;
font-size: 10pt;
cursor: default;
margin: 0;
background: white;
border-spacing: 0;
border-collapse: separate
}
.google-visualization-table-table * {
margin: 0
}
.google-visualization-table .gradient {
background-image: url("//ssl.gstatic.com/charts/static/table-title-bg.gif") repeat-x left bottom;
background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.7) 30%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 100%);
background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.7) 30%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 100%);
background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.7) 30%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 100%);
background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.7) 30%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 100%);
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0.7) 30%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 100%)
}
.google-visualization-table-tr-head {
background-color: rgb(228, 233, 244);
font-weight: bold;
text-align: center
}
.google-visualization-table-sorthdr {
cursor: pointer
}
.google-visualization-table-sortind {
color: #ccc;
padding-left: 4px
}
.unsorted .google-visualization-table-sortind {
display: none
}
.unsorted .google-visualization-table-sortind:after {
content: "\002003"
}
.sort-ascending .google-visualization-table-sortind:after {
content: "\0025b2"
}
.sort-descending .google-visualization-table-sortind:after {
content: "\0025bc"
}
.google-visualization-table-th {
cursor: pointer;
white-space: nowrap
}
.google-visualization-table-td {
overflow: hidden
}
.google-visualization-table-th,
.google-visualization-table-td {
padding: 2px 0.35em;
background-color: inherit;
background-clip: padding-box
}
.google-visualization-table-table td,
.google-visualization-table-table th {
border: solid #eee;
border-width: 0 1px 1px 0;
padding: 2px 0.35em
}
.google-visualization-table-table th {
position: relative;
z-index: 10
}
.google-visualization-table-table td.frozen-column {
position: relative;
z-index: 5
}
.google-visualization-table-table thead th.frozen-column {
z-index: 15
}
.google-visualization-table-table .last-frozen-column {
border-right: 2px ridge #eee
}
.google-visualization-table-tr-even {
background-color: #fff
}
.google-visualization-table-tr-odd {
background-color: #fafafa
}
.google-visualization-table-tr-sel {
background-color: #d6e9f8
}
.google-visualization-table-tr-over {
background-color: #e7e9f9
}
.google-visualization-table-td.google-visualization-table-type-bool {
text-align: center;
font-family: "Arial Unicode MS", Arial, Helvetica
}
.google-visualization-table-td.google-visualization-table-type-date {
text-align: center
}
.google-visualization-table-td.google-visualization-table-type-number {
text-align: right;
white-space: nowrap
}
.google-visualization-table-seq {
text-align: right;
color: #666
}
.google-visualization-table-div-page {
display: inline-block;
width: 100%;
padding: 1px 0 0 1px;
border: 0;
background-color: rgb(228, 233, 244);
font-family: Arial, sans-serif
}
.google-visualization-table-div-page [role="button"] {
display: inline-block;
cursor: pointer;
margin-top: 2px;
margin-bottom: 2px;
font-family: "Arial Unicode MS", Arial, Helvetica;
font-size: 10px;
line-height: 10px
}
.google-visualization-table-div-page [role="button"] .goog-custom-button-inner-box {
padding: 1px 1px 2px 1px
}
.google-visualization-table-page-prev,
.google-visualization-table-page-next {}
.google-visualization-table-page-prev:before {
content: "\0025c4"
}
.google-visualization-table-page-next:before {
content: "\0025ba"
}
.google-visualization-table-page-numbers {
display: inline-block;
zoom: 1;
margin: 0;
vertical-align: middle
}
.ie8 .google-visualization-table-page-numbers {
display: inline
}
.google-visualization-table-page-number {
display: inline-block;
background-color: rgb(228, 233, 244);
border: 1px ButtonShadow outset;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: black;
font-size: 10px;
min-width: 10px;
margin: 2px;
padding: 0 2px;
text-align: center;
text-decoration: none;
vertical-align: middle
}
.google-visualization-table-page-number.current {
font-weight: bold;
font-size: 11px;
background: #fefefe;
border-style: inset
}
.google-visualization-table-page-number:hover {
background: #fefefe;
border-style: inset
}
.google-visualization-table .transparent {
background-image: none;
background-color: transparent;
border-color: transparent
}
.google-visualization-table .transparentIE6 {
background: none
}
.google-visualization-table th .transparent,
.google-visualization-table td .transparent {
color: transparent;
opacity: 0
}
.google-visualization-table .google-visualization-hidden {
visibility: hidden;
pointer-events: none
}
.google-visualization-table-loadtest {
padding-left: 6px
}
.google-visualization-sparkline-default {
background-color: #ffffff;
border-spacing: 0px;
font-size: small;
color: gray
}
.google-visualization-sparkline-selected {
background-color: #d6e9f8;
padding: 1px;
border-spacing: 0px;
font-size: small;
color: gray
}
.google-visualization-sparkline-over {
background-color: #e7e9f9;
padding: 1px;
border-spacing: 0px;
font-size: small;
color: gray
}
.google-visualization-sparkline-image {
display: block
}
.google-visualization-orgchart-table {
border: 0;
text-align: center
}
.google-visualization-orgchart-table * {
margin: 0;
padding: 2px
}
.google-visualization-orgchart-space-small {
width: 4px;
height: 1px;
border: 0
}
.google-visualization-orgchart-space-medium {
width: 10px;
height: 1px;
border: 0
}
.google-visualization-orgchart-space-large {
width: 16px;
height: 1px;
border: 0
}
.google-visualization-orgchart-noderow-small {
height: 12px;
border: 0
}
.google-visualization-orgchart-noderow-medium {
height: 30px;
border: 0
}
.google-visualization-orgchart-noderow-large {
height: 46px;
border: 0
}
.google-visualization-orgchart-connrow-small {
height: 2px;
font-size: 1px
}
.google-visualization-orgchart-connrow-medium {
height: 6px;
font-size: 4px
}
.google-visualization-orgchart-connrow-large {
height: 10px;
font-size: 8px
}
.google-visualization-orgchart-node {
text-align: center;
vertical-align: middle;
font-family: arial, helvetica;
cursor: default;
border: 2px solid #b5d9ea;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 3px;
-moz-box-shadow: rgba(0, 0, 0, 0.5) 3px 3px 3px;
background-color: #edf7ff;
background: -webkit-gradient(linear, left top, left bottom, from(#edf7ff), to(#cde7ee))
}
.google-visualization-orgchart-nodesel {
border: 2px solid #e3ca4b;
background-color: #fff7ae;
background: -webkit-gradient(linear, left top, left bottom, from(#fff7ae), to(#eee79e))
}
.google-visualization-orgchart-node-small {
font-size: 0.6em
}
.google-visualization-orgchart-node-medium {
font-size: 0.8em
}
.google-visualization-orgchart-node-large {
font-size: 1.2em;
font-weight: bold
}
.google-visualization-orgchart-linenode {
border: 0
}
.google-visualization-orgchart-lineleft {
border-left: 1px solid #3388dd
}
.google-visualization-orgchart-lineright {
border-right: 1px solid #3388dd
}
.google-visualization-orgchart-linebottom {
border-bottom: 1px solid #3388dd
}
.waffle-data-validation-auto-complete-row {
box-sizing: border-box;
cursor: pointer;
min-height: 28px;
padding: 2px 10px
}
.waffle-data-validation-auto-complete-row-active {
background: #f1f3f4;
color: #202124
}
.waffle-data-validation-chips-container {
margin-bottom: 5px
}
.waffle-data-validation-chips-display-value {
color: #202124;
font-size: 14px;
line-height: 20px
}
.waffle-data-validation-chips-primary-key {
color: #5f6368;
font-size: 12px;
line-height: 16px
}
.waffle-data-validation-chips-footer {
border-top: 1px solid #dadce0;
height: 30px;
position: relative;
right: 10px;
width: calc(100% + 20px)
}
.waffle-data-validation-chips-edit {
bottom: 3px;
display: inline-block;
position: absolute;
right: 10px
}
.waffle-dropdown-chips-row {
height: 28px;
min-width: 154px
}
.waffle-dropdown-chips-container {
position: relative;
top: 4px
}
.waffle-ac-renderer.waffle-dropdown-chip-renderer {
border-radius: 8px;
box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
overflow: auto;
z-index: 1001
}
.waffle-ac-renderer.waffle-dropdown-chip-renderer-upside-down {
border-radius: 8px;
box-shadow: 1px 0 5px rgba(0, 0, 0, 0.4);
overflow: auto;
z-index: 1001
}
.assisted-actions-feedback-button {
display: inline;
float: right;
padding-right: 10px;
user-select: none
}
.modal-dialog.account-linking-consent-screen-dialog .modal-dialog-title {
display: flex;
height: 45px;
margin: 0
}
.modal-dialog.account-linking-consent-screen-dialog {
border: 0;
height: calc(100vh - 40px);
left: calc((100vw - 40px - 500px)/2) !important;
margin: 20px;
max-height: 771px;
padding: 0;
position: absolute;
top: 0 !important;
width: 500px;
z-index: 10000
}
.waffle-griddy-suggestions-bubble-container {
position: absolute;
z-index: 8
}
.waffle-griddy-suggestions-bubble {
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0px -3px 11px rgba(128, 134, 139, 0.09), 0px 6px 11px rgba(128, 134, 139, 0.06), 0px 1px 3px rgba(60, 64, 67, 0.3), 0px 4px 8px rgba(60, 64, 67, 0.15);
width: 150px
}
.waffle-griddy-suggestions-menu-wrapper {}
.waffle-griddy-suggestions-menu-item-icon-container {
display: inline-block
}
.waffle-griddy-suggestions-menu-item-header {
display: inline-block;
margin: 0 0 0 10px
}
.range-border.waffle-griddy-highlight-styled-border {
border-color: #34a853;
border-style: dashed
}
.waffle-griddy-highlight-styled-rect {
background-color: #34a853;
opacity: 0.06;
pointer-events: none
}
.waffle-charteditor-chart-area-resizer .docs-squarehandleselectionbox-border {
transition: opacity 250ms cubic-bezier(0.4, 0, 1, 1);
border: 1px solid #9e9e9e;
opacity: 0
}
.waffle-charteditor-chart-area-resizer .docs-squarehandleselectionbox-handle {
transition: opacity 250ms cubic-bezier(0.4, 0, 1, 1);
background: #fff;
border: 1px solid #9e9e9e;
opacity: 0
}
.waffle-charteditor-chart-area-resizer:hover .docs-squarehandleselectionbox-border,
.waffle-charteditor-chart-area-resizer:hover .docs-squarehandleselectionbox-handle,
.waffle-charteditor-chart-area-resizer-active .docs-squarehandleselectionbox-border,
.waffle-charteditor-chart-area-resizer-active .docs-squarehandleselectionbox-handle,
.waffle-charteditor-chart-area-resizer-dragging .docs-squarehandleselectionbox-border,
.waffle-charteditor-chart-area-resizer-dragging .docs-squarehandleselectionbox-handle {
opacity: 1
}
.waffle-charteditor-edit-context-menu {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.waffle-charteditor-edit-context-menu .goog-menuitem {
padding-left: 30px;
padding-right: 110px
}
.waffle-charteditor-edit-context-menu-header {
color: rgba(0, 0, 0, 0.38);
font-weight: bold;
padding: 2px 8px 6px 8px;
text-transform: uppercase
}
.waffle-charteditor-edit-context-menu-submenu-label {
float: left
}
.waffle-charteditor-select-to-zoom {
background-color: rgba(0, 0, 255, 0.1);
border: 1px dashed #9e9e9e;
position: absolute
}
.waffle-charteditor-text-edit-overlay {
background-color: #fff;
border: 1px solid #44a3fa;
cursor: text;
color: rgba(0, 0, 0, 0.54);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 1;
outline: 3px solid rgba(68, 163, 250, .3);
outline-offset: 0;
position: absolute;
resize: none;
z-index: 1
}
.waffle-charteditor-text-edit-overlay-vertical {
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
-webkit-transform-origin: top left;
-moz-transform-origin: top left;
-ms-transform-origin: top left;
-o-transform-origin: top left;
transform-origin: top left
}
.docs-ui-toast.waffle-charts-customizable-toast {
bottom: 10px;
left: 10px;
position: absolute
}
.waffle-charts-switching-chart-component-gviz-backed {
background: white
}
.waffle-chip-container {
background-color: #e8eaed;
border-radius: 8px;
display: inline-block;
height: fit-content;
max-width: 100%;
padding: 0 5px;
width: fit-content
}
.waffle-chipextraction-field-name {}
.waffle-chipextraction-field-value {}
.waffle-chipextraction-field-pill {}
.waffle-chipextraction-pill {}
.waffle-chipextraction-bubble-chip {
display: inline-block;
height: 56px
}
.waffle-chipextraction-bubble-chip-icon {
display: inline-block;
height: 56px
}
.waffle-chipextraction-bubble-chip-text {
max-width: 75px;
white-space: nowrap;
width: fit-content;
text-overflow: ellipsis;
display: inline-block;
overflow: hidden
}
.waffle-chipextraction-field-holder {
height: 100%
}
.waffle-chipextraction-pill-header {
display: inline-block;
max-width: 300px;
height: 56px;
white-space: nowrap
}
.waffle-chipextraction-timestamp {
display: inline-block;
padding-left: 8px;
width: fit-content;
position: absolute
}
.waffle-chip-extraction-sidebar-scroll-pane {
max-height: calc(100% - 68px);
overflow-x: hidden;
overflow-y: auto
}
.waffle-chip-extraction-sidebar-header-wrapper {}
.waffle-chip-extraction-sidebar-footer-wrapper {}
.waffle-chip-extraction-sidebar-button-bar {}
.waffle-chip-extraction-sidebar-refresh-button-wrapper,
.waffle-chip-extraction-sidebar-extract-button-wrapper {
float: right
}
.docs-material-button-hairline-primary.docs-material-button.waffle-chip-extraction-sidebar-refresh-button,
.docs-material-button-hairline-primary.docs-material-button.waffle-chip-extraction-sidebar-extract-button {
align-items: center;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
padding: 6px 14px
}
.waffle-chip-extraction-extract-tab,
.waffle-chip-extraction-refresh-tab,
.waffle-chip-extraction-sidebar-toggle-tabs {}
.waffle-chip-extraction-sidebar-extract-source-range-selector,
.waffle-chip-extraction-sidebar-extract-destination-range-selector {
border: 1px solid #dadce0;
border-radius: 4px;
box-sizing: border-box;
color: #3c4043;
padding: 1px 8px;
font-size: 14px;
height: 36px;
margin: 8px 0
}
.waffle-timeline-settings-sidebar-range-selector-focus {
border: 2px solid #1a73e8;
box-shadow: none;
padding: 0px 7px
}
.waffle-chip-extraction-sidebar-view-list {
height: 100%
}
.docs-hc-gecko .waffle-chip-extraction-sidebar .waffle-sidebar-title-close:focus {
outline: 1px solid Highlight
}
.waffle-chip-extraction-people-chip-field-list,
.waffle-chip-extraction-first-party-chip-field-list {}
.waffle-chip-extraction-field-list {}
.waffle-chip-info-bubble-container {
background-color: #fff;
border-radius: 8px;
bottom: 90px;
box-shadow: 0px 1px 2px 0px rgba(60, 64, 67, .30), 0px 2px 6px 2px rgba(60, 64, 67, .15);
box-sizing: border-box;
left: auto !important;
padding: 24px 24px 16px 24px;
position: fixed;
right: 60px;
top: auto !important;
width: 344px
}
.waffle-chip-info-bubble-title {
font-family: 'Google Sans';
font-size: 22px;
line-height: 28px;
margin-bottom: 12px
}
.waffle-chip-info-bubble-body {
font-family: 'Roboto';
font-size: 14px;
letter-spacing: 0.2px;
line-height: 20px;
margin-bottom: 20px
}
.waffle-chip-info-bubble-buttons {
color: #188038;
display: flex;
font-size: 14px;
justify-content: flex-end;
letter-spacing: 0.25px;
line-height: 20px;
position: relative
}
.waffle-chip-info-bubble-button {
border-radius: 4px;
cursor: pointer;
padding: 0 8px
}
.waffle-chip-info-bubble-button:hover {
background: rgba(24, 128, 56, 0.04)
}
.waffle-chip-info-bubble-button-accept {}
.waffle-chip-info-bubble-button-reject {}
.waffle-chips-sharing-prompt-container {
background: #fff;
border-radius: 8px;
bottom: 40px;
box-shadow: 0 1px 6px rgba(32, 33, 36, 0.28);
min-height: 184px;
max-height: 70vh;
padding: 5px 6px 11px 6px;
position: absolute;
right: 48px;
width: 288px;
z-index: 900;
overflow: auto
}
.waffle-chips-sharing-prompt-content {
padding: 12px
}
.waffle-chips-sharing-prompt-content div {
outline: none;
overflow: auto
}
.waffle-chips-sharing-prompt-header {
align-content: center;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.25px
}
.waffle-chips-sharing-prompt-emails {
margin: 0;
padding: 16px 0 0 0
}
.waffle-chips-sharing-prompt-emails li {
align-content: center;
color: #4285f4;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
letter-spacing: 0.25px;
line-height: 20px;
list-style-type: none
}
.waffle-chips-sharing-prompt-email {
font-size: 14px
}
.waffle-chips-sharing-prompt-email:focus {
outline: 1px solid
}
.waffle-chips-sharing-prompt-show-more-emails {
cursor: pointer;
font-size: 12px
}
.waffle-chips-sharing-prompt-and-more-emails {
font-size: 12px
}
.waffle-chips-sharing-prompt-checkbox-container {
border-bottom: 1px solid #dadce0;
margin-bottom: 16px;
padding: 12px 0
}
.waffle-chips-sharing-prompt-checkbox-container label {
font-size: 14px
}
.waffle-chips-sharing-prompt-checkbox-container .docs-material-gm-labeled-checkbox-content {
margin-left: 12px;
margin-right: 12px
}
.docs-material-gm-labeled-checkbox-circle {
margin-right: -10px
}
.waffle-chips-sharing-prompt-buttons-container {}
.waffle-chips-sharing-prompt-buttons-container .jfk-button-standard {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
border: 1px solid #dadce0 !important;
color: #137333
}
.waffle-chips-sharing-prompt-buttons-container .jfk-button-standard.jfk-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #e7f5eb;
border: 1px solid #bbe2c6 !important
}
.waffle-chips-sharing-prompt-buttons-container .jfk-button-standard.jfk-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #f8fcf9;
border: 1px solid #c8e7d1 !important
}
.waffle-chips-sharing-prompt-buttons-container .jfk-button-standard.jfk-button-focused.jfk-button-active {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
border: 1px solid transparent !important;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}
.waffle-chips-sharing-prompt-buttons-container .jfk-button-action {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff
}
.waffle-chips-sharing-prompt-buttons-container .jfk-button-action.jfk-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #4f9e67;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
@media (forced-colors:active) {
.waffle-chips-sharing-prompt-buttons-container .jfk-button-focused {
outline: 1px solid Highlight;
outline-offset: -4px
}
}
.waffle-chips-sharing-prompt-buttons-container .jfk-button-action.jfk-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #2a8947;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
.waffle-chips-sharing-prompt-buttons-container .jfk-button-action.jfk-button-focused.jfk-button-active {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #62a877;
box-shadow: 0 2px 6px 2px rgba(52, 168, 83, 0.15)
}
.waffle-chips-sharing-prompt-accept-button {}
.waffle-chips-sharing-prompt-dismiss-button {}
.waffle-chips-sharing-prompt-container .waffle-chips-sharing-prompt-content .waffle-chips-sharing-prompt-buttons-container .jfk-button {
height: 24px;
padding: 3px 12px 5px;
margin: 0 8px 0 0;
min-width: 24px;
vertical-align: middle;
overflow: visible
}
.waffle-chip-simple-promo-content {
background-color: #fff;
border-radius: 8px;
height: fit-content;
padding: 0 12px;
width: 260px
}
.waffle-chip-simple-promo-title {
color: #188038;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 24px;
margin-top: 12px
}
.waffle-chip-simple-promo-body {
font-size: 12px;
line-height: 16px;
margin: 6px 0 8px
}
.waffle-chip-promo-buttons-wrapper {
display: flex;
padding-bottom: 16px
}
.waffle-chip-promo-button-accept {
align-items: center;
background: #fff;
border: 1px solid #ceead6;
border-radius: 18px;
box-sizing: border-box;
cursor: pointer;
display: flex;
height: 36px;
margin-right: 8px;
width: 36px
}
.waffle-chip-promo-button-accept:hover {
background: #e6f4ea
}
.waffle-chip-promo-button-reject {
align-items: center;
background: #fff;
border: 1px solid #dadce0;
border-radius: 18px;
box-sizing: border-box;
cursor: pointer;
display: flex;
height: 36px;
margin-right: 8px;
width: 36px
}
.waffle-chip-promo-button-reject:hover {
background: #f8f9fa
}
.waffle-chip-promo-button-icon {
margin: auto
}
.waffle-chip-simple-promo-additional-information {
font-size: 12px;
line-height: 16px;
overflow-y: scroll;
text-overflow: clip;
white-space: normal;
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 400;
letter-spacing: 0.3px;
padding-bottom: 8px
}
.waffle-chip-promo-button-icon-accept.docs-icon {
transform: scale(1.3) translate(1px, 2px);
width: 19px
}
.waffle-chip-promo-button-icon-accept .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg) !important
}
.waffle-chip-promo-button-reject .docs-icon {
transform: scale(1.2) translate(0px, 1px)
}
.waffle-chip-column-conversion-range-highlighter-border {
border-color: #188038;
border-style: solid
}
.waffle-chip-column-conversion-range-highlighter-rect {
background-color: #e6f4ea;
opacity: 0.50;
pointer-events: none
}
.dropdown-chip-intro-promo-base.jfk-bubble.docs-promo-bubble {
border-radius: 8px;
bottom: 48px;
right: 48px;
width: 320px
}
.dropdown-chip-intro-promo-base .docs-promo-container {
display: flex;
flex-direction: column;
padding: 0
}
.dropdown-chip-intro-promo-base .docs-promo-icon-container {
border-radius: 8px 8px 0 0;
height: 180px;
margin: 0;
padding: 0;
width: 320px
}
.dropdown-chip-intro-promo-base .docs-promo-text-container {
padding: 12px 23px 20px 23px;
width: inherit
}
.dropdown-chip-intro-promo-base .docs-promo-header {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 28px;
right: 24px
}
.dropdown-chip-intro-promo-base .docs-promo-body {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
letter-spacing: 0.2px;
line-height: 20px;
padding-top: 8px
}
.dropdown-chip-intro-promo-base .docs-promo-action-row {
display: flex;
float: right;
justify-content: center;
padding: 12px 0 0 6px;
text-align: center
}
.dropdown-chip-intro-promo-base .docs-promo-action-container {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.25px;
line-height: 20px;
text-transform: none
}
.dropdown-chip-intro-promo-base .docs-promo-action-row .docs-promo-action-button-right {
align-items: center;
background: #188038;
border: 1px solid #188038;
border-radius: 4px;
color: #fff;
cursor: pointer;
min-width: 108px;
padding: 8px 12px
}
.dropdown-chip-intro-promo-base .docs-promo-action-button-left {
align-items: center;
background-color: transparent;
border: none;
color: #188038;
cursor: pointer;
display: flex;
margin-right: 17px
}
.finance-chip-promo-base.jfk-bubble.docs-promo-bubble {
border-radius: 8px;
bottom: 48px;
right: 48px;
width: 320px
}
.finance-chip-promo-base .docs-promo-container {
display: flex;
flex-direction: column;
padding: 0
}
.finance-chip-promo-base .docs-promo-icon-container {
height: 180px;
margin: 0;
padding: 0;
width: 320px
}
.finance-chip-promo-base .docs-promo-text-container {
padding: 12px 20px 20px 20px;
width: inherit
}
.finance-chip-promo-base .docs-promo-header {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 28px;
right: 24px
}
.finance-chip-promo-base .docs-promo-body {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
letter-spacing: 0.2px;
line-height: 20px;
padding-top: 8px
}
.finance-chip-promo-base .docs-promo-action-row {
display: flex;
float: right;
justify-content: center;
padding: 12px 0 0 6px;
text-align: center
}
.finance-chip-promo-base .docs-promo-action-container {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.25px;
line-height: 20px;
text-transform: none
}
.finance-chip-promo-base .docs-promo-action-row .docs-promo-action-button-right {
align-items: center;
background: #188038;
border: 1px solid #188038;
border-radius: 4px;
color: #fff;
cursor: pointer;
min-width: 108px;
padding: 8px 12px
}
.finance-chip-promo-base .docs-promo-action-button-left {
align-items: center;
background-color: transparent;
border: none;
color: #188038;
cursor: pointer;
display: flex;
margin-right: 17px
}
.waffle-chip-promo-base.jfk-bubble.docs-promo-bubble {
background-color: #fff;
border: 0;
padding-bottom: 12px
}
.waffle-chip-promo-content {
background-color: #fff;
border-radius: 8px;
left: 100px;
padding: 0;
width: 320px
}
.waffle-chip-promo-image {
border-radius: 8px 8px 0 0;
height: 180px;
object-fit: cover;
user-select: none;
width: 320px;
-webkit-filter: none !important
}
.waffle-chip-promo-title {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 22px;
line-height: 28px;
margin-top: 12px
}
.waffle-chip-promo-body {
margin-left: 24px;
margin-right: 24px
}
.waffle-chip-promo-text {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
letter-spacing: 0.2px;
line-height: 20px;
margin-bottom: 12px;
margin-top: 12px
}
.waffle-chip-promo-base.docs-gm-promo.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowleft .jfk-bubble-arrowimplafter {
border-color: transparent #fff
}
.docs-material-promo-walkthrough-bubble.waffle-chip-promo-base {
bottom: 90px;
left: auto !important;
padding: 0;
position: fixed;
right: 60px !important;
top: auto !important;
width: 320px
}
.waffle-chip-promo-base .docs-material-promo-walkthrough-bubble-buttons {
padding-top: 0
}
.waffle-chip-walkthrough-promo-close {
color: #188038;
cursor: pointer;
background-color: transparent;
border: none;
bottom: 3px;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: fit-content;
line-height: 20px;
padding: 10px
}
.docs-material-promo-walkthrough-bubble-buttons .docs-material-button-fill-primary {
height: fit-content
}
.people-chip-collaborator-promo .docs-promo-container {
width: 320px
}
.people-chip-collaborator-promo .docs-promo-body {
height: 60px;
width: 270px
}
.people-chip-collaborator-promo .jfk-bubble-closebtn {
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8cGF0aCBmaWxsPSIjZjBmMGYwIiBkPSJNMTkgNi40MUwxNy41OSA1IDEyIDEwLjU5IDYuNDEgNSA1IDYuNDEgMTAuNTkgMTIgNSAxNy41OSA2LjQxIDE5IDEyIDEzLjQxIDE3LjU5IDE5IDE5IDE3LjU5IDEzLjQxIDEyeiIvPjwvc3ZnPg==") no-repeat;
cursor: pointer;
opacity: 1;
right: 12px;
top: 12px
}
.people-chip-collaborator-promo .docs-promo-action-row {
display: none
}
.people-chip-inline-suggestion {
color: #5f6368;
position: absolute;
top: 0
}
.people-chip-inline-suggestion-hide {
display: none
}
.waffle-filterbox-container .waffle-conditionalformat-editbox {
margin: 5px 0;
width: 225px
}
.waffle-filterbox-container .waffle-conditionalformat-multi-arg-content .waffle-conditionalformat-editbox {
width: 208px
}
.waffle-condition-remove {
align-items: center;
color: #999;
cursor: pointer;
display: flex;
margin: 0 0 0 8px
}
.waffle-condition-remove .docs-icon {
height: 24px;
margin: 0;
width: 24px
}
.waffle-condition-drag-handle {
cursor: move;
height: 35px;
left: 4px;
margin-right: 4px;
position: relative;
width: 20px
}
.docs-icon.waffle-condition-drag-handle-icon {
height: 25px;
margin: 0;
top: 4px;
width: 20px
}
.waffle-condition-arg-row {
align-items: center;
display: flex
}
.waffle-condition-drag-item {
border: 1px solid #ccc;
display: flex;
overflow: visible;
width: 280px
}
.docs-grille-gm3.docs-gm .waffle-condition-drag-item {
border-radius: 0
}
.docs-dropdown-item-color-menu-customize-button.goog-flat-button {
border: none;
background: none
}
.docs-dropdown-item-color-menu-customize-button.goog-flat-button-focused {
outline: -webkit-focus-ring-color auto 1px !important
}
.docs-dropdown-item-color-menu-customize-button.goog-flat-button-hover {
background-color: rgba(60, 64, 67, 0.04)
}
.docs-dropdown-item-custom-color-menu-okay-button.goog-flat-button-hover {
background-color: #1e8e3e !important
}
.docs-dropdown-item-custom-color-menu-cancel-button.goog-flat-button {
background: none
}
.docs-dropdown-item-custom-color-menu-cancel-button.goog-flat-button-hover {
background-color: #f1f3f4
}
.waffle-datavalidation-condition-arg-row-editbox {
width: 147px
}
.waffle-datavalidation-condition-arg-row-colorpicker {
display: inline-block;
margin-right: 8px
}
.waffle-dataconnector-dbrecord-projection-column-selection-type-buttons {
margin-top: 12px
}
.waffle-dataconnector-dbrecord-projection-column-selection-type-buttons .jfk-radiobutton {
margin-left: 16px;
padding: 0
}
.waffle-dataconnector-dbrecord-projection-column-selection-type-buttons .jfk-radiobutton-label {
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 20px;
margin-left: 32px;
text-decoration-line: none
}
.waffle-dataconnector-dbrecord-projection-column-selection-type-buttons .jfk-radiobutton-radio {
left: 0;
height: 20px;
width: 20px;
top: 0
}
.waffle-dataconnector-dbrecord-projection-column-selection-type-buttons .jfk-radiobutton-checked .jfk-radiobutton-radio::after {
height: 10px;
margin: 3px;
width: 10px
}
.waffle-dataconnector-dbrecord-projection-column-selection-type-sync-all-helper {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 16px;
margin: 8px 16px 16px 48px;
max-width: 200px
}
.waffle-dataconnector-dbrecord-projection-column-selection-type .goog-menu-filter {
margin-left: 48px;
max-width: 184px
}
.waffle-dataconnector-dbrecord-projection-column-selection-type .waffle-dbsource-column-filtered-menu-select-all-and-clear {
margin-left: 48px
}
.waffle-dataconnector-dbrecord-projection-column-selection-type .goog-menu-content {
margin-left: 16px;
margin-bottom: 8px
}
.waffle-dataconnector-dbrecord-projection-column-selection-type .waffle-dbsource-column-filtered-menu-item-icon {
margin-left: 28px
}
.waffle-dataconnector-dbrecord-projection-column-selection-type .goog-menuitem .goog-menuitem-content {
margin-left: 24px
}
.waffle-dbsource-column-filtered-menu.waffle-dataconnector-dbrecord-projection-column-selection-type .goog-menuitem.goog-option-selected {
background-position: left center
}
.docs-gm .goog-menu.waffle-dataconnector-dbrecord-projection-column-selection-type .apps-menuitem .goog-menuitem-icon {
margin: 7px 0 0 23px
}
.docs-gm .docs-material.goog-menu.waffle-dataconnector-dbrecord-projection-column-selection-type .goog-menuitem-checkbox {
left: -9px
}
.waffle-sidebar-container.waffle-filter-by-value-sidebar,
.docs-grille-gm3 .waffle-sidebar-container.waffle-filter-by-value-sidebar {
background-color: white;
width: 460px
}
.waffle-filter-by-value-sidebar-footer-button-bar {
display: inline-block;
float: right;
padding: 16px 0
}
.waffle-filter-by-value-sidebar .waffle-sidebar-footer-container {
background-color: white;
border-top: 1px solid #dadce0
}
.waffle-filter-by-value-last-updated-time {
display: inline-block;
padding: 27px 24px
}
.waffle-filter-by-value-cancel-button-wrapper {
margin-right: 4px
}
.waffle-filter-by-value-ok-button-wrapper {
margin-right: 12px
}
.waffle-filter-by-value-cancel-button-wrapper,
.waffle-filter-by-value-ok-button-wrapper {
display: inline-block
}
.docs-gm .waffle-filter-by-value-menu .goog-menu,
.docs-gm .waffle-filter-by-value-additional-values-menu .goog-menu {
max-height: none;
overflow-y: visible;
position: relative
}
.docs-gm .waffle-filter-by-value-empty-values-menu .goog-menu,
.docs-gm .waffle-filter-by-value-menu .goog-menu,
.docs-gm .waffle-filter-by-value-additional-values-menu .goog-menu {
box-shadow: none;
padding-left: 12px;
width: 100%;
z-index: auto
}
.waffle-filter-by-value-item-freq {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.8px;
line-height: 16px;
margin-left: 6px
}
.waffle-filter-by-value-menu .waffle-filterable-by-text-contains-menu-item-label {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
left: 84px;
letter-spacing: 0.2px;
line-height: 20px;
overflow-x: hidden;
position: absolute;
text-overflow: ellipsis;
top: 3px;
width: 336px
}
.waffle-filter-by-value-menu .goog-filterobsmenuitem {
padding-bottom: 5px;
padding-top: 5px
}
.waffle-filter-by-value-sidebar .waffle-filter-by-value-search-container .waffle-filter-by-value-search-input {
border: none;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
height: 24px;
padding: 1px 4px;
width: 400px
}
.waffle-sidebar-container .waffle-filter-by-value-search-container .waffle-filter-by-value-search-input:focus {
border: none;
padding: 1px 4px
}
.waffle-filter-by-value-search-container {
border-bottom: 1px solid #dadce0;
padding-left: 18px
}
.docs-gm .docs-material .waffle-filter-by-value-menu-top-buttons .waffle-filter-by-value-active-sort-button .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.waffle-filter-by-value-menu-title-primary {
color: #3c4043;
display: inline-block;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.8px;
line-height: 16px;
margin: 12px 8px 12px 16px;
text-transform: uppercase
}
.waffle-filter-by-value-menu-title-secondary {
color: #5f6368;
display: inline-block;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 16px
}
.waffle-filter-by-value-menu-title-info-icon {
display: inline-block;
padding-left: 4px
}
.waffle-filter-by-value-menu-title-info-icon .docs-icon {
height: 14px;
width: 14px
}
.waffle-filter-by-value-menu-title-info-icon-tooltip {
width: 400px;
text-align: center
}
.waffle-filter-by-value-menu-top-buttons .docs-material-button {
height: 18px;
line-height: 18px
}
.waffle-filter-by-value-menu-top-buttons .docs-material-button-focused.docs-material-button-no-focus-border {
line-height: 18px
}
.waffle-filter-by-value-menu-sort-buttons,
.waffle-filter-by-value-menu-checked-buttons {
display: inline-block
}
.waffle-filter-by-value-sort-by-frequency-desc-button,
.waffle-filter-by-value-sort-by-frequency-asc-button,
.waffle-filter-by-value-sort-by-value-asc-button {
border-right: 1px solid #dadce0
}
.waffle-filter-by-value-menu-sort-buttons {
padding-left: 4px
}
.waffle-filter-by-value-menu-checked-buttons {
float: right;
margin-right: 16px
}
.waffle-filter-by-value-menu-checked-buttons .goog-link-button {
color: #188038;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
letter-spacing: 0.3px;
line-height: 16px;
text-decoration: none
}
.waffle-filter-by-value-select-all-button {
padding-right: 8px
}
.waffle-filter-by-value-clear-button {
border-left: 1px solid #dadce0;
padding-left: 8px
}
.waffle-filter-by-value-menu-filter-disclaimer {
color: #5f6368;
display: block;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 16px;
margin: 12px 0 0 16px
}
.waffle-filter-by-value-menu-empty-search-results {
color: #5f6368;
display: block;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 16px;
margin-top: 30px;
text-align: center
}
.waffle-filter-by-value-additional-values-menu-title {
border-bottom: 1px solid #dadce0;
line-height: 0.1em;
margin: 10px 18px;
text-align: left;
text-indent: 24px
}
.waffle-filter-by-value-additional-values-menu-title,
.waffle-filter-by-value-last-updated-time {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px
}
.waffle-filter-by-value-additional-values-menu-title span {
background: #fff;
padding: 0 10px
}
.waffle-filter-by-value-additional-values-item,
.waffle-filter-by-value-empty-values-item {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.25px;
line-height: 20px
}
.waffle-filter-by-value-additional-values-menu {
margin-bottom: 50px
}
.waffle-filter-by-value-empty-values-wrapper {
border-bottom: 1px solid #dadce0;
height: 46px
}
.waffle-filter-by-value-menu .waffle-filterable-by-text-contains-menu-item-match {
font-weight: 700
}
.waffle-filter-by-value-sidebar-header-wrapper {
margin-bottom: 12px
}
.waffle-filter-by-value-sidebar-content-unavailable {
padding-top: 60px;
text-align: center
}
.waffle-filter-by-value-content-unavailable-alert-message {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 500;
letter-spacing: 0;
line-height: 24px;
padding-top: 16px
}
.waffle-filter-by-value-content-unavailable-refresh-message {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 20px;
margin: 0 auto;
padding-top: 12px;
width: 228px
}
.waffle-filter-by-value-content-unavailable-refresh-button-wrapper {
padding-top: 24px
}
.waffle-filter-by-value-content-unavailable-refresh-button-wrapper .docs-material-button {
text-transform: capitalize
}
.waffle-filter-by-value-hc-gecko {
filter: invert(100%)
}
.docs-gm .waffle-filter-by-value-sidebar .docs-material.goog-menu .apps-menuitem.goog-option-selected .goog-menuitem-checkbox {
left: -8px;
top: 47%
}
.waffle-dataconnector-dbrecord-sidebar-widget {
padding: 20px 16px 0
}
.waffle-dataconnector-dbrecord-sidebar-widget-header {
display: flex;
align-items: center;
justify-content: space-between
}
.waffle-dataconnector-dbrecord-sidebar-widget-header-label {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 40px
}
.waffle-dataconnector-dbrecord-sidebar .docs-charts-editor-material-textbutton.docs-material:focus {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #e7f5eb;
border: 1px solid #bbe2c6 !important;
height: 24px;
padding: 3px 12px 5px
}
.waffle-dataconnector-dbrecord-sidebar-sort-widget-chip,
.waffle-dataconnector-dbrecord-sidebar-projection-widget-chip {
margin-top: 8px
}
.waffle-dataconnector-dbrecord-sidebar-sort-widget-chip .docs-charts-editor-chip-content,
.waffle-dataconnector-dbrecord-sidebar-projection-widget-chip .docs-charts-editor-chip-content {
display: flex;
align-items: center
}
.waffle-dataconnector-dbrecord-sidebar-projection-widget-chip .docs-charts-editor-chip-content,
.waffle-dataconnector-dbrecord-sidebar-projection-widget-chip .docs-charts-editor-chip-label,
.waffle-dataconnector-dbrecord-sidebar-sort-widget-chip .docs-charts-editor-chip-content,
.waffle-dataconnector-dbrecord-sidebar-sort-widget-chip .docs-charts-editor-chip-label {
cursor: move
}
.waffle-dataconnector-dbrecord-chip-nodrag .docs-charts-editor-chip-content,
.waffle-dataconnector-dbrecord-chip-nodrag .docs-charts-editor-chip-label,
.waffle-dataconnector-dbrecord-chip-nodrag {
cursor: default
}
.waffle-dataconnector-dbrecord-sidebar-sort-widget-chip-icon,
.waffle-dataconnector-dbrecord-sidebar-projection-widget-chip-icon {
margin-left: 15px
}
.waffle-dataconnector-dbrecord-sidebar .waffle-dbsource-table-icon {
height: 24px;
width: 24px
}
.waffle-dataconnector-dbrecord-sidebar-filter-widget .waffle-filter-filtercard {
background-color: #f1f3f4
}
.waffle-dataconnector-dbrecord-sidebar-filter-widget .waffle-filter-filtercard .waffle-filter-filtercard-delete-button {
background-color: #5f6368
}
.waffle-dataconnector-dbrecord-sidebar-filter-widget .waffle-filter-filtercard .waffle-filter-filtercard-select .jfk-select {
width: 100%
}
.waffle-dataconnector-dbrecord-sidebar-truncation-widget-row-limit-label {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
padding-bottom: 5px
}
.waffle-dataconnector-dbrecord-sidebar-truncation-widget-repeated-values {
align-items: center;
display: flex;
margin-top: 8px
}
.waffle-dataconnector-refresh-advanced-menu,
.waffle-dataconnector-refresh-advanced-menu-exclude-preview-checkbox .docs-material-gm-labeled-checkbox-label {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px
}
.waffle-dataconnector-refresh-advanced-menu-open>.waffle-dataconnector-refresh-advanced-menu-close-button {
display: inline-block
}
.waffle-dataconnector-refresh-advanced-menu-open>.waffle-dataconnector-refresh-advanced-menu-content {
display: block
}
.waffle-dataconnector-refresh-advanced-menu-open>.waffle-dataconnector-refresh-advanced-menu-open-button {
display: none
}
.waffle-dataconnector-refresh-advanced-menu-content {
display: none
}
.waffle-dataconnector-refresh-advanced-menu-button-label {
display: inline-block
}
.waffle-dataconnector-refresh-advanced-menu-close-button {
display: none;
padding-right: 8px
}
.waffle-dataconnector-refresh-advanced-menu-open-button {
display: inline-block;
margin-bottom: 38px;
padding-right: 8px
}
.waffle-dataconnector-refresh-advanced-menu-open-button:hover,
.waffle-dataconnector-refresh-advanced-menu-close-button:hover {
background-color: #f8f9fa
}
.waffle-dataconnector-refresh-advanced-menu-open-button:focus,
.waffle-dataconnector-refresh-advanced-menu-close-button:focus {
background-color: #f1f3f4;
outline: 1px solid transparent
}
.docs-calendar-select {
background-color: #f1f3f4;
border-radius: 4px;
outline: none
}
.docs-calendar-select-disabled {
color: #5f6368;
opacity: .38;
cursor: default
}
.docs-calendar-select-outer-box {
border-radius: 4px;
cursor: pointer;
padding: 8px 4px 8px 8px
}
.docs-calendar-select-outer-box:active {
background-color: #fff;
border: 1px solid transparent;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}
.docs-calendar-select-hover .docs-calendar-select-outer-box,
.docs-calendar-select-focused .docs-calendar-select-outer-box {
background-color: rgba(60, 64, 67, 0.04);
outline: 1px dotted transparent;
outline-offset: -4px
}
.docs-calendar-select-open .docs-calendar-select-outer-box {
background-color: rgba(60, 64, 67, 0.04);
border: 1px solid transparent
}
.docs-calendar-select-open.docs-calendar-select-hover .docs-calendar-select-outer-box {
background-color: rgba(60, 64, 67, 0.04)
}
.docs-calendar-select-inner-box {
align-items: center;
display: flex;
justify-content: space-between;
position: relative;
width: 100%
}
.docs-calendar-select-caption {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
height: 20px;
line-height: 20px;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.docs-calendar-select-dropdown {
align-items: center;
display: flex;
height: 24px;
justify-content: center;
width: 24px
}
.docs-calendar-select-dropdown-icon {
background: no-repeat url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_medium.svg) -20px -10428px;
height: 18px;
width: 18px
}
.docs-calendar-select-open .docs-calendar-select-dropdown-icon {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.waffle-dataconnector-refresh-day-of-month-widget-chip-container {
display: inline-block
}
.waffle-dataconnector-refresh-day-of-month-widget-chip-container .waffle-removable-chip {
display: inline-block
}
.waffle-dataconnector-refresh-day-of-month-widget-chip-container .waffle-removable-chip-button {
background-color: transparent;
border: 1px solid #e8eaed;
height: 18px;
line-height: 18px;
margin: 2px;
padding: 2px 24px 2px 12px
}
.waffle-dataconnector-refresh-day-of-month-widget-chip-container .waffle-removable-chip-button-focused {
border: 1px solid #4285f4;
outline: none
}
.waffle-dataconnector-refresh-day-of-month-widget-chip-container .waffle-removable-chip-chip-content {
color: #5f6368;
margin-right: 4px
}
.waffle-dataconnector-refresh-day-of-month-widget-chip-container .waffle-removable-chip-remove-button .waffle-dataconnector-close-icon polygon {
fill: #5f6368
}
.waffle-dataconnector-refresh-day-of-month-widget-chip-container .waffle-removable-chip-remove-button {
background-color: transparent
}
.waffle-dataconnector-refresh-day-of-month-widget-chip-container .waffle-removable-chip-remove-button-hover,
.waffle-dataconnector-refresh-day-of-month-widget-chip-container .waffle-removable-chip-remove-button-focused {
background-color: rgba(0, 0, 0, .12)
}
.waffle-dataconnector-refresh-day-of-month-widget .waffle-dataconnector-refresh-schedules-new-label,
.waffle-dataconnector-refresh-schedules-new-repeat-on-label {
display: inline-block;
padding-top: 4px;
width: 50%
}
.waffle-dataconnector-refresh-day-of-month-widget .waffle-dataconnector-refresh-day-of-month-widget-add-day-select {
display: inline-block;
float: right
}
.waffle-dataconnector-refresh-day-of-month-widget .waffle-dataconnector-refresh-day-of-month-widget-add-day-select .goog-button {
background-color: transparent;
border-color: transparent;
border-radius: 4px;
color: #188038;
cursor: pointer;
font: 500 14px "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
padding: 4px 8px
}
.waffle-dataconnector-refresh-day-of-month-widget .waffle-dataconnector-refresh-day-of-month-widget-add-day-select .goog-button-hover,
.waffle-dataconnector-refresh-day-of-month-widget .waffle-dataconnector-refresh-day-of-month-widget-add-day-select .goog-button-focused {
background-color: #ceead6;
border-color: transparent;
color: #188038;
cursor: pointer
}
.waffle-dataconnector-refresh-all-dbobject-item {
display: inline-block;
height: 35px;
width: 100%
}
.waffle-dataconnector-refresh-all-dbobject-item-enabled:focus {
outline: none
}
.waffle-dataconnector-refresh-all-dbobject-item-enabled.valid-highlight:hover {
background-color: #f1f3f4;
border-radius: 20px;
box-sizing: border-box
}
.waffle-dataconnector-refresh-all-dbobject-item-enabled.valid-highlight:focus {
background-color: #e8eaed;
border-radius: 20px;
box-sizing: border-box;
outline: none
}
.waffle-dataconnector-refresh-all-dbobject-item-enabled.error-highlight:hover {
background-color: #fce8e6;
border-radius: 20px;
box-sizing: border-box
}
.waffle-dataconnector-refresh-all-dbobject-item-enabled.error-highlight:focus {
background-color: #fad2cf;
border-radius: 20px;
box-sizing: border-box;
outline: none
}
.waffle-dataconnector-refresh-all-dbobject-item-disabled {
color: #80868b;
cursor: default
}
.waffle-dataconnector-refresh-all-dbobject-item-icon-wrapper {
float: left;
margin-left: 16px;
margin-right: 16px;
margin-top: 8px
}
.waffle-dataconnector-refresh-all-dbobject-item-title {
color: #3c4043;
float: left;
font: 400 14px/20px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
letter-spacing: 0.2px;
margin-top: 8px
}
.waffle-dataconnector-refresh-all-dbobject-item-status-wrapper {
float: right;
font: 400 12px/16px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
letter-spacing: 0.3px;
margin-right: 16px;
margin-top: 8px
}
.waffle-dataconnector-refresh-all-dbobject-item-timestamp {
color: #80868b
}
.waffle-dataconnector-refresh-all-dbobject-item-loading,
.waffle-dataconnector-refresh-all-dbobject-item-running {
color: #202124
}
.waffle-dataconnector-refresh-all-dbobject-item-error {
color: #d93025;
font-weight: bold
}
.waffle-dataconnector-refresh-all-dbobject-list-footer-button-wrapper {
float: right;
margin-right: 7px
}
.waffle-dataconnector-refresh-all-dbobject-list-footer-button-wrapper .docs-material-button {
text-transform: none
}
.waffle-dataconnector-refresh-all-dbobject-list-footer {
display: inline-block;
margin-bottom: 10px;
margin-top: 10px;
width: 100%
}
.waffle-dataconnector-refresh-all-dbobject-list-footer-bytes-wrapper {
float: left;
margin-left: 21px;
margin-top: 9px
}
.waffle-dataconnector-refresh-all-dbobject-item-icon-spinner .waffle-spinner {
height: 18px;
width: 18px
}
.waffle-dataconnector-refresh-all-dbobject-item-icon-spinner .waffle-spinner-circle {
border-width: 2px
}
.waffle-dataconnector-refresh-sidebar-backdrop {
background-color: #000;
left: 0;
position: absolute;
top: 0;
z-index: 998;
height: 100%;
opacity: .6;
width: 100%
}
.waffle-dataconnector-refresh-all-dbobject-list-single-datasource-container {
display: flex
}
.waffle-dataconnector-refresh-all-dbobject-list-single-datasource-title {
font-family: Google Sans;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.25px;
overflow: hidden;
padding: 20px 20px 12px;
text-overflow: ellipsis
}
.waffle-dataconnector-refresh-all-dbobject-list-unlinked-account .waffle-dataconnector-refresh-all-dbobject-list-single-datasource-title {
width: 170px
}
.waffle-dataconnector-refresh-all-dbobject-list-link-button-wrapper {
margin-top: 10px
}
.waffle-dataconnector-refresh-all-dbobject-list-link-button-wrapper .docs-material-button {
background: none;
margin: 0
}
.waffle-dataconnector-refresh-sidebar-refresh-widget {
background-color: #f8f9fa;
overflow-x: hidden;
overflow-y: auto
}
.waffle-dataconnector-refresh-all-pane {
height: 100%
}
.waffle-dataconnector-refresh-all-datasources-container {
bottom: 0;
height: 100%;
left: 0;
position: relative;
right: 0;
top: 0
}
.waffle-dataconnector-refresh-all-datasources-container.waffle-dataconnector-refresh-all-single-datasource-container {
background-color: white
}
.waffle-dataconnector-refresh-all-datasources-container .waffle-dataconnector-refresh-all-dbobject-list-collapsible {
border: 2px solid transparent
}
.waffle-dataconnector-refresh-all-datasources-container .waffle-dataconnector-refresh-all-dbobject-list-collapsible.docs-charts-editor-collapsible-opened {
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
border: 2px solid #fff;
border-radius: 8px
}
.waffle-dataconnector-refresh-all-dbobject-list-parent {
border-bottom: 2px solid #f8f9fa
}
.waffle-dataconnector-refresh-all-dbobject-list-collapsible .docs-charts-editor-collapsible-header-container {
display: flex
}
.waffle-dataconnector-refresh-all-dbobject-list-collapsible.docs-charts-editor-collapsible-opened .docs-charts-editor-collapsible-header-container {
background: white
}
.waffle-dataconnector-refresh-all-dbobject-list-unlinked-account .docs-charts-editor-collapsible-title {
padding: 0 20px 0 36px !important;
width: 130px
}
.waffle-dataconnector-refreshall-highlight-valid::after {
background-color: #000000;
bottom: 0;
position: absolute;
content: "";
left: 0;
opacity: .2;
right: 0;
top: 0
}
.waffle-dataconnector-refreshall-highlight-error::after {
background-color: #f6aea9;
bottom: 0;
position: absolute;
content: "";
left: 0;
opacity: .2;
right: 0;
top: 0
}
.waffle-dataconnector-refresh-schedules-new-widget {
background-color: #fff;
border-top: 1px solid #dadce0;
bottom: 65px;
outline: none;
position: absolute;
width: 100%
}
.waffle-dataconnector-refresh-schedules-new-header {
display: flex;
flex-direction: column;
height: 64px;
justify-content: center;
padding: 0 16px
}
.waffle-dataconnector-refresh-schedules-new-widget-opened .waffle-dataconnector-refresh-schedules-new-header {
height: auto
}
.waffle-dataconnector-refresh-schedules-new-top-section {
align-items: center;
display: flex;
justify-content: space-between;
padding-bottom: 4px
}
.waffle-dataconnector-refresh-schedules-new-widget-opened .waffle-dataconnector-refresh-schedules-new-top-section {
height: 50px
}
.waffle-dataconnector-refresh-schedules-new-fullview-section {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px
}
.waffle-dataconnector-refresh-schedules-new-fullview-text {
color: #202124;
font-size: 14px;
font-weight: 500;
line-height: 20px
}
.waffle-dataconnector-refresh-schedules-new-header .goog-link-button {
color: #188038;
text-decoration: none
}
.waffle-dataconnector-refresh-schedules-new-header-title {
color: #3c4043;
display: flex;
font: 500 14px "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
line-height: 20px
}
.waffle-dataconnector-refresh-schedules-new-info-icon {
padding-left: 4px
}
.waffle-dataconnector-refresh-schedules-new-edit-section {
padding: 16px 0 16px 16px
}
.waffle-dataconnector-refresh-schedules-new-edit-section-row {
margin-bottom: 16px
}
.waffle-dataconnector-refresh-schedules-new-justify-content {
align-items: start;
display: flex
}
.waffle-dataconnector-refresh-schedules-new-select .docs-material-gm-labeled-select.docs-material-gm-labeled-select-focused .docs-material-gm-labeled-select-outer-box {
background-color: #f1f3f4
}
.waffle-dataconnector-refresh-schedules-new-select .docs-material-gm-labeled-select {
align-items: center;
display: flex;
justify-content: space-between
}
.waffle-dataconnector-refresh-schedules-new-select .docs-material-gm-labeled-select-content {
margin-bottom: 0px
}
.waffle-dataconnector-refresh-schedules-new-select .docs-material-gm-labeled-select-label {
color: #3c4043;
font: 500 12px "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
line-height: 20px
}
.waffle-dataconnector-refresh-schedules-new-select .docs-material-gm-labeled-select-outer-box {
padding: 0;
width: 176px
}
.waffle-dataconnector-refresh-schedules-new-select .docs-material-gm-labeled-select-caption {
font-size: 13px;
height: auto;
line-height: 16px;
padding: 4px 0 4px 8px
}
.waffle-dataconnector-refresh-schedules-new-btns {
align-items: center;
display: flex;
justify-content: flex-end
}
.waffle-dataconnector-refresh-schedules-new-overview-section {
font-size: 12px
}
.waffle-dataconnector-refresh-schedules-new-overview-text {
color: #5f6368
}
.waffle-dataconnector-refresh-schedules-new-edit-btn {
padding-left: 2px
}
.waffle-dataconnector-refresh-schedules-new-save-btn .docs-material-button {
text-transform: none
}
.waffle-dataconnector-refresh-schedules-new-owner-info {
color: #5f6368;
font-size: 12px;
margin: 32px 0 16px 0
}
.waffle-dataconnector-refresh-schedules-new-widget-opened {
animation-name: waffle-dataconnector-refresh-schedules-new-widget-open;
animation-duration: 300ms;
border-radius: 8px 8px 0 0;
border-top: none;
bottom: 0;
box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
overflow-y: scroll;
z-index: 1002
}
@keyframes waffle-dataconnector-refresh-schedules-new-widget-open {
from {
bottom: -300px
}
to {
bottom: 0px
}
}
.waffle-dataconnector-refresh-schedules-new-resume-prompt {
max-width: 420px
}
.waffle-dataconnector-refresh-schedules-new-resume-prompt .waffle-dataconnector-prompt-content {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
letter-spacing: 0.2px;
line-height: 20px;
padding: 0 24px 24px
}
.waffle-dataconnector-refresh-schedules-new-resume-prompt h4 {
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.8px;
line-height: 16px;
margin: 20px 0 12px 0;
text-transform: uppercase
}
.waffle-dataconnector-refresh-schedules-new-label {
color: #3c4043;
font: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif 14px 500;
letter-spacing: 0.25px;
line-height: 20px;
padding-bottom: 4px
}
.waffle-dataconnector-refresh-schedules-new-start-date-select {
display: inline-block;
margin-right: 8px;
position: relative
}
.waffle-dataconnector-refresh-schedules-new-start-date-select .docs-material-button-flat-default {
background-color: #f1f3f4;
border: none;
border-radius: 4px;
color: #3c4043;
font-size: 14px;
font-weight: normal;
height: auto;
line-height: 24px;
margin: 0;
padding: 8px 6px 8px 8px;
text-transform: none
}
.waffle-dataconnector-refresh-schedules-new-start-date-select .docs-material-button-flat-default.docs-material-button.docs-material-button-focused {
background-color: #e8eaed
}
.waffle-dataconnector-refresh-schedules-new-start-date-select .docs-material-button-flat-default.docs-material-button.docs-material-button-focused,
.waffle-dataconnector-refresh-schedules-new-start-date-select .docs-material-button-flat-default.docs-material-button-no-focus-border {
line-height: 24px;
padding: 8px 6px 8px 8px
}
.waffle-dataconnector-refresh-schedules-new-start-time-select {
display: inline-block
}
.waffle-dataconnector-refresh-schedules-new-start-time-select .docs-calendar-select-caption {
font-size: 14px
}
.waffle-dataconnector-refresh-schedules-new-frequency-select {
display: inline-block
}
.waffle-dataconnector-refresh-schedules-new-interval-input {
display: inline-block;
margin-right: 8px
}
.waffle-dataconnector-refresh-schedules-new-interval-input input {
background-color: #f1f3f4;
border: none;
border-radius: 4px;
color: #3c4043;
display: block;
font-size: 14px;
font-weight: normal;
height: 24px;
line-height: 24px;
margin: 0;
min-width: 0%;
outline: none;
padding: 8px 6px 8px 8px;
text-align: center;
width: 44px;
z-index: 0
}
.waffle-dataconnector-refresh-schedules-new-enable-switch {
cursor: pointer
}
.waffle-dataconnector-refresh-schedules-new-label-separator {
border-left: 1px #dadce0 solid;
height: 12px;
margin-left: 6px;
margin-right: 6px
}
.waffle-dataconnector-refresh-schedules-new-advanced-menu {}
.waffle-dataconnector-refresh-weekday-select {
display: contents
}
.waffle-dataconnector-refresh-weekday-toggle {
align-items: center;
background-color: #f1f3f4;
border-radius: 50%;
color: #80868b;
cursor: pointer;
display: inline-flex;
font-size: 12px;
height: 30px;
justify-content: center;
margin-right: 8px;
width: 30px
}
.waffle-dataconnector-refresh-weekday-toggle-focused {
background-color: rgba(95, 99, 104, 0.122)
}
.waffle-dataconnector-refresh-weekday-toggle-focused {
outline: none
}
.waffle-dataconnector-refresh-weekday-toggle-checked {
background-color: #1e8e3e;
color: white
}
.waffle-dataconnector-refresh-weekday-toggle-checked.waffle-dataconnector-refresh-weekday-toggle-focused {
background-color: #188038
}
.docs-colormenuitems .goog-menuitem.goog-inline-block.waffle-colormenuitems-scheme-header-edit-button {
border-radius: 4px;
border-width: 1px 0;
height: 22px;
margin-left: 4px;
padding: 0;
width: 24px
}
.goog-menuitem.goog-inline-block.waffle-colormenuitems-scheme-header-edit-button.goog-menuitem-highlight {
border-width: 0
}
.colormenuitems-ob-order .goog-menuitem.goog-inline-block.waffle-colormenuitems-scheme-header-edit-button {
margin-left: -35px;
vertical-align: top
}
.waffle-ui-draggablebar.waffle-ui-material-draggablebar {}
.waffle-ui-draggablebar-vertical .waffle-ui-draggablebar-handle.waffle-ui-material-draggablebar-handle {
height: 100%;
left: auto;
top: auto;
display: flex;
align-items: center;
justify-content: center;
background: white;
box-sizing: content-box
}
.waffle-ui-draggablebar-handle-icon.waffle-ui-material-draggablebar-handle-icon {
background: none;
border: none;
height: 20px;
width: 4px
}
.waffle-ui-draggablebar {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: rgba(0, 0, 0, 0.12);
bottom: 0;
position: absolute
}
.waffle-ui-draggablebar-horizontal {
width: 100%
}
.waffle-ui-draggablebar-vertical {
height: 100%
}
.waffle-ui-draggablebar-handle {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.12);
box-sizing: border-box;
z-index: 100
}
.waffle-ui-draggablebar-horizontal .waffle-ui-draggablebar-handle {
cursor: row-resize;
height: 9px;
left: calc(50% - 32px/2);
position: absolute;
top: calc(50% - 9px/2);
width: 32px
}
.waffle-ui-draggablebar-vertical .waffle-ui-draggablebar-handle {
background: transparent;
border: 1px solid rgba(0, 0, 0, 0.12);
cursor: col-resize;
height: 32px;
left: calc(50% - 9px/2);
position: absolute;
top: calc(50% - 32px/2);
width: 9px
}
.waffle-ui-draggablebar-handle-icon {
background: rgba(0, 0, 0, 0.12);
border: 3px solid #fff;
box-sizing: border-box;
height: 100%;
width: 100%
}
.docs-grille-gm3 .waffle-ui-draggablebar-handle.waffle-ui-material-draggablebar-handle {
background: none;
border: none
}
.docs-grille-gm3 .waffle-ui-draggablebar-handle.waffle-ui-material-draggablebar-handle circle {
fill: #747775
}
.goog-menu.waffle-function-filtered-menu {
overflow-y: hidden;
padding-bottom: 0;
padding-top: 0;
display: flex;
flex-direction: column
}
.waffle-function-filtered-menu .goog-menu-filter {
display: flex;
border-bottom: 1px solid #dadce0;
padding: 8px 6px 8px 9px
}
.waffle-function-filtered-menu .goog-menu-filter:before {
content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzc1NzU3NSI+CiAgICA8cGF0aCBkPSJNMTUuNSAxNGgtLjc5bC0uMjgtLjI3QzE1LjQxIDEyLjU5IDE2IDExLjExIDE2IDkuNSAxNiA1LjkxIDEzLjA5IDMgOS41IDNTMyA1LjkxIDMgOS41IDUuOTEgMTYgOS41IDE2YzEuNjEgMCAzLjA5LS41OSA0LjIzLTEuNTdsLjI3LjI4di43OWw1IDQuOTlMMjAuNDkgMTlsLTQuOTktNXptLTYgMEM3LjAxIDE0IDUgMTEuOTkgNSA5LjVTNy4wMSA1IDkuNSA1IDE0IDcuMDEgMTQgOS41IDExLjk5IDE0IDkuNSAxNHoiLz4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KPC9zdmc+Cg==');
height: 24px;
margin-right: 5px;
transform: scale(0.75);
width: 24px
}
.waffle-function-filtered-menu .goog-menu-filter input {
border: 0;
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 24px;
min-width: 0;
outline: 0;
padding: 0
}
.waffle-function-filtered-menu .goog-menu-content {
overflow-y: auto
}
.goog-menu .waffle-function-filtered-menu-item {
border-bottom: 1px solid #dadce0;
padding: 10px 10px 10px 15px
}
.waffle-function-filtered-menu-item:hover,
.waffle-function-filtered-menu-item.goog-menuitem-highlight {
border-top-width: 0
}
.waffle-function-filtered-menu-item .waffle-filterable-by-text-contains-menu-item-label {
color: #3c4043;
display: block;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500
}
.waffle-function-filtered-menu-item .waffle-function-filtered-menu-item-description {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400
}
.waffle-function-filtered-menu-item .waffle-filterable-by-text-contains-menu-item-match {
font-weight: 700
}
.waffle-function-filtered-menu-item .waffle-function-filtered-menu-item-description-match {
font-weight: 500
}
.waffle-function-filtered-menu::-webkit-scrollbar-thumb {
min-height: 70px
}
.waffle-insert-function-row>.goog-menuitem-content {
min-width: 125px
}
.waffle-function-category-row {
background: #fff;
color: #333;
cursor: pointer;
font-size: 13px;
font-weight: normal;
margin: 0;
padding: 6px 10px;
text-overflow: ellipsis;
white-space: nowrap;
width: 250px
}
.waffle-function-category-row-name,
.waffle-function-category-row-description {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
max-width: 95%
}
.waffle-function-category-row-name {
overflow: hidden;
text-overflow: ellipsis
}
.waffle-function-category-row-description {
color: #666;
display: none;
font-size: 11px;
overflow: hidden;
padding: 2px 0;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-function-category-active .waffle-function-category-row-description {
display: block
}
.waffle-function-category-active {
background: #eee;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
padding: 1px 10px
}
#t-named-formulas>.goog-menuitem-content {
display: flex
}
.waffle-info-icon-bubble {
border-radius: 8px;
box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15);
font-size: 12px;
max-width: 200px
}
.waffle-info-icon .docs-icon {
cursor: pointer
}
.waffle-ui-input-with-edit-button-container {
border: 1px solid #dadce0;
border-radius: 4px;
box-sizing: border-box;
color: #3c4043;
padding: 1px 8px;
font-size: 14px;
height: 36px;
margin: 8px 0;
align-items: center;
background: #fff;
display: flex;
height: 24px;
margin: 0;
min-width: 20px;
padding: 1px;
width: 100%
}
.waffle-ui-input-with-edit-button-input,
.waffle-ui-input-with-edit-button-input:focus {
background: transparent;
border: none;
box-shadow: none;
box-sizing: border-box;
color: #3c4043;
font-size: 12px;
padding: 4px 0 4px 8px;
text-overflow: ellipsis;
width: calc(100% - 24px)
}
.waffle-ui-input-with-edit-button-button-container {
overflow: hidden;
padding: 0;
text-align: right;
width: 24px
}
.waffle-ui-input-with-edit-button-button:hover,
.waffle-ui-input-with-edit-button-button:focus {
opacity: 0.9
}
.waffle-ui-input-with-edit-button-container.waffle-ui-input-with-edit-button-container-focus {
padding: 0
}
.waffle-input-with-edit-button-button-container {
box-sizing: border-box;
height: 24px;
padding: 2px;
width: 24px
}
.waffle-ui-input-with-edit-button-container .waffle-ui-input-with-edit-button-button,
.waffle-ui-input-with-edit-button-container .waffle-ui-input-with-edit-button-button:hover,
.waffle-ui-input-with-edit-button-container .waffle-ui-input-with-edit-button-button:focus,
.waffle-ui-input-with-edit-button-container .waffle-ui-input-with-edit-button-button:hover:focus,
.waffle-ui-input-with-edit-button-container .waffle-ui-input-with-edit-button-button:active,
.waffle-ui-input-with-edit-button-container .waffle-ui-input-with-edit-button-button {
box-shadow: none;
cursor: pointer;
height: 20px;
line-height: 20px;
min-width: 20px;
padding: 0;
white-space: nowrap;
width: 20px
}
.waffle-ui-input-with-edit-button-container .waffle-ui-input-with-edit-button-button .jfk-button {
height: 20px;
line-height: 20px;
margin: 0;
min-width: 20px;
opacity: .70;
width: 20px
}
.waffle-ui-input-with-edit-button-button .waffle-dataconnector-edit-outline-icon {
height: 20px;
width: 20px
}
.waffle-legacy-mnemonics-toast {
background-color: #323232;
border-radius: 2px;
bottom: 70px;
box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.4);
color: white;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 15px;
left: 60px;
padding: 17px 24px;
position: absolute
}
.waffle-legacy-mnemonics-toast-container {
display: -webkit-inline-box;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row
}
.waffle-legacy-mnemonics-toast-content {
display: -webkit-inline-box;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row
}
.waffle-legacy-mnemonics-toast-text {
font-weight: bold;
padding-left: 4px
}
.waffle-legacy-mnemonics-toast-cancel {
color: #1a73e8;
cursor: pointer;
font-weight: bold;
padding-left: 35px;
text-transform: uppercase
}
.waffle-progress-bar.progress-bar-horizontal {
background: #c6dafc;
height: 100%
}
.waffle-progress-bar>.progress-bar-thumb {
background: #4285f4;
height: 100%
}
.waffle-indeterminate-progress-bar>.progress-bar-thumb {
-webkit-animation: waffle-indeterminate-progress-bar-animation 2s linear infinite;
-moz-animation: waffle-indeterminate-progress-bar-animation 2s linear infinite;
-o-animation: waffle-indeterminate-progress-bar-animation 2s linear infinite;
animation: waffle-indeterminate-progress-bar-animation 2s linear infinite;
position: relative;
transition: width .2s cubic-bezier(.4, 0, .2, 1)
}
@keyframes waffle-indeterminate-progress-bar-animation {
0% {
left: 0%;
width: 0
}
50% {
left: 25%;
width: 75%
}
75% {
left: 100%;
width: 0%
}
}
.waffle-removable-chip-inner {
display: inline-block;
max-width: 100%;
position: relative
}
.waffle-removable-chip-remove-button {
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
background-color: rgba(0, 0, 0, 0.12);
border-radius: 50%;
box-sizing: border-box;
height: 18px;
position: absolute;
right: 9px;
top: 50%;
width: 18px
}
.waffle-removable-chip-remove-button .waffle-dataconnector-close-icon {
height: 14px;
margin: 2px;
width: 14px
}
.waffle-removable-chip-remove-button .waffle-dataconnector-close-icon polygon {
fill: #fff
}
.waffle-removable-chip-remove-button-hover {
background-color: rgba(0, 0, 0, 0.38);
cursor: pointer
}
.waffle-removable-chip-remove-button-focused {
background-color: rgba(0, 0, 0, 0.38);
outline: none
}
.waffle-removable-chip-button-focused {
border: 2px solid #4285f4;
outline: none
}
.waffle-removable-chip-button a {
color: inherit
}
.waffle-removable-chip-button {
background: #f0f0f0;
border-radius: 16px;
border: 2px solid transparent;
cursor: pointer;
display: block;
height: 32px;
line-height: 32px;
padding: 0 32px 0 12px
}
.waffle-removable-chip-chip-content {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-removable-chip-error .waffle-removable-chip-button {
background: #fff;
border: 2px solid #db4437;
overflow: hidden
}
.waffle-removable-chip-view-only .waffle-removable-chip-button {
padding-right: 12px
}
.waffle-removable-chip-button-hover {
background: #e0e0e0
}
.waffle-removable-chip-button-active {
background: #d0d0d0
}
.waffle-printing-select-list {
background-color: #fafafa;
box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12), 0 8px 8px 0 rgba(0, 0, 0, 0.24);
border-radius: 0 2px 2px 0 2px 2px;
left: 0;
overflow-y: auto;
padding: 18px 32px;
position: absolute;
top: 0;
width: 204px;
z-index: 1003
}
.waffle-printing-select-list>div {
outline: none
}
.waffle-printing-select-list-checkboxes {
margin-bottom: 10px
}
.waffle-printing-select-list-checkboxes .waffle-printing-checkbox-label {
line-height: 28px;
margin-left: 12px
}
.waffle-printing-select-list-cancel {
margin-left: 0
}
.goog-menu.waffle-sidebar-draglist-menu {
border: none;
border-radius: none;
box-shadow: none;
height: 100%;
width: 160px;
z-index: 0
}
.goog-menu.waffle-sidebar-draglist-menu .goog-menu-filter::before {
transform: scale(0.75)
}
.goog-menu.waffle-sidebar-draglist-menu .goog-menu-filter input {
line-height: 18px
}
.goog-menu.waffle-sidebar-draglist-menu .goog-menu-content {
width: 100%
}
.goog-menu.waffle-sidebar-draglist-menu .goog-menuitem {
box-sizing: border-box;
border-radius: 16px;
cursor: move;
overflow: hidden;
padding-left: 8px;
padding-right: 8px;
margin-bottom: 2px;
max-width: 160px
}
.waffle-sidebar-draglist-menu .goog-menuitem-highlight {
background: #f8f9fa;
border-radius: 16px;
box-shadow: 0 1px 2px 0px rgba(60, 64, 67, .3), 0 1px 3px 1px rgba(60, 64, 67, .15)
}
.goog-menu.waffle-sidebar-draglist-menu .goog-menuitem-content,
.goog-menu.waffle-sidebar-draglist-menu .goog-menuitem-content span {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
line-height: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.goog-menu.waffle-sidebar-draglist-menu .goog-menuitem-content>div {
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: flex-start;
justify-content: flex-start
}
.docs-gm .waffle-gm-sidebar .goog-menu.waffle-sidebar-draglist-menu .apps-menuitem .goog-menuitem-icon {
margin: 0 8px 0 0;
position: relative;
top: 0
}
.waffle-pivot-resizable-sidebar .goog-menu.waffle-sidebar-draglist-menu {
position: relative;
width: 100%
}
.waffle-pivot-resizable-sidebar .goog-menu.waffle-sidebar-draglist-menu .goog-menuitem {
max-width: 100%
}
.waffle-switchable-list-container {
border: 1px solid #dadce0;
border-radius: 8px;
box-sizing: border-box;
margin-bottom: 16px;
margin-left: 16px;
margin-right: 16px;
margin-top: 16px
}
.waffle-switchable-list-title-select .docs-material-gm-select-outer-box {
border: none;
padding-bottom: 12px;
padding-left: 20px;
padding-top: 12px
}
.waffle-switchable-list-title-select .docs-material-gm-select:focus {
opacity: .6
}
.waffle-switchable-list-menu {
width: 230px
}
.waffle-switchable-list-entries {
border-top: 1px solid #dadce0;
padding-bottom: 4px;
padding-left: 12px;
padding-right: 12px
}
.waffle-switchable-list-entry {
display: flex;
justify-content: space-between;
max-height: 20px;
padding-bottom: 12px;
padding-top: 12px
}
.waffle-switchable-list-entry-secondaryText {
color: #80868b;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
height: 100%;
letter-spacing: 0.2px;
line-height: 20px;
max-width: 30%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-switchable-list-entry-label {
align-items: center;
display: flex;
height: 20px;
width: 70%
}
.waffle-switchable-list-entry-label-button {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
height: 100%;
letter-spacing: 0.2px;
line-height: 20px;
outline: none;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 80%
}
.waffle-switchable-list-entry-label-button:focus {
opacity: .6;
text-decoration: underline
}
.waffle-switchable-list-separator-line {
border-top: 1px solid #dadce0
}
.waffle-switchable-list-title-select .docs-material-gm-select-caption {
color: #3c4043;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 20px
}
.waffle-usage-bar {
background-color: #e8eaed;
border-radius: 60px;
height: 8px;
width: 100%
}
.waffle-usage-bar-caption {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
height: 24px;
letter-spacing: 0.3px;
line-height: 16px;
padding-bottom: 5px;
padding-top: 5px
}
.waffle-usage-bar-container {
height: 100%;
padding-bottom: 8px;
padding-left: 16px;
padding-right: 16px;
padding-top: 8px
}
.waffle-usage-bar-fill {
background-color: #188038;
border-radius: 60px;
height: 100%;
width: 0%
}
.waffle-usage-bar-heading {
color: #3c4043;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.25px;
line-height: 20px;
padding-bottom: 5px;
padding-top: 5px
}
.waffle-usage-bar-outer-container {
border: 1px solid #dadce0;
border-radius: 8px;
box-sizing: border-box;
height: 81px
}
.waffle-bigquery-change-billing-project-dialog {
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
box-sizing: border-box;
height: 495px;
width: 512px
}
.waffle-bigquery-change-billing-project-dialog .waffle-dataconnector-modal-header {
border-bottom: none;
box-sizing: border-box;
height: 73px;
padding: 24px 24px 25px 24px
}
.waffle-bigquery-change-billing-project-dialog .waffle-dataconnector-modal-title {
line-height: 24px;
opacity: 1
}
.waffle-bigquery-change-billing-project-dialog .waffle-dataconnector-modal-close-button {
height: 34px;
margin-right: -5px;
margin-top: -5px;
width: 34px
}
.waffle-bigquery-change-billing-project-dialog .waffle-dataconnector-modal-close-button svg {
height: 24px;
width: 24px
}
.waffle-bigquery-change-billing-project-dialog .waffle-dataconnector-modal-body {
height: 338px;
padding: 0;
z-index: 0
}
.waffle-bigquery-change-billing-project-dialog-project-header {
color: #5f6368;
font-size: 14px;
letter-spacing: 0.29px;
margin: 0;
opacity: 1;
padding: 10px 24px
}
.waffle-bigquery-change-billing-project-dialog .waffle-dataconnector-modal-footer {
border-top: none;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
padding: 24px;
z-index: 1
}
.waffle-bigquery-change-billing-project-dialog-footer-wrapper {
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row
}
.waffle-bigquery-change-billing-project-dialog-footer-wrapper .docs-material-button {
margin: 0
}
.waffle-bigquery-change-billing-project-dialog-footer-wrapper .docs-material-button:first-child {
margin-left: auto
}
.waffle-bigquery-change-billing-project-dialog .waffle-dataconnector-tablepicker-menuitem-content-nexticon {
display: none
}
.waffle-bigquery-change-billing-project-dialog .waffle-dataconnector-tablepicker-menuitem-content-id {
margin-left: auto
}
.waffle-bigquerydbsourceediterror-error-text {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
margin-bottom: 24px
}
.waffle-bigquerydbsourceediterror .waffle-dataconnector-modal {
max-width: 600px
}
.waffle-bigquerydbsourceediterror .waffle-dataconnector-modal-header {
border: none;
padding-bottom: 0
}
.waffle-bigquerydbsourceediterror .waffle-dataconnector-modal-footer {
border: none;
display: flex;
-ms-flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
padding-top: 0
}
.waffle-bigquerytabledatasourceviewonly-footer-wrapper {
display: flex;
-ms-flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse
}
.waffle-bigquerytableinfopanel-configuration-wrapper {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
height: 68px;
margin-bottom: 16px
}
.waffle-bigquerytableinfopanel-configuration-title {
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
letter-spacing: 0.8px;
line-height: 20px;
padding-bottom: 4px;
text-transform: uppercase;
vertical-align: top
}
.waffle-bigquerytableinfopanel-configuration-wrapper .waffle-dataconnector-tablepicker-menuitem-content-schemaicon {
margin-bottom: auto;
margin-top: auto
}
.waffle-bigquerytablepickermodal {
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
box-sizing: border-box;
height: 495px;
width: 512px
}
.waffle-bigquerytablepickermodal .waffle-dataconnector-modal-header {
border-bottom: none;
box-sizing: border-box;
height: 73px;
padding: 19px 24px 20px
}
.waffle-bigquerytablepickermodal-back-button {
background: transparent;
border-radius: 50%;
cursor: pointer;
display: block;
height: 33px;
margin-left: -5px;
opacity: 0;
position: relative;
transition: background-color 0.28s cubic-bezier(0, 0, 0.2, 1), opacity 150ms cubic-bezier(0, 0, 0.2, 1);
width: 33px
}
.waffle-bigquerytablepickermodal-cloud-project-edit-button {
background: transparent;
border-radius: 50%;
cursor: pointer;
display: block;
height: 33px;
margin-left: -5px;
margin-top: 5px;
position: relative;
width: 33px
}
.waffle-bigquerytablepickermodal-transition-in .waffle-bigquerytablepickermodal-back-button {
opacity: 1
}
.waffle-bigquerytablepickermodal-back-button .docs-icon {
margin: 5px
}
.waffle-bigquerytablepickermodal-back-button-focused {
opacity: 1;
background-color: rgba(0, 0, 0, 0.12);
outline: none
}
.waffle-bigquerytablepickermodal-back-button-hover {
opacity: 1
}
.waffle-bigquerytablepickermodal .waffle-dataconnector-modal-title {
box-sizing: border-box;
line-height: 34px;
opacity: 0;
padding-right: 0;
width: 400px
}
.waffle-bigquerytablepickermodal .waffle-dataconnector-modal-close-button {
height: 34px;
margin-right: -5px;
width: 34px
}
.waffle-bigquerytablepickermodal .waffle-dataconnector-modal-close-button svg {
height: 24px;
width: 24px
}
.waffle-bigquerytablepickermodal .waffle-dataconnector-modal-body {
height: 338px;
padding: 0;
z-index: 0
}
.waffle-bigquerytablepickermodal-project-menu-header-wrapper {
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
align-items: center;
height: 40px;
-webkit-justify-content: space-between;
justify-content: space-between
}
.waffle-bigquerytablepickermodal-project-menu-header {
-webkit-box-flex: 2;
box-flex: 2;
-ms-flex-positive: 2;
-webkit-flex-grow: 2;
flex-grow: 2;
font: 500 16px/20px "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
letter-spacing: 0.29px;
margin: 0;
opacity: 0;
padding: 10px 24px
}
.waffle-bigquerytablepickermodal-project-menu-billing-project-edit-button {
background: transparent;
border: 1px solid transparent;
border-radius: 4px;
box-shadow: none;
color: #202124;
cursor: pointer;
font: 500 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
line-height: 20px;
margin-right: 24px;
max-width: 40%;
overflow: hidden;
padding: 8px;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap
}
.waffle-bigquerytablepickermodal-project-menu-billing-project-edit-button svg {
margin-right: 6px;
vertical-align: middle
}
.waffle-bigquerytablepickermodal-project-menu-billing-project-edit-button:hover {
background-color: #f1f3f4
}
.waffle-bigquerytablepickermodal-project-menu-billing-project-edit-button:active {
background-color: #e8eaed;
outline: none
}
.waffle-bigquerytablepickermodal-project-menu-billing-project-edit-button:focus {
background-color: #e8eaed;
outline: none
}
.waffle-bigquerytablepickermodal-project-menu-billing-project-text {
font: 400 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.waffle-bigquerytablepickermodal-transition-in .waffle-dataconnector-modal-title,
.waffle-bigquerytablepickermodal-transition-in .waffle-bigquerytablepickermodal-project-menu-header {
opacity: 1;
transition: opacity 150ms cubic-bezier(0.4, 0, 1, 1)
}
.waffle-bigquerytablepickermodal-breadcrumbnavigator-wrapper {
background-color: #f8f9fa;
padding: 8px 26px
}
.waffle-bigquerytablepickermodal .waffle-dataconnector-modal-footer {
border-top: none;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
padding: 24px;
z-index: 1
}
.waffle-bigquerytablepickermodal-footer-wrapper {
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-between;
justify-content: space-between
}
.waffle-bigquerytablepickermodal-footer-wrapper .docs-material-button {
margin: 0
}
.waffle-bigquerytablepickermodal-write-query-button .goog-flat-button {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
color: #137333;
outline: none;
text-transform: none
}
.waffle-bigquerytablepickermodal-write-query-button .goog-flat-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #f8fcf9;
color: #137333
}
.waffle-bigquerytablepickermodal-write-query-button .goog-flat-button-active {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
color: #137333;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}
.waffle-bigquerytablepickermodal-write-query-button .goog-flat-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #e7f5eb;
color: #137333
}
.waffle-dataconnector-modal.waffle-bigquerywrongskudialog {
box-sizing: border-box;
height: 240px;
width: 360px
}
.waffle-bigquerywrongskudialog .waffle-dataconnector-modal-body {
padding-right: 56px;
padding-top: 0
}
.waffle-bigquerywrongskudialog .waffle-dataconnector-modal-header {
border-bottom: none
}
.waffle-bigquerywrongskudialog .waffle-dataconnector-modal-footer {
border-top: none;
padding-right: 24px;
padding-top: 32px
}
.waffle-bigquerywrongskudialog-footer-wrapper {
display: flex;
-ms-flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse
}
.waffle-bigquerywrongskudialog-message {
color: #3c4043;
font-family: Roboto;
font-size: 14px;
font-weight: 400;
text-align: left;
vertical-align: top
}
.waffle-dbsource-flat-default {
color: #188038;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
height: 36px;
line-height: 36px;
padding: 0 8px;
text-transform: none
}
.waffle-dbsource-flat-default.docs-material-button-flat-default.docs-material-button.docs-material-button-hover {
background-color: rgba(52, 168, 83, 0.04)
}
.waffle-dbsource-flat-default.docs-material-button-flat-default.docs-material-button.docs-material-button-active {
background-color: rgba(52, 168, 83, 0.16);
color: #188038;
line-height: 36px
}
.waffle-dbsource-flat-default.docs-material-button-flat-default.docs-material-button.docs-material-button-focused {
background-color: rgba(52, 168, 83, 0.12);
border: none;
line-height: 36px;
padding: 0 8px
}
.waffle-dbsource-flat-default.docs-material-button-flat-default.docs-material-button.docs-material-button-no-focus-border {
line-height: 36px
}
.waffle-dbsource-flat-default>.docs-material-button-ripple-element {
background-color: rgba(52, 168, 83, 0.10)
}
.waffle-dbsource-flat-default-grey {
color: #5f6368;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
line-height: 36px;
padding: 0 8px;
text-transform: none
}
.waffle-dbsource-flat-default-grey.docs-material-button-flat-default.docs-material-button.docs-material-button-hover {
background-color: #f8f9fa
}
.waffle-dbsource-flat-default-grey.docs-material-button-flat-default.docs-material-button.docs-material-button-active {
background-color: #f1f3f4;
color: #5f6368;
line-height: 36px
}
.waffle-dbsource-flat-default-grey.docs-material-button-flat-default.docs-material-button.docs-material-button-focused {
background-color: #f1f3f4;
border: none;
line-height: 36px;
padding: 0 8px
}
.waffle-dbsource-flat-default-grey.docs-material-button-flat-default.docs-material-button.docs-material-button-no-focus-border {
line-height: 36px
}
.waffle-dbsource-flat-default-grey>.docs-material-button-ripple-element {
background-color: #f8f9fa
}
.waffle-dbobject-estimated-bytes-info {
display: flex
}
.waffle-dbobject-estimated-bytes-spinner .waffle-spinner {
height: 18px;
width: 18px
}
.waffle-dbobject-estimated-bytes-spinner .waffle-spinner-circle {
border-width: 2px
}
.waffle-dbobject-estimated-bytes-icon {
margin-right: 8px
}
.waffle-dbobject-estimated-bytes-error {
color: #db4437;
text-decoration: underline
}
.waffle-dbobject-estimated-bytes-error:focus {
outline: none
}
.waffle-dbobject-estimated-bytes-details {
color: #80868b;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 16px
}
.waffle-dbobject-estimated-bytes-details-tooltip {
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
align-items: center;
background-color: #000000;
color: white;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 500;
height: 24px;
text-align: center
}
.goog-menu.waffle-sidebar-draglist-menu.waffle-dbsource-column-filtered-menu {
width: 100%;
max-width: -moz-available;
max-width: -webkit-fill-available;
max-width: fill-available
}
.goog-menu.waffle-dbsource-column-filtered-menu {
display: flex;
flex-direction: column;
overflow-y: hidden;
padding-bottom: 0;
padding-top: 0
}
.waffle-dbsource-column-filtered-menu .goog-menu-filter {
display: flex;
border-bottom: 1px solid #e0e0e0;
padding: 8px 6px 8px 5px
}
.waffle-dbsource-column-filtered-menu input {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
border: 0;
color: rgba(0, 0, 0, 0.87);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
min-width: 0;
outline: 0
}
.waffle-dbsource-column-filtered-menu .waffle-charteditor-picker-button-wrapper {
height: 24px;
margin-right: 0
}
.waffle-dbsource-column-filtered-menu .goog-menu-filter:before {
content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzc1NzU3NSI+CiAgICA8cGF0aCBkPSJNMTUuNSAxNGgtLjc5bC0uMjgtLjI3QzE1LjQxIDEyLjU5IDE2IDExLjExIDE2IDkuNSAxNiA1LjkxIDEzLjA5IDMgOS41IDNTMyA1LjkxIDMgOS41IDUuOTEgMTYgOS41IDE2YzEuNjEgMCAzLjA5LS41OSA0LjIzLTEuNTdsLjI3LjI4di43OWw1IDQuOTlMMjAuNDkgMTlsLTQuOTktNXptLTYgMEM3LjAxIDE0IDUgMTEuOTkgNSA5LjVTNy4wMSA1IDkuNSA1IDE0IDcuMDEgMTQgOS41IDExLjk5IDE0IDkuNSAxNHoiLz4KICAgIDxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz4KPC9zdmc+Cg==');
height: 24px;
margin-right: 6px;
width: 24px
}
.waffle-dbsource-column-filtered-menu-item-icon {
margin-left: 5px;
margin-top: 3px
}
.goog-menuitem-highlight .waffle-dbsource-column-filtered-menu-item-icon {
margin-top: 2px
}
.waffle-dbsource-column-filtered-menu-item-icon.docs-hc-gecko {
filter: invert(1)
}
.waffle-dbsource-column-filtered-menu.docs-hc-gecko .goog-menu-filter:before {
filter: url("data:image/svg+xml;utf8,\00003csvg%20xmlns=\000027http://www.w3.org/2000/svg\000027\00003e\00003cfilter%20id=\000027invertColor\000027\00003e\00003cfeColorMatrix%20type=\000027matrix\000027%20values=\000027-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0\000027/\00003e\00003c/filter\00003e\00003c/svg\00003e#invertColor")
}
.waffle-filterable-by-text-contains-menu-item-match {
font-weight: 500
}
.goog-menu.waffle-sidebar-draglist-menu.waffle-dbsource-column-filtered-menu .goog-menuitem {
max-width: fit-content
}
.waffle-dbsource-column-filtered-menu .goog-menuitem {
padding-right: 20px;
display: flex;
word-break: break-word
}
.waffle-dbsource-column-filtered-menu .goog-menu-content {
overflow-y: auto;
padding-bottom: 8px;
padding-top: 8px
}
.waffle-dbsource-column-filtered-menu-select-all-and-clear {
margin: 6px 0 0 10px
}
.waffle-dbsource-column-filtered-menu-select-all {
color: #1a73e8;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 16px;
text-decoration-line: none
}
.waffle-dbsource-column-filtered-menu-select-all-and-clear-separator {
color: #dadce0;
display: inline-block;
font-size: 10px;
line-height: 16px;
margin: 0 8px 0 8px;
vertical-align: text-bottom
}
.waffle-dbsource-column-filtered-menu-clear {
color: #1a73e8;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 16px;
text-decoration-line: none
}
.waffle-dbsource-column-filtered-menu .goog-menuitem.goog-option-selected {
background-position: right 5px center
}
.waffle-dbsource-configbar-wrapper {
background: #e8eaed;
border-bottom: 1px solid #dadce0;
height: 110px;
overflow-y: hidden;
padding-top: 16px;
position: relative
}
.waffle-dbsource-configbar {
background: white;
border-bottom: none;
border-radius: 16px 16px 0 0;
box-sizing: border-box;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
height: 100%;
overflow-x: auto;
overflow-y: hidden;
padding: 16px 0
}
.waffle-dbsource-configbar-wrapper.waffle-dbsource-configbar-looker-wrapper {
border-bottom: none
}
.waffle-dbsource-configbar-looker-wrapper .waffle-dbsource-configbar-divider {
border-bottom: 1px solid #dadce0;
padding-top: 16px
}
.waffle-dbsource-configbar-header {
align-items: center;
display: flex;
flex-direction: row;
font-family: Google Sans, Arial, sans-serif;
font-weight: 400;
margin-left: 32px;
margin-right: 28px;
white-space: nowrap
}
.waffle-dbsource-configbar-header-icon {
height: 24px;
margin-left: 0;
margin-right: 8px;
min-width: 24px;
position: relative
}
.waffle-dbsource-configbar-header-title {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: 400;
line-height: 24px
}
.waffle-dbsource-configbar-header-subtitle {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 16px;
margin-right: 12px
}
.waffle-dbsource-configbar-looker-wrapper {
height: 126px
}
.waffle-dbsource-configbar-schedules-widget {
-webkit-align-items: center;
align-items: center;
border-radius: 16px;
color: #202124;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
height: 32px;
letter-spacing: 0.3px;
line-height: 16px
}
.waffle-dbsource-configbar-schedules-widget-content {
-webkit-align-items: center;
align-items: center;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row
}
.waffle-dbsource-configbar-schedules-widget-edit-button-wrapper .goog-link-button {
color: #188038;
text-decoration: none
}
.waffle-dbsource-configbar-schedules-widget-highlight {
background-color: #f1f3f4;
padding: 0 12px
}
.waffle-dbsource-configbar-schedules-widget-content svg,
.waffle-dbsource-configbar-schedules-widget-last-refresh-content,
.waffle-dbsource-configbar-schedules-widget-last-refresh-divider,
.waffle-dbsource-configbar-schedules-widget-next-refresh-content {
margin-right: 8px
}
.waffle-dbsource-configbar-schedules-widget-last-refresh-divider {
border-right: 1px solid #dadce0
}
.waffle-dbsource-configbar-schedules-widget-header-label {
font-color: #202124;
font-weight: 500
}
.waffle-dbsource-configbar-actions {
display: flex;
flex-direction: row;
margin: 0 28px;
padding: 16px 0
}
.waffle-dbsource-configbar-button-wrapper {
padding: 0
}
.waffle-dbsource-configbar-button-wrapper .docs-material-button {
margin: 0
}
.waffle-dbsource-configbar-button-wrapper .docs-material-button-content>div>span {
vertical-align: middle
}
.waffle-dbsource-configbar-columns-menu-button {
background: #e6f4ea;
border-color: #e6f4ea;
border-radius: 8px;
height: 36px;
line-height: 36px;
padding: 0 10px;
margin-right: 12px
}
.waffle-dbsource-configbar-columns-menu-button.docs-material-menu-button-flat-default,
.waffle-dbsource-configbar-columns-menu-button.docs-material-menu-button-flat-default-focused {
border: none
}
.waffle-dbsource-configbar-columns-menu-button .docs-material-menu-button-flat-default-dropdown {
margin-left: 10px;
margin-top: 5px
}
.goog-menu .goog-menuitem.waffle-datasource-configbar-columns-menu-loading {
padding: 6px 15px
}
.waffle-dbsource-configbar-options-wrapper {
display: flex;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
-webkit-justify-content: flex-end;
justify-content: flex-end
}
.waffle-dbsource-configbar .waffle-dbsource-configbar-secondary-button .docs-material-button-content span {
-webkit-align-items: center;
align-items: center;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row
}
.waffle-dbsource-configbar .waffle-dbsource-configbar-secondary-button .docs-material-button-content .waffle-dbsource-configbar-secondary-button-content span,
.waffle-dbsource-configbar .waffle-dbsource-configbar-secondary-button .docs-material-menu-button-flat-default-caption .waffle-dbsource-configbar-secondary-button-content span {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 24px;
text-transform: none
}
.waffle-dbsource-configbar .waffle-dbsource-configbar-secondary-button.docs-material-button-hairline-primary.docs-material-button,
.waffle-dbsource-configbar .waffle-dbsource-configbar-secondary-button.docs-material-menu-button-flat-default {
border: none !important;
height: 24px;
line-height: 24px;
margin-right: 0;
padding: 0
}
.waffle-dbsource-configbar .waffle-dbsource-configbar-secondary-button.docs-material-button-hairline-primary.docs-material-button.docs-material-button-hover,
.waffle-dbsource-configbar .waffle-dbsource-configbar-secondary-button.docs-material-menu-button-flat-default-hover,
.waffle-dbsource-configbar-connection-settings-button.docs-material-button.docs-material-button-hover {
background-color: #f8f9fa
}
.waffle-dbsource-configbar .waffle-dbsource-configbar-secondary-button.docs-material-button-hairline-primary.docs-material-button.docs-material-button-focused,
.waffle-dbsource-configbar .waffle-dbsource-configbar-secondary-button.docs-material-menu-button-flat-default-focused {
background-color: #f1f3f4
}
.waffle-dbsource-configbar-secondary-button.docs-material-button-hairline-primary.docs-material-button .waffle-dbsource-configbar-secondary-button-content,
.waffle-dbsource-configbar .waffle-dbsource-configbar-secondary-button.docs-material-menu-button-flat-default .waffle-dbsource-configbar-secondary-button-content {
padding: 0 8px;
text-decoration: none
}
.waffle-dbsource-configbar .waffle-dbsource-configbar-secondary-button .docs-material-button-content svg {
margin-right: 5px
}
.waffle-dbsource-configbar .docs-material-button-hairline-primary.docs-material-button {
margin-left: 0;
margin-right: 16px;
padding-left: 12px;
padding-right: 16px;
white-space: nowrap
}
.waffle-dbsource-configbar .waffle-dbsource-configbar-secondary-button.docs-material-button-hairline-primary.docs-material-button,
.waffle-dbsource-configbar .waffle-dbsource-configbar-secondary-button.docs-material-menu-button-flat-default {
margin-left: 8px
}
.waffle-dbsource-configbar .docs-material-button-content svg {
margin-right: 8px;
vertical-align: middle
}
.waffle-dbsource-configbar-overflow-menu {
width: 252px
}
.goog-menu.waffle-dbsource-configbar-overflow-menu .goog-menuitem,
.goog-menu.waffle-dbsource-configbar-overflow-menu .goog-menuitem.goog-menuitem-disabled,
.goog-menu.waffle-dbsource-configbar-overflow-menu .goog-menuitem.goog-menuitem-disabled.goog-menuitem:hover {
padding: 6px 12px
}
.goog-menu.waffle-dbsource-configbar-overflow-menu .goog-menuitem:hover {
padding: 5px 12px
}
.waffle-dbsource-configbar-overflow-menu-button.docs-material-menu-button-flat-default {
height: 24px;
line-height: 24px;
margin-left: 16px;
opacity: 0.4;
padding: 0;
width: 24px
}
.waffle-dbsource-configbar-overflow-menu-button.docs-hc-gecko.docs-material-menu-button-flat-default .docs-material-menu-button-flat-default-caption {
filter: url("data:image/svg+xml;utf8,\00003csvg%20xmlns=\000027http://www.w3.org/2000/svg\000027\00003e\00003cfilter%20id=\000027invertColor\000027\00003e\00003cfeColorMatrix%20type=\000027matrix\000027%20values=\000027-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0\000027/\00003e\00003c/filter\00003e\00003c/svg\00003e#invertColor")
}
.waffle-dbsource-configbar-separator {
border-left: 1px #dadce0 solid;
height: 20px;
margin-left: 16px;
margin-right: 16px
}
.waffle-dbsource-flat-default.waffle-dbsource-configbar-refresh-options-button,
.waffle-dbsource-flat-default.waffle-dbsource-configbar-schedules-widget-main-button {
border-radius: 4px;
font-size: 14px;
height: 24px;
letter-spacing: .25px;
line-height: 24px
}
.waffle-dbsource-configbar-refresh-options-button-wrapper {
margin-right: 8px
}
.waffle-dbsource-flat-default.waffle-dbsource-configbar-schedules-widget-main-button.docs-material-button-flat-default.docs-material-button.docs-material-button-focused,
.waffle-dbsource-flat-default.waffle-dbsource-configbar-schedules-widget-main-button.docs-material-button-flat-default.docs-material-button.docs-material-button-no-focus-border,
.waffle-dbsource-flat-default.waffle-dbsource-configbar-refresh-options-button.docs-material-button-flat-default.docs-material-button.docs-material-button-no-focus-border,
.waffle-dbsource-flat-default.waffle-dbsource-configbar-refresh-options-button.docs-material-button-flat-default.docs-material-button.docs-material-button-focused {
line-height: 24px
}
.waffle-dbsource-configbar-overflow-menu-button .docs-material-menu-button-flat-default-dropdown {
display: none
}
.waffle-dbsource-configbar-connection-settings-button,
.waffle-dbsource-configbar-connection-settings-button.docs-material-button.docs-material-button-no-focus-border,
.waffle-dbsource-configbar-connection-settings-button.docs-material-button.docs-material-button-focused {
height: 24px;
line-height: 24px
}
.waffle-dbsource-configbar-connection-settings-button.docs-material-button.docs-material-button-focused {
background-color: #f1f3f4;
border: none;
outline: none;
outline-offset: 0;
padding: 0 8px
}
.waffle-dbsource-configbar-column-insights-icon {
margin-right: 8px
}
.docs-material .waffle-dbsource-configbar-column-insights-icon .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.docs-material .waffle-dbsource-configbar-column-insights-icon .docs-icon {
margin: 0
}
.waffle-dbsource-configbar-secondary-button-icon {
margin: 0 5px 0 0 !important
}
.waffle-dbsource-pill-menuitem.waffle-dbsource-configbar-watch-tutorial-menuitem {
align-items: start;
height: auto
}
.waffle-dbsource-pill-menuitem.waffle-dbsource-configbar-watch-tutorial-menuitem svg {
height: 36px
}
.waffle-dbsource-configbar-watch-tutorial-menuitem-caption {
color: #5f6368;
font-size: 12px;
line-height: 16px;
white-space: break-spaces;
width: 150px
}
#waffle-dbsource-configbar-id .docs-promo-text-container {
width: 300px
}
.waffle-bigquery-connection-summary-dialog {
box-sizing: border-box;
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
width: 512px
}
.waffle-bigquery-connection-summary-dialog .waffle-dataconnector-modal-header {
border-bottom: none
}
.waffle-bigquery-connection-summary-dialog .waffle-dataconnector-modal-body {
padding: 0 24px
}
.waffle-bigquery-connection-summary-dialog-delegation-section {
background-color: #f1f3f4;
border-radius: 8px;
line-height: 20px;
margin-bottom: 8px
}
.waffle-bigquery-connection-summary-dialog-delegation-section .waffle-dataconnector-delegation-settings-widget-header {
color: #202124;
font: 500 14px "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
letter-spacing: 0.25px;
padding: 16px 16px 0 16px
}
.waffle-bigquery-connection-summary-dialog-delegation-section .waffle-dataconnector-delegation-settings-widget-info {
color: #202124;
font: 400 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
letter-spacing: 0.2px;
line-height: 20px;
padding: 8px 16px
}
.waffle-bigquery-connection-summary-dialog-delegation-section .waffle-dataconnector-delegation-settings-widget-toggle {
padding: 0 16px 16px 16px
}
.waffle-bigquery-connection-summary-dialog-delegation-section .waffle-dataconnector-delegation-settings-widget-supplement {
color: #5f6368;
font: 400 12px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
letter-spacing: 0.2px;
line-height: 20px;
padding: 0 16px 8px 16px
}
.waffle-bigquery-connection-summary-dialog-delegation-section .waffle-dataconnector-delegation-settings-widget-selection-buttons {
padding: 0 16px 0 16px
}
.waffle-bigquery-connection-summary-dialog-delegation-section .waffle-dataconnector-delegation-settings-widget-selection-buttons .jfk-radiobutton {
padding: 0 0 16px 0
}
.waffle-bigquery-connection-summary-dialog-delegation-section .waffle-dataconnector-delegation-settings-widget-selection-buttons .jfk-radiobutton-radio {
left: 0;
height: 20px;
width: 20px;
top: 0
}
.waffle-bigquery-connection-summary-dialog-delegation-section .waffle-dataconnector-delegation-settings-widget-selection-buttons .jfk-radiobutton-label {
color: #202124;
font: 400 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
letter-spacing: 0.2px;
line-height: 20px;
margin-left: 32px;
text-decoration-line: none
}
.waffle-bigquery-connection-summary-dialog-delegation-section .waffle-dataconnector-delegation-settings-widget-selection-buttons .jfk-radiobutton-checked .jfk-radiobutton-radio::after {
height: 10px;
margin: 3px;
width: 10px
}
.waffle-bigquery-connection-summary-dialog-delegation-section .waffle-dataconnector-delegation-settings-widget-selection-allow-button-helper {
color: #5f6368;
font: 400 12px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
letter-spacing: 0.2px;
line-height: 20px;
margin-left: 16px
}
.waffle-bigquery-connection-summary-dialog-delegation-section .waffle-dataconnector-delegation-settings-widget-make-default-checkbox {
border-top: 1px solid #dadce0;
margin: 0 16px 0 16px
}
.waffle-bigquery-connection-summary-dialog-delegation-section .waffle-dataconnector-delegation-settings-widget-make-default-checkbox .docs-material-gm-labeled-checkbox {
align-items: center
}
.waffle-bigquery-connection-summary-dialog-delegation-section .waffle-dataconnector-delegation-settings-widget-make-default-checkbox .docs-material-gm-labeled-checkbox-label {
color: #202124;
font: 400 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
letter-spacing: 0.2px;
line-height: 20px
}
.waffle-bigquery-connection-summary-dialog-delegation-section .waffle-dataconnector-delegation-settings-widget-make-default-checkbox .docs-material-gm-labeled-checkbox-circle {
margin-top: 0
}
.waffle-bigquery-connection-summary-dialog-detail-section {
padding: 16px 16px 8px 16px
}
.waffle-bigquery-connection-summary-dialog-detail-title {
color: #202124;
font: 500 14px "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
letter-spacing: 0.25px;
line-height: 24px
}
.waffle-bigquery-connection-summary-dialog-detail-title .goog-link-button {
color: #188038;
text-decoration: none
}
.waffle-bigquery-connection-summary-dialog-detail-edit-button {
font: 400 12px Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.waffle-bigquery-connection-summary-dialog-detail-content {
padding-top: 4px
}
.waffle-bigquery-connection-detail-item-wrapper {
margin-top: 12px
}
.waffle-bigquery-connection-detail-item-title {
color: #5f6368;
font: 400 11px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
letter-spacing: 0.8px;
line-height: 16px;
text-transform: uppercase
}
.waffle-bigquery-connection-detail-item-value {
color: #3c4043;
font: 400 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
line-height: 20px;
letter-spacing: 0.2px;
max-height: 96px;
overflow-y: auto
}
.waffle-bigquery-connection-summary-dialog-footer-wrapper {
display: flex;
-ms-flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
padding: 24px 16px
}
.waffle-bigquery-connection-summary-dialog .waffle-dataconnector-modal-footer {
border-top: none;
padding: 0
}
.waffle-bigquery-connection-summary-dialog-detail-content .waffle-dataconnector-querytexteditor {
border: 1px solid #dadce0;
border-radius: 2px;
height: 100%;
min-height: 100px;
margin-top: 4px
}
.waffle-bigquery-connection-summary-dialog-detail-content .waffle-dataconnector-codemirrorquerytexteditor .CodeMirror-gutter-elt {
padding: 0 8px
}
.waffle-bigquery-connection-summary-dialog-detail-content .waffle-dataconnector-codemirrorquerytexteditor .CodeMirror-lines {
padding: 8px 0
}
.waffle-create-datasheet-welcome-dialog {
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
box-sizing: border-box;
text-align: center;
width: 512px
}
.waffle-create-datasheet-welcome-dialog .waffle-dataconnector-modal-header {
border-bottom: none;
justify-content: flex-end;
padding: 24px 24px 0px
}
.waffle-create-datasheet-welcome-dialog .waffle-dataconnector-modal-title {
display: none
}
.waffle-create-datasheet-welcome-dialog .waffle-dataconnector-modal-body {
padding: 0
}
.waffle-create-datasheet-welcome-dialog .waffle-dataconnector-modal-close-button {
height: 34px;
margin-right: -5px;
width: 34px
}
.waffle-create-datasheet-welcome-dialog .waffle-dataconnector-modal-close-button svg {
height: 24px;
width: 24px
}
.waffle-create-datasheet-welcome-dialog-image {
height: 222px;
user-select: none
}
.waffle-create-datasheet-welcome-dialog-welcome-message {
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: center;
justify-content: center;
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: 400
}
.waffle-create-datasheet-welcome-dialog-welcome-description {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
letter-spacing: 0.2px;
line-height: 20px;
margin: 0 auto;
max-width: 392px
}
.waffle-create-datasheet-welcome-dialog-button-wrapper {
padding-top: 36px;
padding-bottom: 16px
}
.waffle-create-datasheet-welcome-dialog .waffle-dataconnector-modal-footer {
border-top: none
}
.waffle-create-datasource-sheet-loading-dialog {
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
box-sizing: border-box;
text-align: center;
width: 512px
}
.waffle-create-datasource-sheet-loading-dialog .waffle-dataconnector-modal-header {
border-bottom: none;
justify-content: flex-end;
padding: 24px 24px 0px
}
.waffle-create-datasource-sheet-loading-dialog .waffle-dataconnector-modal-title {
display: none
}
.waffle-create-datasource-sheet-loading-dialog .waffle-dataconnector-modal-body {
padding: 0;
display: flex;
align-items: center;
justify-content: center;
min-height: 347px
}
.waffle-create-datasource-sheet-loading-dialog .waffle-dataconnector-modal-close-button {
height: 34px;
margin-right: -5px;
width: 34px
}
.waffle-create-datasource-sheet-loading-dialog .waffle-dataconnector-modal-close-button svg {
height: 24px;
width: 24px
}
.waffle-create-datasource-sheet-loading-dialog-spinner-wrapper {}
.waffle-create-datasource-sheet-loading-dialog-spinner-wrapper .waffle-spinner {
width: 40px;
height: 40px
}
.waffle-create-datasource-sheet-loading-dialog-tip {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
height: 32px;
letter-spacing: 0.2px;
line-height: 20px;
margin-top: 32px;
max-width: 392px
}
.waffle-create-datasource-sheet-loading-dialog .waffle-dataconnector-modal-footer {
border-top: none;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
z-index: 1
}
.waffle-create-datasource-sheet-loading-dialog-footer-wrapper {
align-items: center;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row
}
.waffle-create-datasource-sheet-loading-dialog-footer-message {
color: #5f6368;
flex: 1;
font-size: 12px;
line-height: 16px;
margin: 0 24px 0 0;
width: 329px
}
.waffle-create-datasource-sheet-success-dialog {
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
box-sizing: border-box;
text-align: center;
width: 512px
}
.waffle-create-datasource-sheet-success-dialog .waffle-dataconnector-modal-header {
border-bottom: none;
justify-content: flex-end;
padding: 24px 24px 0px
}
.waffle-create-datasource-sheet-success-dialog .waffle-dataconnector-modal-title {
display: none
}
.waffle-create-datasource-sheet-success-dialog .waffle-dataconnector-modal-body {
padding: 0
}
.waffle-create-datasource-sheet-success-dialog .waffle-dataconnector-modal-close-button {
height: 34px;
margin-right: -5px;
width: 34px
}
.waffle-create-datasource-sheet-success-dialog .waffle-dataconnector-modal-close-button svg {
height: 24px;
width: 24px
}
.waffle-create-datasource-sheet-success-dialog-image {
width: 404px;
height: 173px
}
.waffle-create-datasource-sheet-success-dialog-success-message {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: 400;
max-width: 350px;
margin: 10px auto 16px auto
}
.waffle-create-datasource-sheet-success-dialog-success-description {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 20px;
margin: 8px auto 16px auto;
max-width: 392px
}
.waffle-create-datasource-sheet-success-dialog-looker .waffle-create-datasource-sheet-success-dialog-success-description {}
.waffle-create-datasource-sheet-success-dialog-success-description ul {
margin: 0;
text-align: left
}
.waffle-create-datasource-sheet-success-dialog-looker .waffle-create-datasource-sheet-success-dialog-success-description ul {}
.waffle-create-datasource-sheet-success-dialog-datasource-info {
color: #188038;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 20px
}
.waffle-create-datasource-sheet-success-dialog-metadata-wrapper {
margin: auto
}
.waffle-create-datasource-sheet-success-dialog-start-analyze-button-wrapper {
margin-bottom: 16px
}
.waffle-create-datasource-sheet-success-dialog-looker .waffle-create-datasource-sheet-success-dialog-start-analyze-button-wrapper {
margin-bottom: 0
}
.waffle-create-datasource-sheet-success-dialog-watch-tutorial {
color: #1a73e8;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 16px;
text-decoration-line: none
}
.waffle-create-datasource-sheet-success-dialog .waffle-dataconnector-modal-footer {
border-top: none
}
.goog-link-button {}
.waffle-dbobject-sidebar-footer-estimated-bytes-wrapper {
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
align-items: center;
margin-left: 16px;
margin-right: 16px
}
.waffle-dbobject-sidebar-footer {
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-between;
justify-content: space-between;
align-items: center;
background-color: white;
border-top: 1px solid #dadce0;
color: #5f6368;
height: 64px
}
.waffle-dbobject-sidebar-footer-refresh-button-wrapper {
margin-right: 12px
}
.waffle-dbobject-sidebar-footer-refresh-button {
text-transform: none
}
.waffle-filter-by-value-sidebar-header,
.waffle-dbobject-sidebar-header {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
align-items: center;
background-color: #fff;
border-bottom: 1px solid #dadce0;
display: flex;
flex-direction: row;
height: 33px;
padding-left: 18px
}
.waffle-filter-by-value-sidebar-header-column-name,
.waffle-dbobject-sidebar-header-datasource-name {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
letter-spacing: 0.3px;
margin-left: 8px;
max-width: 241px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-dbsourcesettingsdialog {
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
box-sizing: border-box;
height: 495px;
width: 512px
}
.waffle-dbsourcesettingsdialog .waffle-dataconnector-modal-header {
border-bottom: none;
box-sizing: border-box;
height: 73px;
padding: 24px 24px 25px 24px
}
.waffle-dbsourcesettingsdialog .waffle-dataconnector-modal-title {
line-height: 24px;
opacity: 1
}
.waffle-dbsourcesettingsdialog .waffle-dataconnector-modal-close-button {
height: 34px;
margin-right: -5px;
margin-top: -5px;
width: 34px
}
.waffle-dbsourcesettingsdialog .waffle-dataconnector-modal-close-button svg {
height: 24px;
width: 24px
}
.waffle-dbsourcesettingsdialog .waffle-dataconnector-modal-body {
height: 376px;
padding: 0;
z-index: 0
}
.waffle-dbsourcesettingsdialog-project-title {
font: 500 16px/20px "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
letter-spacing: 0.29px;
margin: 0;
opacity: 1;
padding: 10px 8px 10px 24px
}
.waffle-dbsourcesettingsdialog-transition-out .waffle-dataconnector-modal-title,
.waffle-dbsourcesettingsdialog-transition-out .waffle-dbsourcesettingsdialog-project-title {
opacity: 0;
transition: opacity 150ms cubic-bezier(0, 0, 0.2, 1)
}
.waffle-dbsourcesettingsdialog-project-heading {
display: flex
}
.waffle-dbsourcesettingsdialog-error-caption {
padding: 16px 32px
}
.waffle-dbsourcesettingsdialog-empty-menu-message {
display: flex;
padding: 0 10px;
font: 500 14px/20px "Google Sans", Roboto, Helvetica, Arial, sans-serif;
width: 460px;
height: 200px;
justify-content: center;
align-items: center;
text-align: center
}
.waffle-dbsourcesettingsdialog-tooltip .docs-promo-text-container {
width: 240px
}
.waffle-dbsourcesettingsdialog .waffle-dataconnector-modal-footer {
border-top: none;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
z-index: 1
}
.waffle-dbsourcesettingsdialog-footer-wrapper {
align-items: center;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row
}
.waffle-dbsourcesettingsdialog-footer-message {
color: #5f6368;
flex: 1;
font-size: 12px;
line-height: 16px;
margin: 0 24px 0 0;
width: 329px
}
.waffle-dbsourcesettingsdialog-footer-wrapper .docs-material-button {
margin: 0
}
.waffle-info-icon-bubble.waffle-dbsourcesettingsdialog-info-bubble {
background-color: #3c4043;
border-radius: 0;
color: #fff;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 12px;
line-height: 14px;
max-width: 200px;
opacity: .9;
padding: 4px 8px;
text-align: center
}
.waffle-dbsourcesettingsdialog-info-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore,
.waffle-dbsourcesettingsdialog-info-bubble .jfk-bubble-arrowup .jfk-bubble-arrowimplafter,
.waffle-dbsourcesettingsdialog-info-bubble .jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore,
.waffle-dbsourcesettingsdialog-info-bubble .jfk-bubble-arrowdown .jfk-bubble-arrowimplafter {
border-color: #3c4043 transparent
}
.waffle-dbsourcesettingsdialog-info-icon {
margin-top: 9px
}
.waffle-dbsourcesettingsdialog-info-icon:hover {
background-color: #f1f3f4
}
.waffle-dbsourcesettingsdialog-info-icon:active {
background-color: #e8eaed
}
.waffle-dbsourcesettingsdialog-project-section {}
.waffle-dbsourcesettingsdialog-project-menu-wrapper {}
.waffle-dbsourcesettingsdialog-footer-button-wrapper {}
.waffle-dbsource-endofpreview {
border-top: 1px solid #dadce0;
box-sizing: border-box;
display: block;
height: 160px;
padding: 24px;
text-align: center;
width: 100%
}
.waffle-dbsource-endofpreview-wrapper {
display: inline-block;
max-width: 550px
}
.waffle-dbsource-endofpreview.docs-hc-gecko {
background-color: black
}
.waffle-dbsource-endofpreview-enable-endofwaffle {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxIiBoZWlnaHQ9IjgiIHZpZXdCb3g9IjAgMCAxIDgiPiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSI+ICAgIDxwYXRoIGZpbGw9IiNEQURDRTAiIGQ9Ik0wIDNoMXYxSDB6TTAgN2gxdjFIMHoiLz4gICAgPHBhdGggZmlsbD0iI0YxRjNGNCIgZD0iTTAgMGgxdjNIMHpNMCA0aDF2M0gweiIvPiAgPC9nPjwvc3ZnPg==);
background-repeat: repeat-x
}
.waffle-dbsource-endofpreview-enable-endofwaffle::before {
background-color: #f3f3f3;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTkgOCI+ICA8ZyBmaWxsPSJub25lIj4gICAgPHBhdGggZmlsbD0iI0YxRjNGNCIgZD0iTTE4LjUgN2guNVY0aC02LjVjMS40IDEuOCAzLjYgMyA2IDN6Ii8+ICAgIDxwYXRoIGZpbGw9IiNEQURDRTAiIGQ9Ik0xOC41IDcuNWMtMi43IDAtNS4yLTEuNC02LjYtMy41aC0uNmMxLjUgMi40IDQuMiA0IDcuMiA0aC41di0uNWgtLjV6Ii8+ICAgIDxwYXRoIGZpbGw9IiNEQURDRTAiIGQ9Ik0xOC41IDcuNWguNVY3aC0uNWMtMi40IDAtNC42LTEuMi02LTNoLS42YzEuNCAyLjEgMy45IDMuNSA2LjYgMy41eiIvPiAgICA8cGF0aCBmaWxsPSIjRjFGM0Y0IiBkPSJNNy41IDNIMTlWMEgxLjVjMS40IDEuOCAzLjYgMyA2IDN6Ii8+ICAgIDxwYXRoIGZpbGw9IiNEQURDRTAiIGQ9Ik03LjUgMy41QzQuOCAzLjUgMi4zIDIuMS45IDBILjNjMS41IDIuNCA0LjIgNCA3LjIgNEgxOXYtLjVINy41eiIvPiAgICA8cGF0aCBmaWxsPSIjREFEQ0UwIiBkPSJNNy41IDMuNUgxOVYzSDcuNWMtMi40IDAtNC42LTEuMi02LTNILjljMS40IDIuMSAzLjkgMy41IDYuNiAzLjV6Ii8+ICA8L2c+PC9zdmc+);
content: "";
display: block;
height: 8px;
left: 0;
position: absolute;
top: 1px;
width: 19px
}
.waffle-dbsource-endofpreview-enable-endofwaffle::after {
background-color: #f3f3f3;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOSIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTkgOCI+ICA8ZyBmaWxsPSJub25lIj4gICAgPHBhdGggZmlsbD0iI0YxRjNGNCIgZD0iTTE4LjUgN2guNVY0aC02LjVjMS40IDEuOCAzLjYgMyA2IDN6Ii8+ICAgIDxwYXRoIGZpbGw9IiNEQURDRTAiIGQ9Ik0xOC41IDcuNWMtMi43IDAtNS4yLTEuNC02LjYtMy41aC0uNmMxLjUgMi40IDQuMiA0IDcuMiA0aC41di0uNWgtLjV6Ii8+ICAgIDxwYXRoIGZpbGw9IiNEQURDRTAiIGQ9Ik0xOC41IDcuNWguNVY3aC0uNWMtMi40IDAtNC42LTEuMi02LTNoLS42YzEuNCAyLjEgMy45IDMuNSA2LjYgMy41eiIvPiAgICA8cGF0aCBmaWxsPSIjRjFGM0Y0IiBkPSJNNy41IDNIMTlWMEgxLjVjMS40IDEuOCAzLjYgMyA2IDN6Ii8+ICAgIDxwYXRoIGZpbGw9IiNEQURDRTAiIGQ9Ik03LjUgMy41QzQuOCAzLjUgMi4zIDIuMS45IDBILjNjMS41IDIuNCA0LjIgNCA3LjIgNEgxOXYtLjVINy41eiIvPiAgICA8cGF0aCBmaWxsPSIjREFEQ0UwIiBkPSJNNy41IDMuNUgxOVYzSDcuNWMtMi40IDAtNC42LTEuMi02LTNILjljMS40IDIuMSAzLjkgMy41IDYuNiAzLjV6Ii8+ICA8L2c+PC9zdmc+);
content: "";
display: block;
height: 8px;
position: absolute;
right: 0;
top: 1px;
transform: scaleX(-1);
width: 19px
}
.waffle-dbsource-endofpreview-header {
color: #3c4043;
font: 400 16px/20px "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
letter-spacing: 0.17px;
padding-bottom: 8px;
text-align: center
}
.waffle-dbsource-endofpreview-message-line {
color: #5f6368;
font: 400 12px/16px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
letter-spacing: 0.3px;
text-align: center
}
.waffle-dbsource-endofpreview-link-button {
font: 400 12px/16px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
text-decoration: none
}
.waffle-dbsource-pill {
display: flex;
background: white;
border-radius: 8px;
box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15);
box-sizing: border-box;
color: #4285f4;
padding: 6px;
position: fixed;
white-space: nowrap
}
.waffle-dbsource-pill-info {
display: flex;
font: 400 14px/36px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
letter-spacing: 0.2px
}
.waffle-dbsource-pill-preview-icon .waffle-dataconnector-preview-icon {
margin-left: 10px;
position: relative;
vertical-align: middle
}
.waffle-dbsource-pill-updated-icon .waffle-dataconnector-updated-icon {
margin-left: 10px;
position: relative;
vertical-align: middle
}
.waffle-dbsource-pill-status {
color: #202124;
margin-left: 8px
}
.waffle-dbsource-pill-timestamp {
color: #5f6368;
height: 36px;
line-height: 36px;
margin: 0 16px;
white-space: nowrap
}
.waffle-dbsource-pill-progress {
-webkit-align-items: center;
align-items: center;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
height: 36px;
line-height: 36px;
margin: 0 18px 0 10px
}
.waffle-dbsource-pill-progress .waffle-dataconnector-pill-spinner {
border-radius: 50%;
box-shadow: inset 0 0 0 2px;
color: #188038;
display: inline-block;
height: 18px;
margin: 7px 0;
position: relative;
width: 18px;
margin-right: 7px
}
.waffle-dbsource-pill-progress-message {
color: #202124
}
.waffle-dbsource-pill-error-icon {
margin-left: 10px;
width: 24px
}
.waffle-dbsource-pill-error-icon .waffle-dataconnector-error-icon-filled {
padding-left: 2px;
vertical-align: middle
}
.waffle-dbsource-pill .docs-material-button {
font-size: 14px;
letter-spacing: 0.25px
}
.waffle-dbsource-pill-refresh-button-apply {
margin: 0 8px 0 0;
text-transform: none
}
.waffle-dbsource-pill-refresh-button-error {
color: #202124
}
.waffle-dbsource-pill .waffle-dbsource-pill-edit-button-wrapper {
border-left: 1px #dadce0 solid;
margin-bottom: -6px;
margin-right: -6px;
margin-top: -6px;
padding: 6px 6px 6px 10px
}
.waffle-dbsource-pill-edit-button {
height: 36px;
margin: 0;
padding: 6px
}
.waffle-dbsource-pill-edit-button-wrapper .waffle-dbsource-pill-edit-button.docs-material-button-focused {
background: rgba(13, 101, 45, .12);
height: 36px;
margin: 0;
padding: 6px
}
.waffle-dbsource-pill-edit-button-wrapper .waffle-dbsource-pill-edit-button.docs-material-button-hover {
background: rgba(13, 101, 45, .06)
}
.waffle-dbsource-pill-edit-button-wrapper .waffle-dbsource-pill-edit-button.docs-material-button-active {
background: rgba(24, 128, 56, .12)
}
.waffle-dbsource-pill-edit-button-wrapper .docs-material-button-flat-default.docs-material-button.waffle-dbsource-pill-edit-button .docs-material-button-ripple-element {
opacity: 0
}
.waffle-dbsource-pill-edit-button.docs-material-button-disabled .waffle-dataconnector-edit-outline-icon-shape {
fill: rgba(60, 64, 67, 0.38)
}
.waffle-dbsource-pill-edit-button.docs-material-button-hover .waffle-dataconnector-edit-outline-icon-shape {
fill: #0d652d
}
.waffle-dbsource-pill-edit-button.docs-material-button-focused .waffle-dataconnector-edit-outline-icon-shape {
fill: #0d652d
}
.waffle-dbsource-pill-refresh-button-error.docs-material-button-flat-default.docs-material-button.docs-material-button-hover {
background-color: rgba(60, 64, 67, 0.04)
}
.waffle-dbsource-pill-refresh-button-error.docs-material-button-flat-default.docs-material-button.docs-material-button-active {
background-color: rgba(60, 64, 67, 0.16);
color: #202124;
line-height: 36px
}
.waffle-dbsource-pill-refresh-button-error>.docs-material-button-ripple-element {
background-color: rgba(60, 64, 67, 0.10)
}
.waffle-dbsource-pill-showerror-button {
color: #d93025;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
height: 36px;
line-height: 36px;
text-transform: none
}
.waffle-dbsource-pill-showerror-button.docs-material-button-flat-default.docs-material-button.docs-material-button-hover {
background-color: rgba(234, 67, 53, 0.04)
}
.waffle-dbsource-pill-showerror-button.docs-material-button-flat-default.docs-material-button.docs-material-button-active {
background-color: rgba(234, 67, 53, 0.16)
}
.waffle-dbsource-pill-showerror-button.docs-material-button-flat-default.docs-material-button.docs-material-button-no-focus-border {
line-height: 36px
}
.waffle-dbsource-pill-showerror-button.docs-material-button-flat-default.docs-material-button.docs-material-button-focused {
border: none;
line-height: 36px;
padding: 0 8px
}
.waffle-dbsource-pill-showerror-button>.docs-material-button-ripple-element {
background-color: rgba(234, 67, 53, 0.10)
}
.waffle-dbsource-pill-menu-button {
border: none;
height: 36px;
margin: 0;
padding: 0 6px
}
.waffle-dbsource-pill-menu-button .waffle-dataconnector-menu-icon {
top: 5px
}
.waffle-dbsource-pill-menu-button.docs-material-menu-button-flat-default-hover {
background-color: #f8f9fa
}
.waffle-dbsource-pill-menu-button.docs-material-menu-button-flat-default-active,
.waffle-dbsource-pill-menu-button.docs-material-menu-button-flat-default-focused {
background-color: #f1f3f4;
border: none;
line-height: 36px
}
.waffle-dbsource-pill-menu .goog-menuseparator {
margin-bottom: 0;
margin-top: 0
}
.waffle-dbsource-pill-menu.goog-menu .goog-menuitem {
padding-left: 11px
}
.waffle-dbsource-pill-menu svg {
height: 20px;
margin-right: 8px;
position: relative;
width: 20px
}
.waffle-dbsource-pill-menuitem {
-webkit-align-items: center;
align-items: center;
display: flex;
height: 36px;
line-height: 36px
}
.waffle-dbsource-pill-menuitem-generic-action {
padding-left: 27px
}
.waffle-dbsource-pill-menuitem-accel {
margin-left: auto;
padding: 0 20px 0 40px;
text-align: center;
color: #9e9e9e
}
.waffle-dataconnector-refresh-icon.waffle-dbsource-pill-menuitem-db-slicer {
margin-right: 8px
}
.waffle-dbsource-pill-menuitem-refreshquery-info svg {
margin: 0
}
.waffle-dbsource-pill-menuitem-refreshquery-info-progress {
font-style: italic
}
.waffle-dbsource-pill-menuitem-refreshquery-info-error-button {
color: #db4437;
text-decoration: underline;
white-space: nowrap
}
.waffle-dbsource-pill-menuitem-refreshquery-info-error-button:focus {
outline: none
}
.waffle-dbsource-pill-menuitem-refreshquery-info-message {
color: #616161;
white-space: nowrap
}
.waffle-dbsource-previewbar {
background-color: #f8f9fa;
border-bottom: 1px solid #dadce0;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
height: 22px
}
.waffle-dbsource-previewbar-content {
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
margin: 0 auto
}
.waffle-dbsource-previewbar-text {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
letter-spacing: 0.8px;
line-height: 22px;
text-transform: uppercase
}
.waffle-dbsource-previewbar-info-bubble-content {
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column
}
.waffle-dbsource-previewbar-info-bubble-body {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 20px;
margin-bottom: 12px;
margin-top: 12px
}
.waffle-dbsource-previewbar-info-bubble-button-wrapper {
margin-left: auto;
margin-right: 0;
text-align: right
}
.waffle-dbsource-previewbar-info-bubble-button-wrapper .docs-material-button {
font-size: 14px;
letter-spacing: 0.25px
}
.waffle-dbsource-previewbar-info-icon-wrapper .docs-material-button-flat-default,
.waffle-dbsource-previewbar-info-icon-wrapper .docs-material-button-flat-default.docs-material-button-focused {
border: 1px solid transparent;
height: 22px;
line-height: 22px;
margin: 0;
padding: 0 5px
}
.waffle-dbsource-previewbar-info-icon-wrapper .docs-material-button-flat-default.docs-material-button-focused:focus {
border: 1px solid #1a73e8
}
.waffle-dbsource-previewbar-info-icon-wrapper.docs-hc-gecko path {
fill: #fff
}
.waffle-dbsource-previewbar-info-bubble-title {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
margin-right: 24px
}
.waffle-dbsource-previewbar-info-bubble.waffle-info-icon-bubble {
border: none;
max-width: 238px;
outline: none;
padding: 24px 24px 12px 24px;
z-index: 1001 !important
}
.waffle-dbsource-previewbar-info-bubble .jfk-bubble-closebtn {
background: transparent;
cursor: pointer;
height: 24px;
opacity: 0.54;
right: 12px;
top: 12px;
transition: opacity 0.28s ease-out;
width: 24px
}
.waffle-dbsource-previewbar-info-bubble .jfk-bubble-closebtn svg {
height: 24px;
width: 24px
}
.waffle-dbsource-previewbar-info-bubble .jfk-bubble-closebtn:focus {
opacity: 1
}
.waffle-dbsource-previewbar-info-bubble .jfk-bubble-closebtn:hover {
opacity: 1
}
.waffle-dbsource-previewbar-info-bubble .jfk-bubble-closebtn.docs-hc-gecko polygon {
fill: #fff
}
.waffle-dbsource-previewbar-info-bubble-link-button {
text-decoration: none
}
.jfk-bubble.jfk-bubble-promo.waffle-docos-bubble {
background: #fff;
border-radius: 8px;
border: 1px solid transparent;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
outline: none;
padding: 8px
}
.waffle-docos-bubble .waffle-docos-bubble-container {
display: flex;
flex-direction: column
}
.waffle-docos-bubble .waffle-docos-bubble-header {
align-items: center;
color: #202124;
display: flex;
flex-direction: row;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
justify-content: space-between;
line-height: 20px
}
.waffle-docos-bubble-header .docs-material-button-flat-default.docs-material-button {
border-radius: 4px;
height: 32px;
margin: 0;
padding: 0;
width: 32px
}
.waffle-docos-bubble-header-text {
margin-left: 8px
}
.waffle-docos-bubble-body {
display: flex;
justify-content: space-between
}
.waffle-docos-bubble .waffle-docos-bubble-cell-buttons {
color: #5f6368;
font-size: 14px;
font-weight: 400;
max-width: 350px;
overflow: hidden;
padding: 0;
text-overflow: ellipsis
}
.waffle-docos-bubble .waffle-docos-bubble-cell-buttons .waffle-ui-text-link-button {
display: inline-block;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
height: 32px;
letter-spacing: 0.3px;
line-height: 16px;
padding: 8px
}
.waffle-docos-bubble-hc-gecko .waffle-ui-text-link-button-focused {
filter: invert(100%)
}
.waffle-docos-bubble-body .docs-material-button-flat-default.docs-material-button {
border-radius: 4px;
display: flex;
justify-content: center;
margin: 0;
width: 32px
}
.waffle-docos-bubble-ellipsis {
color: #202124;
display: inline-block;
font-size: 18px
}
.waffle-docos-bubble-action {
align-items: center;
display: flex;
justify-content: space-between
}
.docs-material-button-fill-primary.docs-material-button.waffle-docos-bubble-button {
align-items: center;
display: flex;
height: 32px;
margin: 0 12px 0 0;
padding: 12px;
text-transform: none
}
.grille-docos-bubble.jfk-bubble {
align-items: center;
background: #eef3fc;
border-radius: 8px;
border: 1px solid transparent;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);
display: flex;
height: 38px;
outline: none;
padding: 0;
width: 535px
}
.grille-docos-bubble .jfk-bubble-content-id {
width: 100%
}
.grille-docos-bubble.jfk-bubble.grille-docos-bubble-arrows-hidden {
width: auto
}
.grille-docos-bubble .grille-docos-bubble-container {
font: 500 14px/20px "Google Sans", Roboto, sans-serif;
height: 38px
}
.grille-docos-bubble-cell-buttons {
display: flex;
flex-grow: 1;
min-width: 0;
padding: 0 4px
}
.grille-docos-bubble-body {
display: flex
}
.grille-docos-bubble-action-container {
display: flex;
flex-shrink: 0;
margin-right: 4px
}
.grille-docos-bubble-action-button {
align-items: center;
border-radius: 100%;
display: flex;
height: 32px;
justify-content: center;
margin: 3px;
width: 32px
}
.grille-docos-bubble-close-button {
padding: 6px
}
.grille-docos-bubble-prev-button .docs-icon,
.grille-docos-bubble-next-button .docs-icon {
height: 20px;
width: 20px
}
.grille-docos-bubble-close-button .docs-icon {
margin-left: 2px
}
.grille-docos-bubble-action-button.docs-material-button-hover {
background: rgba(68, 71, 70, 0.078)
}
.grille-docos-bubble-action-button.docs-material-button-focused,
.grille-docos-bubble .grille-docos-bubble-close-button.docs-material-button-flat-default.docs-material-button-focused {
background: rgba(68, 71, 70, 0.122);
padding: 6px
}
.grille-docos-bubble .waffle-ui-text-link-button {
border-radius: 100px;
color: #0b57d0;
display: inline-block;
height: 32px;
margin: 3px;
overflow: hidden;
padding: 8px 12px;
width: auto
}
.grille-docos-bubble-cell-buttons .waffle-ui-text-link-button {
color: #1f1f1f;
overflow: hidden;
text-overflow: ellipsis
}
.grille-docos-bubble .waffle-ui-text-link-button.waffle-ui-text-link-button-hover {
background: rgba(11, 87, 208, 0.078);
color: #0b57d0
}
.grille-docos-bubble .waffle-ui-text-link-button.waffle-ui-text-link-button-focused {
background: rgba(11, 87, 208, 0.122);
color: #0b57d0
}
.grille-docos-bubble-container .docs-material-button.docs-material-button-disabled {
background: none;
opacity: .38
}
.grille-docos-bubble .docs-material-button-ripple-element {
display: none
}
.waffle-filter-filtercard {
background-color: #f0f0f0;
border-radius: 8px;
padding: 8px
}
.waffle-filter-filtercard:not(:last-child) {
margin-bottom: 8px
}
.waffle-filter-filtercard-top-row {
-webkit-align-items: center;
align-items: center;
display: flex;
padding-bottom: 8px
}
.waffle-filter-filtercard-top-row>div {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.waffle-filter-filtercard-top-row>.waffle-filter-filtercard-label {
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
overflow: hidden;
text-overflow: ellipsis
}
.waffle-filter-filtercard-label {
color: #424242;
font-size: 14px;
padding-left: 8px
}
.waffle-filter-filtercard-delete-button {
transition: background-color 0.2s ease;
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8cGF0aCBmaWxsPSIjZjBmMGYwIiBkPSJNMTkgNi40MUwxNy41OSA1IDEyIDEwLjU5IDYuNDEgNSA1IDYuNDEgMTAuNTkgMTIgNSAxNy41OSA2LjQxIDE5IDEyIDEzLjQxIDE3LjU5IDE5IDE5IDE3LjU5IDEzLjQxIDEyeiIvPjwvc3ZnPg==");
background-color: #bfbfbf;
border: 0;
border-radius: 16px;
cursor: pointer;
height: 16px;
margin: 8px;
width: 16px
}
.waffle-filter-filtercard-delete-button:hover {
background-color: #aaa
}
.waffle-filter-filtercard .waffle-filter-filtercard-select .jfk-select {
text-align: left;
width: 100%
}
.waffle-filterbox-container {
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 32px;
vertical-align: middle
}
.waffle-filterdropdown-filter-color {
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 50%;
box-sizing: border-box;
height: calc(10px*2);
left: -15px;
margin-top: calc(-1*10px);
position: absolute;
top: 50%;
width: calc(10px*2)
}
.waffle-filterdropdown-filter-color-text {
padding-left: 18px
}
.goog-menu.waffle-filterdropdown-filter-colors-menu {
max-height: 50vh;
overflow-x: hidden;
overflow-y: auto
}
.waffle-filterdropdown-filter-color-checkbox::after {
content: "\002713";
left: 6px;
position: absolute
}
.waffle-types-number-icon:after {
content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0wIDV2MmgydjhoMlY1SDB6bTUgMHYyaDR2Mkg3YTIgMiAwIDAwLTIgMnY0aDZ2LTJIN3YtMmgyYTIgMiAwIDAwMi0yVjdhMiAyIDAgMDAtMi0ySDV6bTcgMGg0YTIgMiAwIDAxMiAydjEuNWExLjUgMS41IDAgMDEtMS41IDEuNSAxLjUgMS41IDAgMDExLjUgMS41VjEzYTIgMiAwIDAxLTIgMmgtNHYtMmg0di0yaC0yVjloMlY3aC00VjV6IiBmaWxsPSIjNUY2MzY4Ii8+PC9zdmc+)
}
.waffle-types-text-icon:after {
content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yIDRoMTB2Mkg4djlINlY2SDJWNHptOCA0aDZ2MmgtMnY1aC0ydi01aC0yVjh6IiBmaWxsPSIjNUY2MzY4Ii8+PC9zdmc+)
}
.waffle-types-date-icon:after {
content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMyAzLjY2N2guNjY3QzE0LjQgMy42NjcgMTUgNC4yNjcgMTUgNXY5LjMzM2MwIC43MzQtLjYgMS4zMzQtMS4zMzMgMS4zMzRINC4zMzNjLS43NCAwLTEuMzMzLS42LTEuMzMzLTEuMzM0TDMuMDA3IDVjMC0uNzMzLjU4Ni0xLjMzMyAxLjMyNi0xLjMzM0g1VjIuMzMzaDEuMzMzdjEuMzM0aDUuMzM0VjIuMzMzSDEzdjEuMzM0ek00LjMzMyAxNC4zMzNoOS4zMzRWN0g0LjMzM3Y3LjMzM3oiIGZpbGw9IiM1RjYzNjgiLz48L3N2Zz4=)
}
.waffle-types-boolean-icon:after {
content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTkiIGhlaWdodD0iMTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzVGNjM2OCIgZD0iTTkgM2gxLjV2MTJIOXoiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuOTUzIDQuOTgybC0uOTk0LS45OTRMNC45NyA1Ljk3NiAyLjk4MiAzLjk4OGwtLjk5NC45OTQgMS45ODkgMS45ODktMS45ODkgMS45ODguOTk0Ljk5NCAxLjk4OS0xLjk4OCAxLjk4OCAxLjk4OC45OTQtLjk5NEw1Ljk2NSA2Ljk3bDEuOTg4LTEuOTg5ek0xOC4wOCAxMC40ODVsLS45OTUtLjk5NC0zLjYgMy42LTEuNDktMS40OTEtLjk5NS45OTQgMi40ODUgMi40ODUuMTIxLS4xMiA0LjQ3My00LjQ3NHoiIGZpbGw9IiM1RjYzNjgiLz48L3N2Zz4=)
}
.waffle-types-boolean-icon:after,
.waffle-types-date-icon:after,
.waffle-types-number-icon:after,
.waffle-types-text-icon:after {
background: none;
height: 18px;
width: 18px
}
.goog-menu.waffle-dataconnector-tablepicker-menu {
border: none;
border-radius: 0;
box-shadow: none;
box-sizing: border-box;
max-height: auto;
overflow-x: hidden;
padding-top: 2px;
width: 100%
}
.goog-menu.waffle-dataconnector-tablepicker-menu .goog-menu-filter {
display: flex;
background-color: #f8f9fa;
border-radius: 8px;
height: 40px;
margin: 0 24px 16px 24px;
position: relative
}
.goog-menu.waffle-dataconnector-tablepicker-filtered-menu .goog-menu-filter:after {
background: #e8eaed;
bottom: -16px;
content: '';
display: block;
height: 1px;
left: 0;
position: absolute;
width: 464px
}
.waffle-dataconnector-tablepicker-menu-icon-search {
border-bottom: none;
padding: 11px 0 11px 13px;
position: absolute
}
.goog-menu.waffle-dataconnector-tablepicker-menu input {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
background: white;
border: 1px solid transparent;
border-radius: 8px;
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
font: 400 14px/20px "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
letter-spacing: 0.17px;
outline: 0;
padding: 0 37px
}
.goog-menu.waffle-dataconnector-tablepicker-menu .goog-menu-content {
opacity: 0;
outline: none;
overflow-x: hidden;
overflow-y: auto;
padding: 16px 0 0 16px;
position: relative
}
.goog-menu.waffle-dataconnector-tablepicker-filtered-menu .goog-menu-content {
max-height: 220px
}
.waffle-dbsourcesettingsdialog-project-menu-wrapper .goog-menu.waffle-dataconnector-tablepicker-filtered-menu .goog-menu-content {
max-height: 241px
}
.waffle-dataconnector-tablepicker-paginated-menu-results {
overflow-y: auto
}
.waffle-dataconnector-tablepicker-paginated-menu .goog-menu-content {
height: 196px;
max-height: 196px
}
.waffle-dbsourcesettingsdialog-project-menu-wrapper .waffle-dataconnector-tablepicker-paginated-menu .goog-menu-content {
height: 216px;
max-height: 216px
}
.waffle-dataconnector-tablepicker-paginated-menu .goog-menu.waffle-dataconnector-tablepicker-menu {
padding: 0;
position: relative
}
.waffle-dataconnector-tablepicker-paginated-menu .goog-menu.waffle-dataconnector-tablepicker-menu .goog-menu-content {
padding-top: 0
}
.waffle-dataconnector-tablepicker-paginated-menu-button-wrapper {
color: #5f6368;
float: right;
font-size: 12px;
height: 30px;
letter-spacing: 0.3px;
padding: 0 24px
}
.waffle-dataconnector-tablepicker-paginated-menu-indices {
margin-right: 8px
}
.waffle-dataconnector-tablepicker-paginated-menu-nav-buttons .docs-material-button {
margin: 0 4px;
padding: 0 !important
}
.waffle-dataconnector-tablepicker-paginated-menu-nav-buttons .docs-material-button-focused {
margin: 0 3px
}
.waffle-dataconnector-tablepicker-paginated-menu-nav-buttons .docs-material-button-disabled {
opacity: 0.5
}
.waffle-dataconnector-tablepicker-paginated-menu-nav-buttons .docs-icon {
margin: 1px 6px 6px 1px
}
.waffle-dataconnector-tablepicker-paginated-menu-header {
color: #3c4043;
font: 500 11px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
letter-spacing: 0.8px;
line-height: 16px
}
.waffle-dataconnector-tablepicker-paginated-menu-header-name {
padding-left: calc(16px*2)
}
.waffle-dataconnector-tablepicker-paginated-menu-header-id {
padding-left: 224px
}
.waffle-dataconnector-tablepicker-paginated-menu .waffle-dataconnector-tablepicker-menuitem-content-id {
margin-left: auto
}
.goog-menu.waffle-dataconnector-tablepicker-filtered-menu .waffle-dataconnector-tablepicker-menu-loading-bar-wrapper {
height: 4px;
margin-top: -1px;
position: absolute;
width: 100%
}
.waffle-dataconnector-tablepicker-menu-loading-bar-wrapper .docs-indeterminate-loading-bar {
background-color: #e6f4ea;
height: 100%;
overflow: hidden
}
.waffle-dataconnector-tablepicker-menu-loading-bar-wrapper .docs-indeterminate-loading-bar>div {
-webkit-animation: loading-bar-animation 1.3s ease-in-out infinite;
-moz-animation: loading-bar-animation 1.3s ease-in-out infinite;
-o-animation: loading-bar-animation 1.3s ease-in-out infinite;
animation: loading-bar-animation 1.3s ease-in-out infinite;
background-color: #34a853;
border-radius: 2px;
height: 100%;
left: 0;
position: absolute;
right: 0;
top: 0;
transform: none
}
@keyframes loading-bar-animation {
0% {
transform: translateX(-50%) scaleX(0)
}
23%,
54% {
transform: translateX(0) scaleX(1)
}
77%,
100% {
transform: translateX(50%) scaleX(0)
}
}
.waffle-dataconnector-tablepicker-paginated-menu-loading-container {
align-items: center;
display: flex;
justify-content: center;
padding-top: 48px
}
.waffle-dataconnector-tablepicker-paginated-menu-loading-spinner .waffle-spinner {
height: 20px;
width: 20px
}
.waffle-dataconnector-tablepicker-paginated-menu-loading-msg {
color: #188038;
font: 400 18px "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
line-height: 24px;
padding-left: 12px
}
.waffle-dataconnector-tablepicker-menu-error-message {
color: #5f6368;
font-size: 14px;
line-height: 20px;
margin-left: 8px;
margin-right: 24px;
text-align: center
}
.waffle-dataconnector-tablepicker-paginated-menu .waffle-dataconnector-tablepicker-menu-error-message {
font-size: 12px;
letter-spacing: 0.3px;
line-height: 16px;
margin-top: 48px
}
.waffle-dataconnector-tablepicker-paginated-menu-projects-unavailable {
text-align: center
}
.waffle-dataconnector-tablepicker-paginated-menu-projects-unavailable-header {
color: #202124;
font: 500 18px "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
letter-spacing: 0;
line-height: 24px;
margin-top: 48px
}
.waffle-dataconnector-tablepicker-paginated-menu-projects-unavailable-caption {
color: #3c4043;
font: 400 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
letter-spacing: 0.2px;
line-height: 20px;
margin-top: 12px
}
.goog-menu .waffle-dataconnector-tablepicker-menuitem.goog-menuitem {
border-radius: 24px;
box-sizing: border-box;
line-height: 36px;
padding: 0 16px;
transition: background-color 100ms linear;
white-space: nowrap;
width: 480px
}
.waffle-dataconnector-tablepicker-menuitem.goog-menuitem.goog-menuitem-highlight,
.waffle-dataconnector-tablepicker-menuitem.goog-menuitem:focus {
border-bottom: none;
background-color: #e6f4ea;
border-top: none;
outline: none
}
.waffle-dataconnector-tablepicker-menuitem.goog-menuitem.goog-menuitem-highlight.goog-menuitem-active {
background-color: #ceead6;
border-top: none
}
.waffle-dataconnector-tablepicker-menuitem.goog-menuitem.goog-menuitem-highlight.goog-menuitem-active.goog-option-selected,
.waffle-dataconnector-tablepicker-menuitem.goog-menuitem.goog-option-selected {
background-color: #e6f4ea;
background-image: none;
cursor: auto
}
.docs-hc-gecko .waffle-dataconnector-tablepicker-menuitem.goog-menuitem.goog-menuitem-highlight,
.docs-hc-gecko .waffle-dataconnector-tablepicker-menuitem.goog-menuitem.goog-menuitem-highlight.goog-menuitem-active,
.docs-hc-gecko .waffle-dataconnector-tablepicker-menuitem.goog-menuitem.goog-menuitem-highlight.goog-menuitem-active.goog-option-selected,
.docs-hc-gecko .waffle-dataconnector-tablepicker-menuitem.goog-menuitem.goog-option-selected {
border: 1px solid transparent
}
.waffle-dataconnector-tablepicker-menu-bottom-border .waffle-dataconnector-tablepicker-menuitem.goog-menuitem {
padding-right: 12px
}
.waffle-dataconnector-tablepicker-menuitem .goog-menuitem-content {
font-size: 13px
}
.waffle-dataconnector-tablepicker-menuitem-content-wrapper {
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
position: relative
}
.waffle-dataconnector-tablepicker-menuitem-content-wrapper .goog-menuitem-checkbox {
display: none
}
.waffle-dataconnector-tablepicker-menuitem-content-name,
.waffle-dataconnector-tablepicker-menuitem-content-id {
display: inline-block;
font: 400 14px/24px Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.waffle-dataconnector-tablepicker-menuitem-content-name {
color: rgba(0, 0, 0, 0.87);
line-height: 36px;
overflow: hidden;
padding-right: 22px;
text-overflow: ellipsis;
white-space: nowrap;
width: 176px
}
.waffle-dataconnector-tablepicker-menuitem-content-wrapper-dataset .waffle-dataconnector-tablepicker-menuitem-content-name {
width: 389px
}
.waffle-dataconnector-tablepicker-menuitem-content-id {
color: rgba(0, 0, 0, 0.54);
line-height: 36px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 191px
}
.waffle-dataconnector-tablepicker-menuitem-content-schemaicon {
margin-right: 8px;
min-width: 18px;
width: 18px
}
.waffle-dataconnector-tablepicker-menuitem-content-schemaicon svg {
margin-right: 5px;
vertical-align: middle
}
.waffle-dataconnector-tablepicker-menuitem-content-schemaicon .waffle-dataconnector-tablepicker-menu-icon-search {
padding: 0
}
.waffle-dataconnector-tablepicker-menuitem-content-nexticon {
margin-left: auto;
width: 18px
}
.waffle-dataconnector-tablepicker-menuitem-content-nexticon svg {
vertical-align: middle
}
.goog-menuitem-rtl .waffle-dataconnector-tablepicker-menuitem-content-nexticon {
transform: rotateY(180deg)
}
.waffle-dataconnector-tablepicker-multilevelmenu {
position: relative;
height: 286px
}
.waffle-dataconnector-breadcrumbnavigator {
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
overflow: hidden;
vertical-align: middle
}
.waffle-dataconnector-breadcrumbnavigator-entry {
border: 1px solid transparent;
border-radius: 4px;
box-shadow: none;
color: #202124;
cursor: pointer;
font-size: 22px;
letter-spacing: .2px;
line-height: 24px;
overflow: hidden;
padding: 4px;
text-overflow: ellipsis;
transition: background-color 100ms linear;
vertical-align: middle;
white-space: nowrap
}
.waffle-dataconnector-breadcrumbnavigator-entry {
flex: 0 1 25%;
min-width: 45px
}
.waffle-dataconnector-breadcrumbnavigator-entry-condensed {
flex: 0 1 10%
}
.waffle-dataconnector-breadcrumbnavigator-entry:last-of-type {
flex: none
}
.waffle-dataconnector-breadcrumbnavigator-entry.goog-control-hover,
.waffle-dataconnector-breadcrumbnavigator-entry.goog-control-focused {
background-color: #f1f3f4;
outline: none
}
.waffle-dataconnector-breadcrumbnavigator-entry.goog-control-active {
background-color: #e8eaed;
outline: none
}
.waffle-dataconnector-breadcrumbnavigator-entry.goog-control-disabled {
cursor: auto
}
.waffle-dataconnector-breadcrumbnavigator-separator {
vertical-align: middle
}
.waffle-dataconnector-modal-title .waffle-dataconnector-breadcrumbnavigator-separator svg {
bottom: unset;
height: 18px;
margin-right: 0;
transform: unset;
vertical-align: middle;
width: 18px
}
.waffle-dataconnector-modal-title .waffle-dataconnector-breadcrumbnavigator-separator polygon {
fill: #5f6368
}
.waffle-create-looker-datasource-dialog {
width: 500px
}
.waffle-create-looker-datasource-dialog-small {
width: 460px
}
.waffle-create-looker-datasource-dialog-body {
position: relative
}
.waffle-create-looker-datasource-dialog .waffle-dataconnector-modal-header {
border-bottom: none;
padding-bottom: 4px
}
.waffle-create-looker-datasource-dialog .waffle-dataconnector-modal-body {
padding-top: 4px;
padding-bottom: 10px
}
.waffle-create-looker-datasource-dialog-content {
padding-top: 40px;
display: flex;
flex-direction: column
}
.waffle-create-looker-datasource-dialog-chips-title {
padding: 10px 0 5px;
color: #5f6368;
font: 500 11px Roboto, Helvetica, Arial, sans-serif;
letter-spacing: .8px;
text-transform: uppercase;
line-height: 16px
}
.waffle-create-looker-datasource-dialog-chips-wrapper {}
.waffle-create-looker-datasource-dialog-textfield-wrapper {}
.waffle-create-looker-datasource-dialog-textfield-wrapper .docs-material-labeled-text-field-label {
pointer-events: none
}
.waffle-create-looker-datasource-dialog-error-message-wrapper {
color: #d93025
}
.waffle-create-looker-datasource-dialog-footer-message {
margin: 0 24px 0 0
}
.docs-ui-toast.waffle-create-looker-datasource-dialog-toast-message-success,
.docs-ui-toast.waffle-create-looker-datasource-dialog-toast-message-error {
bottom: 160px;
z-index: 10000
}
.docs-ui-toast.waffle-create-looker-datasource-dialog-toast-message-success {
left: calc((100vw - 336px)/2);
width: 288px !important
}
.docs-ui-toast.waffle-create-looker-datasource-dialog-toast-message-error {
left: calc((100vw - 393px)/2);
width: 345px !important
}
.waffle-create-looker-datasource-dialog-button-wrapper {
text-align: right
}
.waffle-create-looker-datasource-dialog-unlink-button-wrapper {
margin-top: 10px
}
.waffle-create-looker-datasource-dialog-send-feedback {
display: inline-block
}
.waffle-create-looker-datasource-dialog-additional-info-message {
padding-top: 50px
}
.waffle-create-looker-datasource-dialog .waffle-dataconnector-modal-footer {
border-top: none;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
color: #5f6368;
font-size: 12px;
line-height: 16px;
z-index: 1
}
.waffle-create-looker-datasource-dialog-footer-wrapper {
align-items: center;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row
}
.waffle-create-looker-datasource-dialog-footer-wrapper .docs-material-button {
margin: 0
}
.waffle-create-looker-datasource-dialog-spinner {
height: 28px;
margin: 0 auto;
padding-top: 10px;
width: 28px
}
.waffle-dbsource-looker-column-filtered-menu .waffle-dbsource-looker-column-filtered-menu-view-label,
.waffle-dbsource-looker-column-filtered-menu-collapsible-header {
background-color: #fff;
color: #3c4043;
cursor: pointer;
font-family: 'Google Sans', sans-serif;
font-weight: 500;
font-size: 14px;
height: 18px;
line-height: 18px;
margin-bottom: 12px;
margin-left: 8px;
margin-right: 8px;
position: relative
}
.waffle-dbsource-looker-group-menuitem-collapsible-header {
cursor: default;
position: relative
}
.waffle-dbsource-looker-column-filtered-menu-collapsible-header .waffle-dbsource-looker-collapsible-section-title {
height: 18px;
line-height: 18px;
overflow: hidden;
padding-left: 29px;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-dbsource-looker-column-filtered-menu-collapsible-header .waffle-dbsource-looker-collapsible-section-title .waffle-dbsource-looker-collapsible-section-title-match {
font-weight: 700
}
.waffle-dbsource-looker-group-menuitem-collapsible-header .waffle-dbsource-looker-collapsible-section-title {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
line-height: 21px;
overflow: hidden;
padding-left: 29px;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-dbsource-looker-group-menuitem-collapsible-header .waffle-dbsource-looker-collapsible-section-title .waffle-dbsource-looker-collapsible-section-title-match {
font-weight: 500
}
.waffle-dbsource-looker-column-filtered-menu-view-container {
border-bottom: 1px solid #e8eaed;
cursor: auto;
margin-bottom: 8px;
padding: 5px 0
}
.waffle-dbsource-looker-column-filtered-menu-view-container:last-of-type {
border-bottom: none
}
.waffle-dbsource-looker-column-filtered-menu-field-category {
color: #5f6368;
font-family: Roboto, sans-serif;
font-size: 12px;
margin: 10px 0 10px 8px
}
.waffle-dbsource-looker-column-filtered-menu-field-category.waffle-pivot-pill-nodrag {
cursor: auto
}
.waffle-pivot-pill-allow-descendant-drag {}
.waffle-dbsource-looker-column-filtered-menu.goog-menu.waffle-sidebar-draglist-menu .goog-menuitem {
padding-bottom: 3px;
padding-top: 3px
}
.waffle-dbsource-looker-column-filtered-menu.goog-menu.waffle-sidebar-draglist-menu .goog-menuitem .docs-charts-editor-collapsible-opened {
width: 100%
}
.waffle-dbsource-looker-column-filtered-menu.goog-menu.waffle-sidebar-draglist-menu .waffle-dbsource-looker-group-menuitem .goog-menuitem {
padding-left: 0;
padding-right: 0
}
.docs-gm .waffle-dbsource-looker-column-filtered-menu-collapsible-header .docs-charts-editor-collapsible-icon,
.docs-gm .waffle-dbsource-looker-group-menuitem-collapsible-header .docs-charts-editor-collapsible-icon {
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48ZyBzdHlsZT0iZmlsbDpub25lO3N0cm9rZS13aWR0aDoxO3N0cm9rZTpub25lIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5IDkpc2NhbGUoMSAtMSl0cmFuc2xhdGUoLTkgLTkpIj48cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iMTgiLz48cG9seWdvbiBwb2ludHM9IjkgNSAzIDExIDQuNCAxMi40IDkgNy44IDEzLjYgMTIuNCAxNSAxMSIgZmlsbD0iIzAwMCIvPjwvZz48L2c+PC9zdmc+");
cursor: pointer;
height: 18px;
left: 0;
opacity: 0.6;
transform: rotate(-90deg);
transition: none;
top: 0 !important;
width: 18px
}
@media (forced-colors:active) {
.docs-gm .waffle-dbsource-looker-column-filtered-menu-collapsible-header .docs-charts-editor-collapsible-icon,
.docs-gm .waffle-dbsource-looker-group-menuitem-collapsible-header .docs-charts-editor-collapsible-icon {
opacity: 1;
background-image: url("data:image/svg+xml,%3Csvg xmlns=\000027http://www.w3.org/2000/svg\000027 width=\00002718\000027 height=\00002718\000027 viewBox=\0000270 0 18 18\000027%3E%3Cg style=\000027fill:none;stroke-width:1;stroke:none\000027%3E%3Cg transform=\000027translate(9 9)scale(1 -1)translate(-9 -9)\000027%3E%3Crect width=\00002718\000027 height=\00002718\000027/%3E%3Cpolygon points=\0000279 5 3 11 4.4 12.4 9 7.8 13.6 12.4 15 11\000027 fill=\000027%23FFF\000027/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")
}
}
.docs-gm .docs-charts-editor-collapsible-opened>div>.waffle-dbsource-looker-column-filtered-menu-collapsible-header .docs-charts-editor-collapsible-icon,
.docs-gm .docs-charts-editor-collapsible-opened>div>.waffle-dbsource-looker-group-menuitem-collapsible-header .docs-charts-editor-collapsible-icon {
transform: none
}
.waffle-dbsource-column-filtered-menu.waffle-dbsource-looker-column-filtered-menu .waffle-dbsource-looker-group-menuitem {
padding-left: 12px
}
.waffle-looker-datasource-settings-dialog {}
.waffle-looker-datasource-settings-dialog .waffle-dataconnector-modal-title {
padding-right: 0;
width: 400px
}
.waffle-looker-datasource-settings-dialog .waffle-dbsourcesettingsdialog-project-menu-wrapper .goog-menu.waffle-dataconnector-tablepicker-filtered-menu .goog-menu-content {
max-height: 240px
}
.waffle-looker-datasource-settings-dialog-back-button {
height: 32px;
margin-right: -5px;
margin-top: -5px;
width: 32px
}
.waffle-looker-datasource-settings-dialog-back-button .docs-material-button-flat-default,
.waffle-looker-datasource-settings-dialog-back-button .docs-material-button-flat-default.docs-material-button-focused.docs-material-button-no-focus-border {
margin: 0;
padding: 0
}
.docs-material-button-flat-default.docs-material-button-focused.docs-material-button-no-focus-border .waffle-looker-datasource-settings-dialog-back-button .docs-material-button-flat-default.docs-material-button.docs-material-button-hover,
.waffle-looker-datasource-settings-dialog-back-button .docs-material-button-flat-default.docs-material-button.docs-material-button-active {
background-color: transparent
}
.waffle-material-multiactionchip {
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
background: white;
border: 1px solid #dadce0;
text-transform: none;
font-size: 12px;
display: flex;
width: fit-content;
color: #5f6368;
display: flex;
align-items: center;
min-width: 0
}
.waffle-material-multiactionchip-action-button {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
display: flex;
align-items: center;
padding-left: 10px;
height: 100%;
cursor: pointer
}
.waffle-material-multiactionchip-action-button:focus {
outline: none
}
.waffle-material-multiactionchip-hover {
background: #f8fcf9;
border-color: #c8e7d1
}
.waffle-material-multiactionchip-focus {
background: #e7f5eb;
border-color: #bbe2c6
}
.waffle-material-multiactionchip:active {
background: #dff2e4;
border-color: transparent;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}
.waffle-material-multiactionchip:disabled {
background: white;
border-color: #f1f3f4;
color: #3c4043;
opacity: 0.38
}
.waffle-material-multiactionchip-delete-button {
background: transparent;
border-radius: 50%;
cursor: pointer;
display: block;
height: 100%;
display: flex;
align-items: center;
opacity: 0.54;
position: relative;
transition: background-color 0.28s ease-out, opacity 0.28s ease-out;
width: 25px
}
@media screen and (forced-colors:active) {
.waffle-material-multiactionchip-focus {
outline: 1px solid Highlight;
outline-offset: -4px
}
.waffle-material-multiactionchip-delete-button:focus {
outline: 1px solid Highlight;
outline-offset: -4px
}
.waffle-material-multiactionchip-delete-button {
opacity: 0.9
}
}
.waffle-material-multiactionchip-delete-button svg {
height: 15px;
margin: 5px;
width: 15px
}
.waffle-material-multiactionchip-delete-button:focus {
opacity: 1;
background-color: rgba(0, 0, 0, 0.12)
}
.waffle-material-multiactionchip-delete-button:hover {
opacity: 1
}
.waffle-material-multiactionchip-set {
display: flex;
flex-wrap: wrap;
gap: 5px
}
.waffle-dataconnector-prompt {
background: #fff;
border: none;
border-radius: 8px;
box-shadow: 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12), 0px 8px 10px -5px rgba(0, 0, 0, 0.2);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
position: absolute;
z-index: 1302
}
.waffle-dataconnector-prompt-bg {
left: 0;
position: absolute;
top: 0;
z-index: 1300
}
.waffle-dataconnector-prompt:focus {
outline: none
}
.waffle-dataconnector-prompt-title {
padding: 24px 24px 20px 24px
}
.waffle-dataconnector-prompt-title-text {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 22px;
padding-right: 38px
}
.waffle-dataconnector-prompt-title-close {
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgIDxwYXRoIGQ9Ik0wLDAgTDE4LDAgTDE4LDE4IEwwLDE4IEwwLDAgWiBNMCwwIEwxOCwwIEwxOCwxOCBMMCwxOCBMMCwwIFoiLz4KICAgICAgPHBvbHlnb24gZmlsbD0iIzVmNjM2OCIgY2xhc3M9IndhZmZsZS1jbG9zZS1pY29uIiBwb2ludHM9IjE0LjUzIDQuNTMgMTMuNDcgMy40NyA5IDcuOTQgNC41MyAzLjQ3IDMuNDcgNC41MyA3Ljk0IDkgMy40NwogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIDEzLjQ3IDQuNTMgMTQuNTMgOSAxMC4wNiAxMy40NyAxNC41MyAxNC41MyAxMy40NyAxMC4wNiA5Ii8+CiAgICA8L2c+CiAgPC9zdmc+") no-repeat;
background-size: cover;
cursor: pointer;
display: block;
height: 20px;
position: absolute;
right: 24px;
top: 26px;
width: 20px
}
.waffle-dataconnector-prompt-content {
padding: 0 24px
}
.waffle-dataconnector-prompt-buttons {
float: right;
padding: 8px 24px 24px 4px
}
.waffle-dataconnector-prompt-buttons .docs-material-button {
text-transform: none
}
.waffle-dataconnector-prompt-buttons:after {
clear: both;
content: "";
display: block;
height: 0;
width: 0
}
.waffle-dataconnector-modal {
background: #fff;
border-radius: 2px;
border: none;
box-shadow: 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12), 0px 8px 10px -5px rgba(0, 0, 0, 0.2);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
position: absolute;
z-index: 1003
}
.waffle-dataconnector-modal.docs-material-gm-dialog {
border-radius: 8px;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.waffle-dataconnector-modal-bg {
background-color: rgba(0, 0, 0, 0.54);
z-index: 998
}
.waffle-dataconnector-modal:focus {
outline: none
}
.waffle-dataconnector-modal-header {
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
padding: 24px;
user-select: none
}
.waffle-dataconnector-modal-title {
font-weight: 500;
font-size: 18px;
padding-right: 38px
}
.docs-material-gm-dialog .waffle-dataconnector-modal-title {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 22px
}
.waffle-dataconnector-modal-title svg {
-webkit-transform: scale(1.4, 1.4);
-moz-transform: scale(1.4, 1.4);
-ms-transform: scale(1.4, 1.4);
-o-transform: scale(1.4, 1.4);
transform: scale(1.4, 1.4);
bottom: -0.125em;
font-size: 18px;
height: 1em;
margin-right: 8px;
position: relative;
width: 1em
}
.docs-material-gm-dialog .waffle-dataconnector-modal-title svg path {
fill: #5f6368
}
.waffle-dataconnector-modal-close-button {
background: transparent;
border-radius: 50%;
cursor: pointer;
display: block;
height: 28px;
opacity: 0.54;
position: relative;
transition: background-color 0.28s ease-out, opacity 0.28s ease-out;
width: 28px
}
.waffle-dataconnector-modal-close-button svg {
height: 18px;
margin: 5px;
width: 18px
}
.waffle-dataconnector-modal-close-button:focus {
opacity: 1;
background-color: rgba(0, 0, 0, 0.12);
outline: none
}
.waffle-dataconnector-modal-close-button:hover {
opacity: 1
}
.waffle-dataconnector-modal-body {
padding: 24px
}
.waffle-dataconnector-modal-footer {
border-top: 1px solid rgba(0, 0, 0, 0.12);
padding: 15px 12px 15px 24px
}
.docs-hc-gecko.waffle-dataconnector-modal-close-button polygon {
fill: #fff
}
.waffle-dataconnector-bigqueryquerysettingsdialog {
width: 512px
}
.waffle-dataconnector-bigqueryquerysettingsdialog .waffle-dataconnector-modal-body {
height: 283px;
padding: 0
}
.waffle-dataconnector-bigqueryquerysettingsdialog-project-select-wrapper {
width: 100%
}
.waffle-dataconnector-bigqueryquerysettingsdialog-project-select-header {
font-weight: 700;
margin: 16px 0
}
.waffle-dataconnector-bigqueryquerysettingsdialog-project-section {
padding: 24px
}
.waffle-dataconnector-bigqueryquerysettingsdialog-error-caption {
color: #e06055;
margin-top: 8px
}
.waffle-dataconnector-bigqueryquerysettingsdialog .waffle-dataconnector-modal-footer {
border-top: none;
padding: 0
}
.waffle-dataconnector-bigqueryquerysettingsdialog-continue-button-wrapper {
display: flex
}
.waffle-dataconnector-bigqueryquerysettingsdialog-continue-button-wrapper>p {
color: rgba(0, 0, 0, 0.54);
flex: 1;
margin: 14px 24px
}
.waffle-dataconnector-bigqueryquerysettingsdialog-continue-button {
margin: 16px 24px
}
.waffle-dataconnector-bigqueryquerysettingsdialog-continue-button-wrapper:after {
clear: both;
content: "";
display: block;
height: 0;
width: 0
}
.waffle-dataconnector-footer-sharing-message {
background-color: #fafafa;
color: rgba(0, 0, 0, 0.54);
padding: 16px 24px 24px 60px;
position: relative
}
.waffle-dataconnector-footer-sharing-message:after {
background-size: contain;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzAwMDAwMCI+CiAgICA8cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+CiAgICA8cGF0aCBkPSJNMTggOGgtMVY2YzAtMi43Ni0yLjI0LTUtNS01UzcgMy4yNCA3IDZ2Mkg2Yy0xLjEgMC0yIC45LTIgMnYxMGMwIDEuMS45IDIgMiAyaDEyYzEuMSAwIDItLjkgMi0yVjEwYzAtMS4xLS45LTItMi0yem0tNiA5Yy0xLjEgMC0yLS45LTItMnMuOS0yIDItMiAyIC45IDIgMi0uOSAyLTIgMnptMy4xLTlIOC45VjZjMC0xLjcxIDEuMzktMy4xIDMuMS0zLjEgMS43MSAwIDMuMSAxLjM5IDMuMSAzLjF2MnoiLz4KPC9zdmc+Cg==");
content: "";
display: block;
height: 18px;
left: 27px;
opacity: 0.54;
position: absolute;
top: 23px;
width: 18px
}
.waffle-dataconnector-error-popup {
max-width: 780px;
min-width: 480px
}
.waffle-dataconnector-error-popup .waffle-dataconnector-prompt-content {
padding: 0 24px;
overflow: auto
}
.waffle-dataconnector-error-popup .waffle-dataconnector-error-message-main {
font: 500 15px Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.waffle-dataconnector-learn-more-link {
text-decoration: underline
}
.waffle-dataconnector-query-parameter-prompt.waffle-dataconnector-modal {
width: 320px;
z-index: calc(1003 + 300)
}
.waffle-dataconnector-query-parameter-prompt .waffle-dataconnector-modal-body {
padding: 0 24px
}
.waffle-dataconnector-query-parameter-prompt-name-field input {
text-transform: uppercase
}
.waffle-dataconnector-query-parameter-prompt-toggle-row {
display: flex;
height: 21px;
margin-top: 16px
}
.waffle-dataconnector-query-parameter-prompt-toggle-label {
line-height: 21px;
margin-left: 8px
}
.waffle-dataconnector-query-parameter-prompt .waffle-dataconnector-modal-header {
border-bottom: none
}
.waffle-dataconnector-query-parameter-prompt .waffle-dataconnector-modal-footer {
border-top: none;
float: right
}
.waffle-dataconnector-query-parameter-prompt-rangepicker {
border-radius: 50%;
bottom: 6px;
height: 29px;
position: relative;
right: 0;
width: 29px
}
.waffle-dataconnector-query-parameter-prompt-rangepicker .docs-icon {
margin: 4px auto 4px 3px
}
.waffle-dataconnector-query-parameter-prompt-rangepicker-focused {
background: rgba(0, 0, 0, 0.12);
outline: none
}
.waffle-dataconnector-simple-text-input-prompt-text-field {
width: 400px
}
.waffle-dataconnector-bigquery-query-settings-widget-project-section-header {
color: rgba(0, 0, 0, 0.54);
margin-bottom: 4px;
whitespace: nowrap
}
.waffle-dataconnector-bigquery-query-settings-widget-alert {
color: #e06055;
font-size: 11px;
font-weight: 500
}
.waffle-dataconnector-bigquery-query-settings-widget-alert .waffle-dataconnector-error-icon {
bottom: -0.325em;
height: 1.4em;
margin-right: 4px;
position: relative;
width: 1.4em
}
.waffle-dataconnector-bigquery-query-settings-widget-alert-description {
color: #e06055;
margin-top: 4px
}
.waffle-dataconnector-bigquery-query-settings-widget-delegation-section .waffle-dataconnector-delegation-settings-widget-header {
color: rgba(0, 0, 0, 0.54);
margin-bottom: 4px;
margin-top: 16px;
whitespace: nowrap
}
.waffle-dataconnector-bigquery-query-settings-widget-delegation-section .waffle-dataconnector-delegation-settings-widget-info {
color: #202124;
line-height: 16px;
margin-bottom: 8px;
whitespace: nowrap
}
.waffle-dataconnector-bigquery-query-settings-widget-delegation-section .waffle-dataconnector-delegation-settings-widget-toggle {
margin-bottom: 12px
}
.waffle-dataconnector-bigquery-query-settings-widget-delegation-section .waffle-dataconnector-delegation-settings-widget-supplement {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px
}
.waffle-dataconnector-bigquery-query-settings-widget-delegation-section .waffle-dataconnector-delegation-settings-widget-selection-buttons .jfk-radiobutton {
padding: 0 0 16px 0
}
.waffle-dataconnector-bigquery-query-settings-widget-delegation-section .waffle-dataconnector-delegation-settings-widget-selection-buttons .jfk-radiobutton-radio {
height: 16px;
left: 0;
top: 0;
width: 16px
}
.waffle-dataconnector-bigquery-query-settings-widget-delegation-section .waffle-dataconnector-delegation-settings-widget-selection-buttons .jfk-radiobutton-label {
color: #202124;
letter-spacing: 0.2px;
line-height: 16px
}
.waffle-dataconnector-bigquery-query-settings-widget-delegation-section .waffle-dataconnector-delegation-settings-widget-selection-allow-button-helper {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
margin-left: 12px
}
.waffle-dataconnector-bigquery-query-settings-widget-delegation-section .waffle-dataconnector-delegation-settings-widget-make-default-checkbox {
border-top: 1px solid #dadce0;
margin-top: 8px
}
.waffle-dataconnector-bigquery-query-settings-widget-delegation-section .waffle-dataconnector-delegation-settings-widget-make-default-checkbox .docs-material-gm-labeled-checkbox {
align-items: center;
position: relative
}
.waffle-dataconnector-bigquery-query-settings-widget-delegation-section .waffle-dataconnector-delegation-settings-widget-make-default-checkbox .docs-material-gm-labeled-checkbox-content {
margin-left: 8px
}
.waffle-dataconnector-bigquery-query-settings-widget-delegation-section .waffle-dataconnector-delegation-settings-widget-make-default-checkbox .docs-material-gm-labeled-checkbox-label {
color: #202124;
font-size: 12px
}
.waffle-dataconnector-bigquery-query-settings-widget-delegation-section .waffle-dataconnector-delegation-settings-widget-make-default-checkbox .docs-material-gm-labeled-checkbox-circle {
margin-top: 0
}
.waffle-dataconnector-bigquery-query-validation-widget-open-button {
border-radius: 50%;
bottom: 8px;
box-sizing: border-box;
cursor: pointer;
height: 20px;
position: absolute;
right: 8px;
width: 20px;
z-index: 10
}
.waffle-dataconnector-bigquery-query-validation-widget-open-button .waffle-dataconnector-info-icon {
height: 100%;
width: 100%
}
.waffle-dataconnector-bigquery-query-validation-widget-open-button-hover,
.waffle-dataconnector-bigquery-query-validation-widget-open-button-focused {
background: rgba(66, 133, 244, 0.26)
}
.waffle-dataconnector-bigquery-query-validation-widget-bar {
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
background: rgba(66, 133, 244, 0.12);
border-top: 1px solid rgba(0, 0, 0, 0.12);
bottom: 0;
box-sizing: border-box;
color: #3367d6;
display: none;
font: inherit;
font-weight: 500;
max-height: 60px;
min-height: 40px;
padding: 8px;
padding-left: 16px;
position: relative;
right: 0;
width: 100%
}
.waffle-dataconnector-bigquery-query-validation-widget-message {
max-height: 44px;
max-width: calc(100% - 30px);
overflow-x: hidden;
overflow-y: auto
}
.waffle-dataconnector-bigquery-query-validation-widget-visible>.waffle-dataconnector-bigquery-query-validation-widget-bar {
display: flex
}
.waffle-dataconnector-bigquery-query-validation-widget-visible>.waffle-dataconnector-bigquery-query-validation-widget-open-button {
display: none
}
.waffle-dataconnector-bigquery-query-validation-widget-bar .waffle-dataconnector-error-icon-filled {
height: 20px;
margin-right: 8px;
min-width: 20px;
width: 20px
}
.waffle-dataconnector-bigquery-query-validation-widget-valid>.waffle-dataconnector-bigquery-query-validation-widget-bar {
background: rgba(15, 157, 88, 0.12);
color: #0f9d58
}
.waffle-dataconnector-bigquery-query-validation-widget-bar .waffle-dataconnector-info-icon {
height: 20px;
margin-right: 8px;
min-width: 20px;
width: 20px
}
.waffle-dataconnector-bigquery-query-validation-widget-valid .waffle-dataconnector-info-icon,
.waffle-dataconnector-bigquery-query-validation-widget-invalid .waffle-dataconnector-info-icon {
display: none
}
.waffle-dataconnector-bigquery-query-validation-widget .waffle-dataconnector-error-icon-filled {
display: none
}
.waffle-dataconnector-bigquery-query-validation-widget-bar .waffle-dataconnector-error-icon-filled {
margin-right: 8px
}
.waffle-dataconnector-bigquery-query-validation-widget .waffle-dataconnector-valid-icon {
display: none
}
.waffle-dataconnector-bigquery-query-validation-widget-bar .waffle-dataconnector-valid-icon {
height: 20px;
margin-right: 8px;
min-width: 20px;
width: 20px
}
.waffle-dataconnector-bigquery-query-validation-widget-invalid .waffle-dataconnector-bigquery-query-validation-widget-bar {
background: rgba(219, 68, 55, 0.12);
color: #db4437
}
.waffle-dataconnector-bigquery-query-validation-widget-invalid .waffle-dataconnector-error-icon-filled {
display: block
}
.waffle-dataconnector-bigquery-query-validation-widget-valid .waffle-dataconnector-valid-icon {
display: block
}
.waffle-dataconnector-bigquery-query-validation-widget-close-button {
border-radius: 50%;
cursor: pointer;
height: 24px;
margin-left: auto;
width: 24px
}
.waffle-dataconnector-bigquery-query-validation-widget-close-button svg {
height: 20px;
margin: 2px;
width: 20px
}
.waffle-dataconnector-bigquery-query-validation-widget .waffle-dataconnector-close-icon polygon {
fill: #3367d6
}
.waffle-dataconnector-bigquery-query-validation-widget-close-button-hover,
.waffle-dataconnector-bigquery-query-validation-widget-close-button-focused {
background: rgba(66, 133, 244, 0.26);
outline: none
}
.waffle-dataconnector-bigquery-query-validation-widget-invalid .waffle-dataconnector-bigquery-query-validation-widget-close-button-hover,
.waffle-dataconnector-bigquery-query-validation-widget-invalid .waffle-dataconnector-bigquery-query-validation-widget-close-button-focused {
background: rgba(219, 68, 55, 0.26)
}
.waffle-dataconnector-bigquery-query-validation-widget-valid .waffle-dataconnector-bigquery-query-validation-widget-close-button-hover,
.waffle-dataconnector-bigquery-query-validation-widget-valid .waffle-dataconnector-bigquery-query-validation-widget-close-button-focused {
background: rgba(15, 157, 88, 0.26)
}
.waffle-dataconnector-bigquery-query-validation-widget-valid .waffle-dataconnector-close-icon polygon {
fill: #0f9d58
}
.waffle-dataconnector-bigquery-query-validation-widget-invalid .waffle-dataconnector-close-icon polygon {
fill: #db4437
}
.waffle-dataconnector-bigquery-script-widget-saved-queries-selection-menu-header,
.waffle-dataconnector-bigquery-script-widget-projects-selection-menu-header {
color: rgba(0, 0, 0, 0.54);
margin-bottom: 4px;
whitespace: nowrap
}
.waffle-dataconnector-bigquery-script-widget-projects-selection-menu {
margin-bottom: 10px
}
.waffle-dataconnector-bigquery-script-widget-saved-queries-controls {
display: flex;
flex-direction: row;
margin-top: 16px
}
.waffle-dataconnector-bigquery-script-widget-saved-query-refresh-button-wrapper {
width: fit-content
}
.waffle-dataconnector-bigquery-script-widget-saved-query-refresh-button {
align-items: center;
display: flex
}
.waffle-dataconnector-bigquery-script-widget-saved-query-refresh-button-icon.docs-material .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.waffle-dataconnector-bigquery-script-widget-saved-query-refresh-spinner .waffle-spinner {
height: 24px;
width: 24px
}
.waffle-dataconnector-bigquery-script-widget-selected-saved-query-last-updated-time {
color: #80868b;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: italic;
font-weight: 400;
line-height: 20px;
margin-top: 4px
}
.waffle-dataconnector-bigquery-script-widget-saved-query-unlink-button-wrapper {
margin-right: 8px
}
.waffle-dataconnector-bigquery-script-widget-saved-query-unlink-button {
margin-right: 0;
text-transform: none
}
.waffle-dataconnector-bigquery-script-widget-saved-queries-error,
.waffle-dataconnector-bigquery-script-widget-projects-error {
color: #e06055;
font-size: 11px;
font-weight: 500;
margin-top: 4px;
overflow-wrap: break-word
}
.waffle-dataconnector-codemirrorquerytexteditor {
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
height: 100%;
position: relative
}
.waffle-dataconnector-codemirrorquerytexteditor,
.waffle-dataconnector-codemirrorquerytexteditor .CodeMirror {
font-family: 'Roboto Mono', 'Consolas', monospace;
height: 100%
}
.waffle-dataconnector-codemirrorquerytexteditor .CodeMirror-gutters {
border-right: 1px solid rgba(0, 0, 0, 0.12)
}
.waffle-dataconnector-codemirrorquerytexteditor>.CodeMirror-focused .CodeMirror-gutters {
border-right: 1px solid #4285f4
}
.waffle-dataconnector-codemirrorquerytexteditor .CodeMirror-linenumbers {
background: #f5f5f5;
color: rgba(0, 0, 0, 0.54);
font: 500 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.waffle-dataconnector-codemirrorquerytexteditor .CodeMirror-gutter-elt {
min-width: 0;
padding: 0 20px
}
.waffle-dataconnector-codemirrorquerytexteditor .CodeMirror-lines {
padding: 16px 0
}
.waffle-dataconnector-codemirrorquerytexteditor .CodeMirror-line {
padding-left: 16px
}
.waffle-dataconnector-queryeditor-collapsible-sidebar-widget {
border-bottom: 1px solid rgba(0, 0, 0, 0.12)
}
.waffle-dataconnector-queryeditor-collapsible-sidebar-widget .docs-charts-editor-collapsible-header {
color: rgba(0, 0, 0, 0.87)
}
.waffle-dataconnector-queryeditor-query-settings-icon {
margin-right: 8px
}
.waffle-dataconnector-queryeditor-collapsible-sidebar-widget .docs-charts-editor-collapsible-title {
width: calc(100% - 50px)
}
.waffle-dataconnector-queryeditor-collapsible-sidebar-widget .docs-charts-editor-collapsible-summary {
display: none
}
.waffle-dataconnector-queryeditor-collapsible-sidebar-widget .docs-charts-editor-collapsible-content>div {
padding: 8px 16px 16px
}
.waffle-dataconnector-queryeditor-collapsible-sidebar-widget .docs-charts-editor-collapsible-header {
border: 1px solid transparent
}
.waffle-dataconnector-queryeditor-collapsible-sidebar-widget .docs-charts-editor-collapsible-header.goog-control-focused {
border: 1px solid #4285f4
}
.waffle-dataconnector-dbschematreenode-label {
cursor: pointer;
display: flex;
height: 22px;
position: relative;
width: 100%
}
.waffle-dataconnector-dbschematreenode-title {
height: 22px;
line-height: 22px;
max-width: calc(100% - 18px - 10px);
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap
}
.waffle-dataconnector-dbschematreenode .waffle-dataconnector-expand-icon {
width: 18px;
height: 18px;
margin: 2px 10px 2px 2px;
transform: rotate(-90deg);
transition: transform .2s cubic-bezier(0.4, 0, 1, 1)
}
.waffle-dataconnector-dbschematreenode-rtl .waffle-dataconnector-expand-icon {
transform: rotate(90deg)
}
.waffle-dataconnector-dbschematreenode .waffle-spinner {
height: 14px;
margin: 4px 12px 4px 4px;
width: 14px
}
.waffle-dataconnector-dbschematreenode .waffle-spinner-circle {
border-width: 2px
}
.waffle-dataconnector-dbschematreenode>.waffle-dataconnector-dbschematreenode-label>.waffle-dataconnector-dbschematreenode-spinner-container {
display: none
}
.waffle-dataconnector-dbschematreenode-loading>.waffle-dataconnector-dbschematreenode-label>.waffle-dataconnector-dbschematreenode-spinner-container {
display: block
}
.waffle-dataconnector-dbschematreenode-loading>.waffle-dataconnector-dbschematreenode-label>.waffle-dataconnector-expand-icon {
display: none
}
.waffle-dataconnector-dbschematreenode-open>.waffle-dataconnector-dbschematreenode-label>.waffle-dataconnector-expand-icon {
transform: rotate(0deg)
}
.waffle-dataconnector-dbschematreenode-leaf>.waffle-dataconnector-dbschematreenode-label>.waffle-dataconnector-expand-icon {
visibility: hidden
}
.waffle-dataconnector-dbschematreenode-label:hover,
.waffle-dataconnector-dbschematreenode-selected>.waffle-dataconnector-dbschematreenode-label {
color: #3367d6
}
.waffle-dataconnector-dbschematreenode-child-container {
display: none;
margin-left: 16px
}
.waffle-dataconnector-dbschematreenode-open>.waffle-dataconnector-dbschematreenode-child-container {
display: block
}
.waffle-dataconnector-dbschematreenode-error .waffle-dataconnector-dbschematreenode-title {
color: #e06055;
font-size: 11px;
padding-left: 13px
}
.waffle-dataconnector-dbschematreenode-error .waffle-dataconnector-expand-icon {
display: none
}
.waffle-dataconnector-textarea-editor {
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
height: 100%;
position: relative
}
.waffle-dataconnector-textarea-editor-textareawrapper {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 0;
border: none;
height: 100%;
margin: 0;
overflow: hidden;
position: absolute;
width: 100%
}
.waffle-dataconnector-textarea-editor-textarea {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: white;
border-radius: 0;
border: none;
color: #000;
display: block;
font-family: 'Roboto Mono', 'Consolas', monospace;
font-size: 13px;
height: 100%;
line-height: 20px;
margin: 0 0 0 48px;
outline: none;
overflow: auto;
overflow-wrap: normal;
padding: 8px;
resize: none;
white-space: pre;
width: calc(100% - 48px);
word-wrap: normal
}
.waffle-dataconnector-textarea-editor-linegutter {
background: #f5f5f5;
border-right: 1px solid rgba(0, 0, 0, 0.12);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 48px
}
.waffle-dataconnector-textarea-editor-focused .waffle-dataconnector-textarea-editor-linegutter {
border-right: 1px solid #4285f4
}
.waffle-dataconnector-textarea-editor-linenumber-container {
left: 0;
padding-top: 8px;
position: absolute;
width: 100%
}
.waffle-dataconnector-textarea-editor-linenumber {
height: 20px;
line-height: 20px;
text-align: center;
user-select: none;
vertical-align: middle
}
.waffle-dataconnector-jdbc-query-settings-widget-connection-name-section {
font-family: inherit
}
.waffle-dataconnector-jdbc-query-settings-widget-connection-name-section {
margin-top: 8px
}
.waffle-dataconnector-jdbc-query-settings-widget-connection-name-label {
color: rgba(0, 0, 0, 0.54)
}
.waffle-dataconnector-jdbc-query-settings-widget-connection-name {
color: rgba(0, 0, 0, 0.87);
font-weight: 500;
margin-top: 8px
}
.waffle-dataconnector-jdbc-query-settings-widget-connection-name-error {
color: #e06055
}
.waffle-dataconnector-jdbc-query-settings-widget-change-button {
left: -8px;
margin: 8px 0;
position: relative
}
.waffle-dataconnector-plx-query-settings-widget {
font: inherit
}
.waffle-dataconnector-plx-query-settings-widget-engine-section {
margin-top: 8px
}
.waffle-dataconnector-plx-query-settings-widget-script-section {
margin-top: 16px
}
.waffle-dataconnector-plx-query-settings-widget-script-section .waffle-dataconnector-removable-chip {
margin-top: 8px
}
.waffle-dataconnector-plx-query-settings-widget-script-label {
font-size: 11px
}
.waffle-dataconnector-plx-query-settings-widget-link-script-button {
margin: 8px 0 0 0
}
.waffle-dataconnector-modal.waffle-dataconnector-newqueryeditor {
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
height: calc(100% - 16px);
max-height: 640px;
min-height: 400px;
width: 832px
}
.waffle-dataconnector-modal.waffle-dataconnector-newqueryeditor.docs-material-gm-dialog {
width: 880px
}
.waffle-dataconnector-newqueryeditor .waffle-dataconnector-modal-body {
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
max-height: 457px;
padding: 0
}
.waffle-dataconnector-newqueryeditor.docs-material-gm-dialog .waffle-dataconnector-modal-body {
padding: 0 24px 24px
}
.waffle-dataconnector-newqueryeditor.docs-material-gm-dialog .waffle-dataconnector-modal-header {
border: none
}
.waffle-dataconnector-newqueryeditor .waffle-dataconnector-newqueryeditor-container {
display: flex;
-ms-flex-direction: row-reverse;
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-justify-content: space-between;
justify-content: space-between;
height: 100%;
overflow: hidden;
position: relative
}
.waffle-dataconnector-newqueryeditor.docs-material-gm-dialog .waffle-dataconnector-newqueryeditor-container {
border: 1px solid rgba(0, 0, 0, 0.12);
border-radius: 4px
}
.waffle-dataconnector-newqueryeditor-main {
border-right: 1px solid rgba(0, 0, 0, 0.12);
overflow: hidden;
position: relative;
width: 576px
}
.waffle-dataconnector-newqueryeditor-sidebar {
box-sizing: border-box;
overflow-x: hidden;
overflow-y: auto;
width: calc(100% - 576px)
}
.waffle-dataconnector-newqueryeditor-preview-pane {
bottom: 0;
height: 0;
position: absolute;
overflow: hidden;
width: 100%
}
.waffle-dataconnector-newqueryeditor-info-pane:after {
clear: both;
content: "";
display: block;
height: 0;
width: 0
}
.waffle-dataconnector-newqueryeditor .waffle-dataconnector-modal-footer {
display: flex;
align-items: center;
border-top: 1px solid rgba(0, 0, 0, 0.12);
padding: 16px
}
.waffle-dataconnector-newqueryeditor-footer-message-container {
display: flex;
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
align-items: center;
height: 48px;
margin: 0 8px;
overflow: auto
}
.waffle-dataconnector-newqueryeditor-footer-message {
color: rgba(0, 0, 0, 0.54)
}
.waffle-dataconnector-newqueryeditor-footer-message .waffle-dataconnector-error-message:before {
content: "";
display: block;
height: 20px
}
.waffle-dataconnector-newqueryeditor-footer-message .waffle-dataconnector-error-message:after {
content: "";
display: block;
height: 20px
}
.waffle-dataconnector-newqueryeditor-footer-message-container .waffle-dataconnector-error-icon {
display: none;
margin-right: 8px;
height: 24px;
min-width: 24px;
width: 24px
}
.waffle-dataconnector-newqueryeditor-footer-message-container.waffle-dataconnector-newqueryeditor-unhandled-error>.waffle-dataconnector-newqueryeditor-footer-message {
color: #db4437
}
.waffle-dataconnector-newqueryeditor-footer-message-container.waffle-dataconnector-newqueryeditor-unhandled-error .waffle-dataconnector-error-icon {
display: block
}
.waffle-dataconnector-newqueryeditor-preview-query-button,
.waffle-dataconnector-newqueryeditor-execute-query-button {
min-width: 140px;
white-space: nowrap
}
.waffle-dataconnector-newqueryeditor-preview-query-button .waffle-dataconnector-refresh-icon {
height: 24px;
margin: 4px;
width: 24px
}
.waffle-dataconnector-newqueryeditor-preview-query-button .waffle-dataconnector-refresh-icon path {
fill: #4285f4
}
.waffle-dataconnector-newqueryeditor-preview-query-button.docs-material-button-disabled .waffle-dataconnector-refresh-icon path {
fill: rgba(0, 0, 0, 0.26)
}
.waffle-dataconnector-newqueryeditor-editor-pane {
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
height: 100%;
position: relative;
overflow: hidden
}
.waffle-dataconnector-newqueryeditor-sidebar::-webkit-scrollbar-thumb {
background: rgba(0, 0, 0, 0.12);
min-height: 0;
width: 8px
}
.waffle-dataconnector-newqueryeditor-sidebar::-webkit-scrollbar-track {
border: none;
padding: 0;
width: 8px
}
.waffle-dataconnector-newqueryeditor-sidebar::-webkit-scrollbar {
width: 8px;
border-left: 1px solid rgba(0, 0, 0, 0.12)
}
.waffle-dataconnector-queryeditor-queryparameterchip-name {
font-weight: 700
}
.waffle-removable-chip-error .waffle-dataconnector-queryeditor-queryparameterchip-name {
color: #db4437
}
.waffle-dataconnector-queryeditor-queryparameterwidget .waffle-removable-chip {
margin: 8px 0
}
.waffle-dataconnector-queryeditor-queryparameterwidget-header {
display: flex;
-webkit-align-items: center;
align-items: center;
height: 100%
}
.waffle-dataconnector-queryeditor-queryparameterwidget-header .waffle-dataconnector-query-parameters-icon {
height: 18px;
margin-right: 8px;
min-width: 18px;
width: 18px
}
.waffle-dataconnector-queryeditor-queryparameterwidget .waffle-removable-chip {
margin-bottom: 0
}
.waffle-dataconnector-queryeditor-queryparameterwidget-add-parameter-button {
margin: 8px 0 0 0
}
.waffle-dataconnector-querypreviewrenderer {
height: 100%;
width: 100%
}
.waffle-dataconnector-querypreviewrenderer-canvas-viewport {
background: #f3f3f3;
direction: ltr;
height: 100%;
overflow: scroll;
width: 100%
}
.waffle-dataconnector-querypreviewrenderer-canvas-viewport.native-scrollbar {
position: static
}
.waffle-dataconnector-querypreviewrenderer-preview-overlay {
background: rgba(0, 0, 0, 0.12);
height: 100%;
left: 0;
line-height: 80px;
opacity: 0;
position: absolute;
text-align: center;
top: 0;
transition: opacity 0.3s ease-in, visibility 0s linear 0.3s;
vertical-align: middle;
visibility: hidden;
width: 100%;
z-index: 2
}
.waffle-dataconnector-querypreviewrenderer-preview-overlay-text {
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: rgba(0, 0, 0, 0.54);
border-radius: 4px;
box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 2px 4px -1px rgba(0, 0, 0, 0.2);
color: white;
font: 500 21px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
left: 50%;
max-width: 80%;
padding: 20px;
position: absolute;
top: 50%
}
.waffle-dataconnector-querypreviewrenderer-preview-overlay.visible {
opacity: 1;
transition-delay: 0s;
visibility: visible
}
.waffle-dataconnector-querypreviewrenderer-preview-inactive>.waffle-dataconnector-querypreviewrenderer-canvas-viewport {
overflow: hidden
}
.waffle-dataconnector-querypreviewrenderer-canvas-viewport>canvas {
height: 100%;
width: 100%
}
.waffle-dataconnector-querypreviewrenderer-a11y-region {
position: absolute;
top: -10000px;
left: -10000px
}
.waffle-dataconnector-queryeditor-query-settings-header .docs-icon {
margin-right: 8px
}
.waffle-dataconnector-querytexteditor {
position: relative
}
.waffle-dataconnector-querytexteditor-editor-container {
height: 100%;
position: absolute;
width: 100%
}
.waffle-dataconnector-querytexteditor-overlay {
background-color: #fff;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
width: 100%;
z-index: 10000
}
.waffle-dataconnector-querytexteditor-overlay-message {
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
color: rgba(0, 0, 0, 0.54);
font: 500 13px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
position: absolute;
text-align: center;
top: 50%;
width: 100%
}
.waffle-dataconnector-querytexteditor-overlay-message a {
color: inherit;
text-decoration: underline
}
.waffle-dataconnector-schema-menu {
min-height: 30px;
position: relative
}
.waffle-dataconnector-schema-menu .waffle-dataconnector-schema-menu-spinner {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}
.waffle-dataconnector-schema-menu-error-message {
color: rgba(0, 0, 0, 0.54)
}
.waffle-dataconnector-queryeditor-schemamenuwidget-header {
display: flex;
-webkit-align-items: center;
align-items: center;
height: 100%
}
.waffle-dataconnector-queryeditor-schemamenuwidget-header .waffle-dataconnector-database-icon {
height: 18px;
margin-right: 8px;
min-width: 18px;
width: 18px
}
.waffle-dataconnector-queryeditor-sidebaraccordion {
box-sizing: border-box;
display: flex;
flex-direction: column;
min-width: 200px
}
.waffle-dataconnector-queryeditor-sidebaraccordion:focus {
outline-color: #4285f4
}
.waffle-dataconnector-upgrade-loading-dialog {
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
box-sizing: border-box;
text-align: center;
width: 512px
}
.waffle-dataconnector-upgrade-loading-dialog .waffle-dataconnector-modal-header {
border-bottom: none;
justify-content: flex-end;
padding: 24px 24px 0px
}
.waffle-dataconnector-upgrade-loading-dialog .waffle-dataconnector-modal-title {
display: none
}
.waffle-dataconnector-upgrade-loading-dialog .waffle-dataconnector-modal-body {
padding: 0;
margin-top: -30px
}
.waffle-dataconnector-upgrade-loading-dialog .waffle-dataconnector-modal-close-button {
height: 34px;
margin-right: -5px;
width: 34px
}
.waffle-dataconnector-upgrade-loading-dialog .waffle-dataconnector-modal-close-button svg {
height: 24px;
width: 24px
}
.waffle-dataconnector-upgrade-loading-dialog-tip {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: 400;
height: 32px;
letter-spacing: 0.2px;
line-height: 20px;
margin: 32px auto;
max-width: 392px
}
.waffle-dataconnector-upgrade-loading-dialog-image {
height: 350px;
user-select: none
}
.waffle-dataconnector-upgrade-loading-dialog-description {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 20px;
margin: 4px auto 4px auto;
max-width: 392px
}
.waffle-dataconnector-upgrade-loading-dialog .waffle-dataconnector-modal-footer {
border-top: none
}
.waffle-dataconnector-upgrade-prompt-dialog {
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
box-sizing: border-box;
text-align: center;
width: 512px;
height: 630px
}
.waffle-dataconnector-upgrade-prompt-dialog .waffle-dataconnector-modal-header {
border-bottom: none;
justify-content: flex-end;
padding: 24px 24px 0px
}
.waffle-dataconnector-upgrade-prompt-dialog .waffle-dataconnector-modal-title {
display: none
}
.waffle-dataconnector-upgrade-prompt-dialog .waffle-dataconnector-modal-body {
padding: 0
}
.waffle-dataconnector-upgrade-prompt-dialog .waffle-dataconnector-modal-close-button {
height: 34px;
margin-right: -5px;
width: 34px
}
.waffle-dataconnector-upgrade-prompt-dialog .waffle-dataconnector-modal-close-button svg {
height: 24px;
width: 24px
}
.waffle-dataconnector-upgrade-prompt-dialog-image {
height: 185px
}
.waffle-dataconnector-upgrade-prompt-dialog-title {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: 400;
max-width: 428px;
margin: 22px auto 16px auto
}
.waffle-dataconnector-upgrade-prompt-dialog-description {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 20px;
margin: 4px auto 4px auto;
max-width: 392px
}
.waffle-dataconnector-upgrade-prompt-dialog-bullet-point {
font-weight: bold;
padding-right: 4px
}
.waffle-dataconnector-upgrade-prompt-dialog-upgrade-button-wrapper {
margin-top: 20px
}
.waffle-dataconnector-upgrade-prompt-dialog .waffle-dataconnector-modal-footer {
border-top: none
}
.waffle-dataconnector-upgrade-success-dialog {
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
box-sizing: border-box;
text-align: center;
width: 512px;
height: 545px
}
.waffle-dataconnector-upgrade-success-dialog .waffle-dataconnector-modal-header {
border-bottom: none;
justify-content: flex-end;
padding: 24px 24px 0px
}
.waffle-dataconnector-upgrade-success-dialog .waffle-dataconnector-modal-title {
display: none
}
.waffle-dataconnector-upgrade-success-dialog .waffle-dataconnector-modal-body {
padding: 0
}
.waffle-dataconnector-upgrade-success-dialog .waffle-dataconnector-modal-close-button {
height: 34px;
margin-right: -5px;
width: 34px
}
.waffle-dataconnector-upgrade-success-dialog .waffle-dataconnector-modal-close-button svg {
height: 24px;
width: 24px
}
.waffle-dataconnector-upgrade-success-dialog-image {
height: 185px
}
.waffle-dataconnector-upgrade-success-dialog-title {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: 400;
max-width: 428px;
margin: 22px auto 16px auto
}
.waffle-dataconnector-upgrade-success-dialog-description {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 20px;
margin: 4px auto 8px auto;
max-width: 400px
}
.waffle-dataconnector-upgrade-success-dialog-start-analyze-button-wrapper {
margin-top: 30px
}
.waffle-dataconnector-upgrade-success-dialog .waffle-dataconnector-modal-footer {
border-top: none
}
.trix-data-prep-highlight-styled-rect {
background-color: #0f9d58;
opacity: 0.06;
pointer-events: none
}
.range-border.trix-data-prep-highlight-styled-border {
border-color: #0f9d58;
border-style: dashed
}
.trix-data-prep-active-column-label {
overflow: hidden;
padding: 12px 12px 0;
text-overflow: ellipsis;
white-space: nowrap
}
.trix-data-prep-insights-cta {
background: red;
border-radius: 8px;
height: 8px;
margin: 4px;
width: 8px
}
.trix-data-prep-column-label-container {
align-items: center;
background-color: transparent;
border-radius: 8px;
display: flex;
height: 40px;
padding: 0 8px
}
.trix-data-prep-column-label {
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.2px;
overflow: hidden;
padding-left: 12px;
text-overflow: ellipsis;
width: 210px
}
.trix-data-prep-column-navigation-arrows {
display: flex;
direction: ltr;
margin-left: auto
}
.trix-data-prep-column-selector-dropdown-icon,
.trix-data-prep-column-right-button,
.trix-data-prep-column-left-button {
align-items: center;
background-color: transparent;
border: none;
border-radius: 50%;
display: flex;
justify-content: center;
outline: none;
padding: 0
}
.trix-data-prep-column-right-button,
.trix-data-prep-column-left-button {
height: 18px;
width: 18px
}
.trix-data-prep-column-right-button .docs-icon,
.trix-data-prep-column-left-button .docs-icon {
left: -3px;
margin: 0;
top: -3px
}
.trix-data-prep-column-selector-dropdown-icon .docs-icon {
left: -4px;
margin: 0
}
.trix-data-prep-column-left-button {
margin-right: 4px
}
.trix-data-prep-insights-column-selector {
background-color: #f1f3f4;
border-radius: 8px
}
.trix-data-prep-insights-column-selector.trix-insights-column-selector-menu-button {
outline: none
}
.trix-data-prep-insights-column-selector.trix-insights-column-selector-menu-button-hover,
.trix-data-prep-insights-column-selector.trix-insights-column-selector-menu-button-focused,
.trix-data-prep-column-right-button:hover,
.trix-data-prep-column-right-button:focus,
.trix-data-prep-column-left-button:hover,
.trix-data-prep-column-left-button:focus {
background: #e8eaed;
cursor: pointer
}
.trix-data-prep-select-column-menu-button:active,
.trix-data-prep-column-right-button:active,
.trix-data-prep-column-left-button:active {
background: #dadce0
}
.trix-data-prep-headers-count {
overflow: hidden;
padding: 6px 12px 0;
text-overflow: ellipsis;
white-space: nowrap
}
.trix-data-prep-headers-count-container {
align-items: center;
border-radius: 8px;
color: #5f6368;
display: flex;
float: right;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
justify-content: flex-end;
outline: none
}
.trix-data-prep-headers-count-prompt {
align-content: center;
height: 24px;
letter-spacing: 0.3px;
line-height: 24px;
padding: 5px 3px
}
.trix-data-prep-headers-count-select {
direction: ltr;
display: flex;
padding: 5px
}
.trix-data-prep-headers-count-decrement,
.trix-data-prep-headers-count-increment {
background-color: white;
border: 0;
margin: 0;
padding: 0
}
.trix-data-prep-headers-count-decrement .goog-toolbar-button,
.trix-data-prep-headers-count-increment .goog-toolbar-button {
border-color: #dadce0 !important
}
.trix-data-prep-headers-count-decrement .goog-toolbar-button {
border-radius: 2px 0 0 2px;
border-right: 0;
margin-right: 0
}
.trix-data-prep-headers-count-increment .goog-toolbar-button {
border-radius: 0 2px 2px 0;
border-left: 0;
margin-left: 0
}
.trix-data-prep-headers-count-decrement .goog-toolbar-button,
.trix-data-prep-headers-count-decrement .goog-toolbar-button-outer-box,
.trix-data-prep-headers-count-decrement .goog-toolbar-button-inner-box,
.trix-data-prep-headers-count-decrement .docs-icon,
.trix-data-prep-headers-count-increment .goog-toolbar-button,
.trix-data-prep-headers-count-increment .goog-toolbar-button-outer-box,
.trix-data-prep-headers-count-increment .goog-toolbar-button-inner-box,
.trix-data-prep-headers-count-increment .docs-icon {
box-sizing: border-box;
height: 24px;
margin: 0;
padding: 0;
width: 24px
}
.waffle-insights-headers-count-combo-box .waffle-insights-headers-count-combo-box-input.jfk-textinput {
border-radius: 0;
height: 24px;
margin: 0;
padding: 0;
text-align: center;
width: 41px
}
.goog-inline-block.waffle-insights-headers-count-combo-box-dropdown {
display: none
}
.waffle-insights-headers-count-combo-box-hover .waffle-insights-headers-count-combo-box-input {
background-color: #f1f3f4
}
.trix-data-prep-insights-tab .trix-data-prep-insights-container .docs-charts-editor-material-togglebutton {
border: none;
display: table;
height: inherit;
line-height: inherit;
text-align: unset;
width: 100%
}
.trix-data-prep-sidebar-survey-container {
align-items: center;
background-color: #f8f9fa;
display: flex;
height: 40px;
padding: 0 8px
}
.trix-data-prep-sidebar-survey-link {
color: #188038 !important;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.25px
}
.trix-data-prep-sidebar-survey-link:hover {
text-decoration: none
}
.trix-data-prep-sidebar-survey-container:hover,
.trix-data-prep-sidebar-survey-container:focus {
background: rgba(0, 0, 0, .06)
}
.trix-data-prep-sidebar-survey-container:active {
background: rgba(0, 0, 0, 0.12)
}
.trix-data-prep-insight-row,
.trix-data-prep-actionable-insight-row {
box-sizing: border-box;
display: flex;
font-size: 14px;
height: fit-content;
line-height: 20px;
vertical-align: middle
}
.trix-data-prep-insight-row-content {
display: flex;
flex-grow: 1;
justify-content: space-between;
min-width: 200px
}
.trix-data-prep-actionable-insight-row {
padding: 0 24px 0 11px
}
.trix-data-prep-actionable-insight-row:hover {
background-color: #e6f4ea
}
.trix-data-prep-actionable-insight-row:hover .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.trix-data-prep-actionable-insight-icon {
margin-right: 8px
}
.trix-data-prep-insight-row {
margin: 0 3px;
padding: 10px 9px
}
.trix-data-prep-insights-frequency-separator {
background: #dadce0;
height: 1px;
margin: 0 12px
}
.trix-data-prep-insight-row-value {
align-self: center;
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 400;
margin-right: 4px;
max-width: 50%;
overflow: hidden;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap
}
.trix-data-prep-insight-frequency-row {
display: flex;
flex-direction: column;
height: fit-content;
width: 144px
}
.trix-data-prep-insights-toggle-separator {
background: #dadce0;
height: 16px;
margin: 10px 13px;
width: 1px
}
.trix-data-prep-insight-row-name,
.trix-data-prep-insight-frequency-row-name,
.trix-data-prep-insight-frequency-row-subname {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-style: normal;
font-weight: 500;
letter-spacing: 0.25px;
overflow: hidden;
padding-right: 5px;
text-overflow: ellipsis;
white-space: nowrap
}
.trix-data-prep-insight-frequency-row-subname {
color: #5f6368;
font-weight: 400;
line-height: fit-content
}
.trix-data-prep-insight-row-name {
max-width: 50%
}
.trix-data-prep-insight-row:hover {
background: #f1f3f4;
border-radius: 32px
}
.trix-data-prep-insights-section .trix-data-prep-insight-row:hover {
background: white
}
.trix-data-prep-insights-container {
padding-top: 12px
}
.trix-data-prep-insights-chart-container,
.trix-data-prep-insights-frequency-tables,
.trix-data-prep-insights-section {
border: 1px solid #dadce0;
border-radius: 8px;
box-sizing: border-box;
margin: 0 12px;
overflow: hidden
}
.trix-data-prep-insights-frequency-table-header-labels {
box-sizing: border-box;
color: #5f6368;
display: flex;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
justify-content: space-between;
letter-spacing: 0.8px;
line-height: 16px;
padding: 6px 16px 6px 14px;
text-transform: uppercase
}
.trix-data-prep-insights-toggle-container {
box-sizing: border-box;
display: flex;
justify-content: flex-end;
padding: 8px 8px 16px 0;
width: 100%
}
.trix-data-prep-insights-label-active,
.trix-data-prep-insights-label-inactive {
cursor: pointer;
flex-shrink: 1;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
padding: 8px
}
.trix-data-prep-insights-label-active {
color: #188038;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.25px;
line-height: 20px;
text-align: center
}
.docs-gm .docs-material .trix-data-prep-insights-label-active .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.trix-data-prep-insights-label-inactive {
color: #5f6368;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.25px;
line-height: 20px;
outline: none;
text-align: center
}
.trix-data-prep-insights-label-inactive:hover,
.trix-data-prep-insights-label-inactive:focus,
.trix-data-prep-insights-label-active:hover,
.trix-data-prep-insights-label-active:focus {
background-color: #f1f3f4;
border-radius: 4px
}
.trix-data-prep-insights-label-inactive:active {
background-color: #e8eaed
}
.goog-control-disabled.trix-data-prep-insights-label-inactive {
color: #dadce0;
cursor: default;
font-size: 14px
}
.goog-control-disabled.trix-data-prep-insights-label-inactive:hover,
.goog-control-disabled.trix-data-prep-insights-label-inactive:focus {
background-color: transparent
}
.trix-data-prep-insights-section-label {
color: #3c4043;
font-family: Google Sans;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.25px;
line-height: 20px;
margin-left: 12px;
padding-bottom: 8px
}
.trix-data-prep-insights-chart,
.trix-data-prep-insights-value-most-frequent-table,
.trix-data-prep-insights-value-least-frequent-table {
overflow: auto
}
.trix-data-prep-insights-separator {
height: 16px
}
.trix-data-prep-type-button,
.trix-data-prep-date-time-input-dropdown,
.trix-data-prep-currency-input-dropdown,
.trix-data-prep-min-box,
.trix-data-prep-max-box,
.trix-data-prep-blank-checkbox,
.trix-data-prep-duplicate-checkbox,
.trix-data-prep-dropdown-list-input,
.trix-data-prep-dropdown-type-input {
margin: 16px
}
.trix-data-prep-db-insights-count-chart-header,
.trix-data-prep-db-insights-distribution-chart-header {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
padding: 0 6px 6px 0;
text-align: right
}
.trix-data-prep-insights-hidden-data-message {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
padding: 16px 0 40px 0;
text-align: center
}
.trix-data-prep-insights-separator-hidden {
display: none
}
.trix-data-prep-db-insights .trix-data-prep-insights-local-only {
display: none
}
.trix-data-prep-db-insights .trix-data-prep-insights-frequency-row:hover {
background: white
}
.trix-data-prep-db-insights .trix-data-prep-insights-separator-hidden {
display: flex
}
.trix-column-insights-sidebar-column-selector-menu {
width: 270px
}
.trix-column-insights-sidebar-column-selector-menu-scrollable-wrapper {
max-height: 270px
}
.trix-column-insights-sidebar-column-selector-menuitem {
-webkit-align-items: center;
align-items: center;
display: flex;
font-family: Roboto;
height: 32px;
overflow: hidden;
padding: 0 8px;
text-overflow: ellipsis;
white-space: nowrap
}
.trix-column-insights-sidebar-column-selector-menuitem-label {
color: #424242;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 20px;
overflow: hidden;
padding-left: 12px;
text-overflow: ellipsis;
width: 105px
}
.trix-column-insights-sidebar-column-selector-menuitem-accel {
color: #757575;
margin-left: auto;
padding-left: 20px;
text-align: center
}
.trix-column-insights-sidebar-column-selector-menuitem-refreshquery-info {
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 16px
}
.trix-column-insights-sidebar-column-selector-menuitem-refreshquery-info-error-button {
color: #db4437;
text-decoration: underline
}
.trix-data-prep-column-insights-sidebar-refresh-label {
border-top: 1px #dadce0 solid;
overflow: hidden;
padding: 0 12px 20px;
text-overflow: ellipsis;
white-space: nowrap
}
.trix-data-prep-column-insights-sidebar-refresh-label-container {
display: flex;
flex-direction: column;
font-size: 12px
}
.trix-data-prep-column-insights-sidebar-refresh-label-content {
align-items: center;
border-radius: 8px;
display: flex;
font-weight: 400;
height: 16px;
letter-spacing: 0.3px;
padding-bottom: 4px;
padding-top: 20px
}
.trix-data-prep-column-insights-sidebar-refresh-label-filters-msg,
.trix-data-prep-column-insights-sidebar-refresh-label-no-filter-msg {
border-radius: 8px;
display: flex;
color: #5f6368;
font-weight: 400;
letter-spacing: 0.3px;
padding-left: 5px
}
.trix-data-prep-column-insights-sidebar-refresh-label-last-updated {
align-items: center;
color: #3c4043;
display: flex;
font-family: Roboto;
font-size: 12px;
overflow: hidden;
padding-right: 8px;
text-overflow: ellipsis
}
.trix-data-prep-column-insights-sidebar-refresh-label-last-updated-msg {
overflow: hidden;
padding-left: 5px;
text-overflow: ellipsis
}
.trix-data-prep-column-insights-sidebar-refresh-label-last-updated-time {
overflow: hidden;
padding-left: 4px;
text-overflow: ellipsis
}
.trix-data-prep-column-insights-sidebar-refresh-label-button {
color: #188038;
background-color: transparent;
border: none;
font-family: Roboto;
font-weight: 400;
font-size: 12px;
justify-content: center;
outline: none;
padding-left: 8px
}
.trix-data-prep-column-insights-sidebar-refresh-label-separator {
border-left: 1px #dadce0 solid;
height: 12px
}
.trix-data-prep-column-insights-sidebar-refresh-label-button-wrapper {
padding: 0
}
.trix-data-prep-column-insights-sidebar-refresh-label-button-wrapper .docs-material-button {
margin: 0;
text-transform: none
}
.trix-data-prep-column-insights-sidebar-refresh-label-button-wrapper .docs-material-button-content>div>span {
vertical-align: middle
}
.trix-data-prep-column-insights-sidebar-refresh-label-filters-changed-banner-container {
align-items: center;
background-color: #e6f4ea;
border-radius: 4px;
display: flex;
height: 40px;
margin-top: 15px;
padding: 0 12px 0 16px
}
.trix-data-prep-column-insights-sidebar-refresh-label-filters-changed-banner-msg {
color: #202124;
font-family: Roboto;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 16px;
overflow: hidden;
text-overflow: ellipsis
}
.trix-data-prep-column-insights-sidebar-refresh-label-filters-changed-banner-refresh-button-wrapper {
padding-left: 24px
}
.trix-data-prep-column-insights-sidebar-refresh-label-filters-changed-banner-refresh-button.docs-material-button {
color: #188038;
font-family: Google Sans;
font-size: 14px;
font-weight: 500;
height: 20px;
letter-spacing: 0.25px;
margin: 0;
text-transform: none
}
.trix-data-prep-column-insights-sidebar-refresh-label-filters-changed-banner-refresh-button.docs-material-button,
.trix-data-prep-column-insights-sidebar-refresh-label-filters-changed-banner-refresh-button.docs-material-button.docs-material-button-focused {
line-height: 20px
}
.trix-data-prep-column-insights-sidebar-refresh-label-info-icon {
margin: 0 0 0 4px
}
.trix-data-prep-column-insights-sidebar-refresh-label-info-icon:focus {
outline: none
}
.trix-data-prep-column-insights-sidebar-refresh-label-info-icon .docs-icon {
height: 14px;
width: 14px
}
.trix-data-prep-column-insights-sidebar-refresh-label-info-icon-tooltip {
border-radius: 6px;
font-family: Roboto;
font-size: 12px;
font-weight: 400;
line-height: 16px;
max-width: 375px;
padding: 4px 8px;
text-align: center
}
.waffle-dataprep-column-insights-sidebar-icon .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg) !important
}
.waffle-dataprep-column-insights .waffle-sidebar-title .docs-gm-sidebar-icon {
margin-right: 0
}
.trix-data-prep-db-insights-unavailable-container {
align-items: center;
display: flex;
flex-direction: column
}
.trix-data-prep-db-insights-unavailable-alert-icon {
margin-bottom: 16px;
margin-top: 63px
}
.trix-data-prep-db-insights-unavailable-alert-message {
color: #202124;
font-family: Google Sans;
font-size: 18px;
font-weight: 500;
line-height: 24px;
margin-bottom: 16px;
text-align: center
}
.trix-data-prep-db-insights-unavailable-refresh-message {
color: #3c4043;
font-family: Roboto;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 20px;
margin-bottom: 24px;
text-align: center;
width: 208px
}
.trix-data-prep-db-insights-unavailable-refresh-button.docs-material-button,
.trix-data-prep-db-insights-promo-sidebar-refresh-overlay-view-button.docs-material-button {
background-color: #188038;
color: white;
font-family: Google Sans;
font-size: 14px;
font-weight: 500;
margin: 0;
text-transform: none
}
.trix-data-prep-db-insights-unavailable-refresh-button.docs-material-button {
height: 36px;
letter-spacing: 0.25px;
padding: 10px 16px;
width: 103px
}
.trix-data-prep-db-insights-promo-sidebar-refresh-overlay-view-button.docs-material-button {
border-radius: 4px;
height: auto;
letter-spacing: 0.15px;
padding: 9px 32px
}
.trix-data-prep-db-insights-unavailable-refresh-button.docs-material-button,
.trix-data-prep-db-insights-promo-sidebar-refresh-overlay-view-button.docs-material-button,
.trix-data-prep-db-insights-unavailable-refresh-button.docs-material-button.docs-material-button-focused,
.trix-data-prep-db-insights-promo-sidebar-refresh-overlay-view-button.docs-material-button.docs-material-button-focused {
line-height: 16px
}
.trix-data-prep-column-insights-refresh-placeholder-container {
align-items: center;
display: flex;
flex-direction: column;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.2px;
padding: 60px
}
.trix-data-prep-column-insights-refresh-placeholder-retrieving-data {
align-items: center;
display: flex;
margin-bottom: 12px
}
.trix-data-prep-column-insights-refresh-placeholder-retrieving-data-spinner .waffle-spinner {
height: 14px;
width: 14px
}
.trix-data-prep-column-insights-refresh-placeholder-load-time-msg {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 16px;
text-align: center;
width: 182px
}
.trix-data-prep-column-insights-refresh-placeholder-retrieving-data-msg {
padding: 0 5px 0 10px;
color: #188038;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 24px;
text-align: center
}
.trix-data-prep-insights-column-chart-label:focus,
.trix-data-prep-insights-histogram-chart-label:focus,
.trix-data-prep-insights-value-most-frequent-table-label:focus,
.trix-data-prep-insights-value-least-frequent-table-label:focus {
outline: 1px solid transparent
}
.trix-data-prep-insight-row-db-formula-insert-button-wrapper {
align-self: center;
width: 24px
}
.trix-data-prep-insight-row-db-formula-insert-button:hover,
.trix-data-prep-insight-row-db-formula-insert-button:focus {
background-color: #f1f3f4
}
.trix-data-prep-insight-row-db-formula-insert-button.docs-material-button-disabled,
.trix-data-prep-insights-chart-insertion-button-wrapper.docs-material-button-disabled,
.trix-data-prep-insights-pivot-insertion-button-wrapper.docs-material-button-disabled {
opacity: 0.38
}
.trix-data-prep-insights-chart-insertion-button-wrapper,
.trix-data-prep-insights-pivot-insertion-button-wrapper {
float: right;
margin-bottom: 14px;
margin-right: 14px
}
.trix-data-prep-insights-chart-insertion-button-wrapper.docs-material-button,
.trix-data-prep-insights-chart-insertion-button-wrapper.docs-material-button.docs-material-button-focused,
.trix-data-prep-insights-pivot-insertion-button-wrapper.docs-material-button,
.trix-data-prep-insights-pivot-insertion-button-wrapper.docs-material-button.docs-material-button-focused {
height: auto;
line-height: 26px
}
#trix-data-prep-insights-chart-insertion-button,
#trix-data-prep-insights-pivot-insertion-button {
background: transparent;
height: 26px;
margin-right: 0;
padding: 4px 8px;
text-transform: none
}
.trix-data-prep-insights-chart-insertion-button-wrapper:hover,
.trix-data-prep-insights-chart-insertion-button-wrapper:focus,
.trix-data-prep-insights-pivot-insertion-button-wrapper:hover,
.trix-data-prep-insights-pivot-insertion-button-wrapper:focus {
background-color: #f1f3f4
}
.trix-data-prep-column-insights-butter-container .trix-data-prep-column-insights-butter-action-button {
color: #137333;
cursor: pointer;
flex: 1;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
padding-left: 10px
}
.trix-data-prep-column-insights-butter-container .trix-data-prep-column-insights-butter-action-button:hover {
color: #0d652d
}
.trix-data-prep-column-insights-butter-container .trix-data-prep-column-insights-butter-close-button {
border: none !important;
border-radius: 50%;
margin-left: 30px;
margin-right: -10px
}
.trix-data-prep-column-insights-butter-container .trix-data-prep-column-insights-butter-close-button:hover {
background-color: #f1f3f4
}
.waffle-dataprep-column-insights {
display: flex;
flex-direction: column
}
.waffle-dataprep-column-insights .waffle-sidebar-content {
flex-grow: 1
}
.waffle-dataprep-column-insights .waffle-sidebar-footer-container {
position: relative
}
.trix-data-prep-db-insights-promo-sidebar-refresh-overlay-wrapper {}
.trix-data-prep-db-insights-promo-sidebar-refresh-overlay {
background-color: #fff;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
border: 1px solid #dadce0;
box-shadow: 0 -4px 8px 3px rgba(60, 64, 67, .15);
padding: 12px 16px 16px
}
.trix-data-prep-db-insights-promo-sidebar-refresh-overlay-header {
align-items: center;
display: flex
}
.trix-data-prep-db-insights-promo-sidebar-refresh-overlay-header-msg {
color: #3c4043;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.25px;
line-height: 20px;
overflow: hidden;
text-overflow: ellipsis
}
.docs-gm .trix-data-prep-db-insights-promo-sidebar-refresh-overlay-header .docs-action-new-badge {
margin: 0 0 0 8px
}
.trix-data-prep-db-insights-promo-sidebar-refresh-overlay-info-msg {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 16px;
margin-top: 6px
}
.trix-data-prep-db-insights-promo-sidebar-refresh-overlay-footer {
align-items: center;
display: flex;
justify-content: space-between;
margin-top: 21px
}
.trix-data-prep-db-insights-promo-sidebar-refresh-overlay-view-button-container {}
.waffle-file-size-banner-container {
align-items: center;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
height: 48px;
-webkit-justify-content: space-between;
justify-content: space-between;
position: relative
}
.waffle-file-size-banner-container.waffle-file-size-banner-error-state {
background: #c5221f
}
.waffle-file-size-banner-container.waffle-file-size-banner-warning-state {
background: #fce8e6
}
.waffle-file-size-banner-icon {
margin: 0 25px
}
.waffle-file-size-banner-details,
.waffle-file-size-banner-buttons {
align-items: center;
display: flex
}
.waffle-file-size-banner-header {
font: 500 16px "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
overflow: hidden;
letter-spacing: 0.1px;
line-height: 24px;
margin: 0 32px 0 0;
min-width: 130px
}
.waffle-file-size-banner-warning-state .waffle-file-size-banner-header {
color: #3c4043
}
.waffle-file-size-banner-error-state .waffle-file-size-banner-header {
color: #fff
}
.waffle-file-size-banner-info {
font: 400 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
overflow: hidden;
padding-right: 16px;
white-space: nowrap;
line-height: 24px
}
.waffle-file-size-banner-warning-state .waffle-file-size-banner-info {
color: #3c4043
}
.waffle-file-size-banner-error-state .waffle-file-size-banner-info {
color: #fff
}
.waffle-file-size-banner-buttons .waffle-file-size-banner-learn-more-button-wrapper .waffle-file-size-banner-learn-more-button.docs-material-button-flat-default.docs-material-button {
background-color: transparent;
border-radius: 4px;
font: 400 14px "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
height: 32px;
letter-spacing: 0.25px;
line-height: 24px;
padding: 5px 10px;
text-transform: none
}
.waffle-file-size-banner-warning-state .waffle-file-size-banner-buttons .waffle-file-size-banner-learn-more-button-wrapper .waffle-file-size-banner-learn-more-button.docs-material-button-flat-default.docs-material-button {
color: #d93025
}
.waffle-file-size-banner-error-state .waffle-file-size-banner-buttons .waffle-file-size-banner-learn-more-button-wrapper .waffle-file-size-banner-learn-more-button.docs-material-button-flat-default.docs-material-button {
color: #fff
}
.waffle-file-size-banner-buttons .waffle-file-size-banner-learn-more-button-wrapper .waffle-file-size-banner-learn-more-button.docs-material-button-flat-default.docs-material-button-hover {
background-color: rgba(234, 67, 53, 0.08)
}
.waffle-file-size-banner-buttons .waffle-file-size-banner-learn-more-button-wrapper .waffle-file-size-banner-learn-more-button.docs-material-button-flat-default.docs-material-button-active {
background-color: rgba(234, 67, 53, 0.16)
}
.waffle-file-size-banner-buttons .waffle-file-size-banner-learn-more-button-wrapper .waffle-file-size-banner-learn-more-button.docs-material-button-flat-default.docs-material-button-focused {
background-color: rgba(234, 67, 53, 0.12);
border: none
}
.waffle-file-size-banner-buttons .waffle-file-size-banner-close-button-wrapper .waffle-file-size-banner-close-button.docs-material-button-flat-default.docs-material-button {
border-radius: 50%;
height: 32px;
line-height: 24px;
margin-right: 18px;
padding: 7px;
width: 32px
}
.waffle-file-size-banner-warning-outline-icon .waffle-file-size-banner-warning-outline-icon-path {
fill: #d93025
}
.waffle-file-size-banner-error-outline-icon .waffle-file-size-banner-error-outline-icon-path {
fill: #fff
}
.waffle-file-size-banner-close-icon .waffle-file-size-banner-close-icon-path {
fill: #b31412
}
.docs-grille-gm3 .waffle-file-size-banner-container.waffle-file-size-banner-error-state {
background: #b3261e
}
.docs-grille-gm3 .waffle-file-size-banner-container.waffle-file-size-banner-warning-state {
background: #f9dedc
}
.docs-grille-gm3 .waffle-file-size-banner-container .waffle-file-size-banner-buttons .waffle-file-size-banner-learn-more-button.docs-material-button {
border: 1px solid transparent;
border-radius: 100px;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 14px;
font-weight: 500;
height: 40px;
line-height: 20px;
padding: 10px 24px;
color: #041e49;
padding: 10px 12px;
height: 36px;
padding: 8px 12px
}
.docs-grille-gm3 .waffle-file-size-banner-warning-state .waffle-file-size-banner-header,
.docs-grille-gm3 .waffle-file-size-banner-warning-state .waffle-file-size-banner-info,
.docs-grille-gm3 .waffle-file-size-banner-warning-state .waffle-file-size-banner-buttons .waffle-file-size-banner-learn-more-button-wrapper .waffle-file-size-banner-learn-more-button.docs-material-button-flat-default.docs-material-button {
color: #410e0b
}
.docs-grille-gm3 .waffle-file-size-banner-icon {
margin: 0 18px
}
.docs-grille-gm3 .waffle-file-size-banner-warning-outline-icon-path,
.docs-grille-gm3 .waffle-file-size-banner-close-icon-path {
fill: #410e0b
}
.docs-grille-gm3 .waffle-file-size-banner-header {
margin-right: 16px
}
.docs-grille-gm3 .waffle-file-size-banner-buttons .waffle-file-size-banner-close-button.docs-material-button-flat-default.docs-material-button {
border: none;
border-radius: 100%;
height: 40px;
line-height: 40px;
margin-right: 4px;
width: 40px
}
.docs-grille-gm3 .waffle-file-size-banner-warning-state .waffle-file-size-banner-buttons .docs-material-button-flat-default.docs-material-button-hover {
background-color: rgb(65, 14, 11, 0.08)
}
.docs-grille-gm3 .waffle-file-size-banner-warning-state .waffle-file-size-banner-buttons .docs-material-button-flat-default.docs-material-button-focused,
.docs-grille-gm3 .waffle-file-size-banner-warning-state .waffle-file-size-banner-buttons .docs-material-button-flat-default.docs-material-button-active {
background-color: rgb(65, 14, 11, 0.12)
}
.docs-grille-gm3 .waffle-file-size-banner-error-state .waffle-file-size-banner-buttons .docs-material-button-flat-default.docs-material-button-hover {
background-color: rgb(255, 255, 255, 0.08)
}
.docs-grille-gm3 .waffle-file-size-banner-error-state .waffle-file-size-banner-buttons .docs-material-button-flat-default.docs-material-button-focused,
.docs-grille-gm3 .waffle-file-size-banner-error-state .waffle-file-size-banner-buttons .docs-material-button-flat-default.docs-material-button-active {
background-color: rgb(255, 255, 255, 0.12)
}
.trix-formula-debuggability-node-card-container {
border: none;
height: 100%;
overflow-x: auto;
overflow-y: auto
}
.trix-formula-debuggability-empty-node-card-container {
border: none;
height: auto
}
.trix-formula-debuggability-node-card-content {
width: 100%;
padding: 0.5em 0
}
.trix-formula-debuggability-node-card-body {
align-items: flex-start;
display: flex;
padding: 0.5em 0.5em;
width: 100%
}
.trix-formula-debuggability-node-card-toggle {
padding: 0.5em;
transition: transform 200ms
}
.trix-formula-debuggability-node-card-active {
transform: rotate(90deg)
}
.trix-formula-debuggability-node-card-formula-element-type {
font-weight: 525;
margin-bottom: 0.4em;
white-space: nowrap
}
.trix-formula-debuggability-node-card-sub-formula-string {
font-weight: 550;
margin-bottom: 0.4em;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
white-space: nowrap
}
.trix-formula-debuggability-node-card-formula-result {
color: #888;
word-break: break-all
}
.trix-formula-debuggability-node-card-box {
border-bottom: 1.5px solid #ddd;
width: 100%
}
.trix-formula-debuggability-node-card-unavailable-message {
align-items: flex-start;
font-family: Roboto;
font-weight: 500;
letter-spacing: 0.2px;
word-wrap: break-word
}
.docs-material-button-hairline-primary.docs-material-button.waffle-datavalidation-add-rule-button {
align-items: center;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
padding: 6px 14px
}
.docs-material-button-hairline-primary.docs-material-button.waffle-datavalidation-delete-all-button {
color: #5f6368
}
.waffle-boolean-condition-picker-checked-text-holder,
.waffle-boolean-condition-picker-unchecked-text-holder {
align-items: baseline;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-between;
justify-content: space-between
}
.waffle-boolean-condition-picker-checked-text-description,
.waffle-boolean-condition-picker-unchecked-text-description {
float: left
}
.waffle-boolean-condition-picker-checked-text-input-wrapper,
.waffle-boolean-condition-picker-unchecked-text-input-wrapper {
float: right
}
.waffle-boolean-condition-picker-checked-text-input,
.waffle-boolean-condition-picker-unchecked-text-input {
width: 168px
}
.waffle-datavalidation-add-rule-button-wrapper,
.waffle-datavalidation-delete-all-button-wrapper {
float: right
}
.waffle-datavalidation-add-rule-plus {
font-size: 24px;
font-weight: 100;
line-height: 20px;
margin-right: 8px;
vertical-align: text-bottom
}
.waffle-datavalidation-edit-pill-invalid-type-buttons .jfk-radiobutton-label,
.waffle-datavalidation-edit-pill-dropdown-render-type-buttons .jfk-radiobutton-label {
margin-bottom: 13px
}
.waffle-datavalidation-edit-pill {
display: flex;
flex-direction: column;
height: 100%
}
.waffle-datavalidation-edit-pill-rule-details {
overflow-y: scroll;
overflow-x: hidden
}
.waffle-datavalidation-edit-pill-button-bar {
align-items: center;
border-top: 1px solid #dadce0;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
margin-top: auto;
text-align: right;
width: 300px
}
.waffle-datavalidation-edit-pill-button {
cursor: pointer;
float: right;
margin-bottom: 16px;
margin-right: 16px;
margin-top: 16px;
text-transform: none
}
.waffle-datavalidation-edit-pill-remove-button {
width: max-content
}
.waffle-datavalidation-edit-pill-invalid-type-buttons,
.waffle-datavalidation-edit-pill-dropdown-render-type-buttons {
margin-top: 12px
}
.waffle-datavalidation-edit-pill-invalid-type-buttons .jfk-radiobutton,
.waffle-datavalidation-edit-pill-dropdown-render-type-buttons .jfk-radiobutton {
display: block;
margin-left: 2px;
padding: 0
}
.waffle-datavalidation-edit-pill-invalid-type-buttons .jfk-radiobutton-label,
.waffle-datavalidation-edit-pill-dropdown-render-type-buttons .jfk-radiobutton-label {
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 20px;
margin-left: 32px;
text-decoration-line: none
}
.waffle-datavalidation-edit-pill-invalid-type-buttons .jfk-radiobutton-radio,
.waffle-datavalidation-edit-pill-dropdown-render-type-buttons .jfk-radiobutton-radio {
height: 20px;
left: 0;
top: 0;
width: 20px
}
.waffle-datavalidation-edit-pill-invalid-type-buttons .jfk-radiobutton-checked .jfk-radiobutton-radio::after,
.waffle-datavalidation-edit-pill-dropdown-render-type-buttons .jfk-radiobutton-checked .jfk-radiobutton-radio::after {
height: 10px;
margin: 3px;
width: 10px
}
.waffle-datavalidation-edit-pill-condition-pane,
.waffle-datavalidation-slide-frame {
position: relative;
width: 268px
}
.waffle-datavalidation-edit-pill-help-text-input {
width: 100%
}
.waffle-datavalidation-edit-pill-help-text-input-wrapper {
align-items: center;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-between;
justify-content: space-between
}
.waffle-datavalidation-edit-pill-help-text-reset-button-wrapper:hover,
.waffle-datavalidation-edit-pill-help-text-reset-button-wrapper:focus {
outline: none
}
.waffle-datavalidation-edit-pill-help-text-reset-button-wrapper {
color: #5f6368;
cursor: pointer;
display: inline;
margin: 8px
}
.waffle-datavalidation-edit-pill-range-picker {
border-bottom: none;
padding: 16px 0 12px 16px
}
.waffle-datavalidation-edit-pill-advanced-options-title {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
color: #137333;
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
cursor: pointer;
margin-top: 18px;
width: fit-content
}
.waffle-datavalidation-edit-pill-advanced-options-title:hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #f8fcf9;
color: #137333;
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px
}
.waffle-datavalidation-edit-pill-advanced-options-title:focus {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #e7f5eb;
color: #137333;
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px
}
.waffle-datavalidation-edit-pill-advanced-options-title:hover:focus {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
color: #137333;
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px
}
.waffle-datavalidation-edit-pill-advanced-options-title:active {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
color: #137333;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px
}
.waffle-datavalidation-edit-pill-boolean-condition-picker {
margin-bottom: 12px
}
.waffle-datavalidation-edit-pill-section-header {
color: #3c4043;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
margin-bottom: 8px
}
.waffle-datavalidation-one-of-range-wrapper {
padding: 8px 0
}
.waffle-datavalidation-one-of-range-help,
.waffle-datavalidation-one-of-range-color-help {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
padding: 4px 0;
width: 100%
}
.waffle-datavalidation-sidebar-button-bar {
align-items: center;
border-top: 1px solid #dadce0;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
padding: 16px;
position: relative
}
.waffle-datavalidation-sidebar-scroll-pane {
max-height: calc(100% - 68px);
overflow-x: hidden;
overflow-y: auto
}
.waffle-datavalidation-view-rule-list {
height: 100%
}
.waffle-datavalidation-sidebar-scroll-pane.waffle-datavalidation-sidebar-edit-mode {
height: 100%;
max-height: none
}
.waffle-datavalidation-sidebar-widget {
padding: 20px 16px 0
}
.waffle-datavalidation-sidebar-widget-header {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: space-between
}
.waffle-datavalidation-slide-frame {
padding: 12px 16px 8px 16px;
position: relative;
width: 268px
}
.waffle-datavalidation-view-pill {
background-color: #fff;
border-bottom: 1px solid #dadce0;
cursor: pointer;
display: flex;
height: fit-content;
padding: 10px;
position: relative
}
.waffle-datavalidation-view-pill:focus,
.waffle-datavalidation-view-pill:hover {
background-color: #f1f3f4;
outline: none
}
.waffle-datavalidation-view-pill-condition {
color: #202124;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.15px;
line-height: 16px;
margin-bottom: 4px;
overflow: hidden;
padding-bottom: 8px;
text-overflow: ellipsis;
width: 142px
}
.waffle-datavalidation-view-pill-delete-button-wrapper {
height: 56px;
right: 16px;
line-height: 56px;
position: absolute;
opacity: 0.5
}
.waffle-datavalidation-view-pill-delete-button-wrapper:hover {
opacity: 1
}
.waffle-datavalidation-view-pill-delete-button-wrapper .docs-icon {
width: 21px;
height: 21px
}
.waffle-datavalidation-view-pill-range {
color: #3c4043;
height: 20px;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 0.2px;
overflow: hidden;
text-overflow: ellipsis;
width: 142px
}
.range-border.waffle-datavalidation-view-pill-highlight-styled-border {
border-color: #34a853;
border-style: solid;
line-height: 0
}
.waffle-datavalidation-view-pill-highlight-styled-rect {
background-color: #34a853;
opacity: 0.06;
pointer-events: none
}
.waffle-datavalidation-view-pill-summary {
margin: auto 8px auto 14px;
position: relative;
width: 142px
}
.waffle-datavalidation-edit-pill-error-bubble {
z-index: 1000 !important
}
.waffle-datavalidation-edit-pill-boolean-condition-picker-body .waffle-conditionalformat-edit-pill-section-body .jfk-select:focus {
border: 2px solid #1a73e8 !important
}
@media screen and (forced-colors:active) {
.waffle-datavalidation-sidebar .waffle-sidebar-title-close:focus,
.waffle-datavalidation-edit-pill-invalid-type-buttons .jfk-radiobutton:focus,
.waffle-datavalidation-edit-pill-dropdown-render-type-buttons .jfk-radiobutton:focus {
outline: 1px solid Highlight
}
}
.docs-material-button-hairline-primary.docs-material-button {
margin-left: 0
}
.waffle-datavalidation-edit-pill-boolean-condition-picker-body .waffle-conditionalformat-condition-date-select {
padding-top: 8px
}
.waffle-datavalidation-edit-pill-boolean-condition-picker-body .waffle-conditionalformat-arg1-holder>.goog-inline-block {
width: 100% !important
}
.waffle-datavalidation-edit-pill-boolean-condition-picker .waffle-conditionalformat-multi-arg-content {
margin-left: -12px;
max-height: none;
overflow: visible
}
.waffle-datavalidation-edit-pill-strictness-section-wrapper,
.waffle-datavalidation-edit-pill-dropdown-render-section-wrapper {
margin-top: 24px
}
.waffle-datavalidation-edit-pill-done-button-wrapper,
.waffle-datavalidation-edit-pill-range-wrapper,
.waffle-datavalidation-edit-pill-remove-button-wrapper,
.waffle-datavalidation-edit-pill-section,
.waffle-datavalidation-edit-pill-advanced-options-content,
.waffle-datavalidation-edit-pill-list-checkbox-wrapper {}
.waffle-datavalidation-edit-pill-add-automated-actions-bolt {
display: inline-block
}
.waffle-datavalidation-edit-pill-add-automated-actions-bolt .docs-icon-editors-ia-bolt {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg) !important
}
.waffle-datavalidation-edit-pill-add-automated-actions-text {
display: inline-block;
font-size: 14px;
font-weight: 500
}
.docs-material-button-hairline-primary.docs-material-button.waffle-datavalidation-edit-pill-add-automated-actions-button:focus,
.docs-material-button-hairline-primary.docs-material-button.waffle-datavalidation-edit-pill-add-automated-actions-button {
display: inline-block;
padding: 10px 10px;
width: 210px
}
.waffle-datavalidation-edit-pill-automated-actions-description {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: normal;
margin: 15px auto 10px;
text-align: center;
width: 210px;
word-spacing: 1px
}
.waffle-datavalidation-edit-pill-add-automated-actions-button-wrapper {
margin: auto;
padding: 20px 0 0 0;
width: 210px
}
.waffle-datavalidation-edit-pill .goog-flat-menu-button-dropdown {
margin-right: 4px
}
.waffle-automated-actions-edit-rule,
.waffle-automated-actions-edit-pill,
.waffle-automated-actions-edit-pill-summary>.goog-inline-block,
.waffle-automated-actions-edit-pill-range-wrapper,
.waffle-automated-actions-trigger,
.waffle-automated-actions-condition,
.waffle-automated-actions-condition-content,
.waffle-automated-actions-edit-pill-condition-wrapper,
.waffle-automated-actions-action {}
.waffle-automated-actions-edit-pill-trigger,
.waffle-automated-actions-edit-pill-condition,
.waffle-automated-actions-edit-pill-action {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 20px;
letter-spacing: 0.2px;
padding: 8px 8px 0
}
.waffle-automated-actions-trigger-range-wrapper,
.waffle-automated-actions-condition-range-wrapper,
.waffle-automated-actions-action-range-wrapper {
margin-top: 8px
}
.waffle-automated-actions-edit-pill-section-header {
color: #3c4043;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: 500;
margin-top: 8px
}
.waffle-automated-actions-edit-pill-section-label,
.waffle-automated-actions-trigger-section-label,
.waffle-automated-actions-condition-section-header {
color: #3c4043;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
margin-top: 8px
}
.waffle-automated-actions-condition-boolean-condition-picker {
margin-top: 8px
}
.waffle-automated-actions-condition-section-label {
font-size: 11px;
font-weight: 400;
margin-top: 8px
}
.waffle-automated-actions-edit-pill-range-picker,
.waffle-automated-actions-trigger-range-picker,
.waffle-automated-actions-condition-range-picker {
margin-top: 8px;
width: 275px
}
.waffle-automated-actions-edit-pill-add-condition-title,
.waffle-automated-actions-action-email-example-title {
background: none;
border: none;
color: #34a853;
cursor: pointer;
float: right;
font-family: Roboto;
font-size: 12px;
margin-top: 4px
}
.waffle-automated-actions-trigger-menu,
.waffle-automated-actions-action-menu {
align-items: center;
border: 1px solid #dadce0;
border-radius: 4px;
color: #3c4043;
display: flex;
height: 36px;
margin-top: 8px
}
.waffle-automated-actions-edit-pill-dropdown-icon {
position: absolute
}
.waffle-automated-actions-edit-pill-dropdown-icon .docs-icon-edit-outline,
.waffle-automated-actions-edit-pill-dropdown-icon .docs-icon-editors-ia-email-outline {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg) !important
}
.waffle-automated-actions-edit-pill-dropdown-label {
font-size: 15px;
font-weight: 400;
padding-left: 25px;
text-transform: initial;
width: 210px
}
.docs-material-menu-button-flat-primary,
.docs-material-menu-button-flat-default,
.docs-material-menu-button-raised-primary,
.docs-material-menu-button-raised-default {
margin: 0
}
.waffle-automated-actions-edit-pill-button-bar {
margin: 16px 8px;
position: absolute;
text-align: right;
width: 283px
}
.waffle-automated-actions-edit-pill-button-bar>.jfk-button {
cursor: pointer;
margin-right: 8px
}
.waffle-automated-actions-sidebar-header-wrapper,
.waffle-automated-actions-edit-rule,
.waffle-automated-actions-view-rule,
.waffle-automated-actions-sidebar-title,
.waffle-automated-actions-thumbs-up-button,
.waffle-automated-actions-sidebar-view-rule-empty-add-new-rule-button,
.waffle-automated-actions-sidebar-add-new-rule-button,
.docs-icon-img,
.docs-icon-thumb-up,
.docs-icon-thumb-down {}
.waffle-automated-actions-sidebar .docs-gm-sidebar-icon {
margin-right: 0;
padding-top: 4px
}
.waffle-automated-actions-sidebar-scroll-pane {
max-height: calc(100% - 68px);
overflow-x: hidden;
overflow-y: auto
}
.waffle-automated-actions-sidebar-footer-wrapper {
align-items: center;
background: white;
display: flex;
flex-direction: column;
justify-content: center;
padding-top: 8px
}
.docs-hc-gecko .waffle-automated-actions-sidebar .waffle-sidebar-title-close:focus {
outline: 1px solid Highlight
}
.waffle-automated-actions-view-rule-empty {
align-items: center;
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: center;
min-height: 400px
}
.waffle-automated-actions-sidebar-view-rule-empty-description {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 14px;
letter-spacing: 0.2px;
line-height: 20px;
text-align: center;
width: 80%
}
.waffle-automated-actions-survey-bar {
align-items: center;
border-top: 1px solid #dadce0;
display: flex;
height: 35px;
margin-top: auto;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
text-align: right;
width: 300px
}
.waffle-automated-actions-rating {
display: flex;
flex-direction: row;
padding-left: 40px;
width: 20px
}
.waffle-automated-actions-survey-button {
color: #34a853;
padding-left: 80px
}
.waffle-automated-actions-survey-button .waffle-ui-text-link-button {
cursor: pointer;
font-size: 13px
}
.waffle-automated-actions-thumbs-down-button.goog-flat-button,
.waffle-automated-actions-thumbs-up-button.goog-flat-button {
background-color: white;
border: none;
cursor: pointer
}
.waffle-automated-actions-sidebar-add-new-rule-button .docs-material-button-hairline-primary.docs-material-button {
margin: 10px 0
}
.waffle-automated-actions-sidebar-trigger-history-button.waffle-ui-text-link-button {
color: #188038;
font-size: 14px;
height: fit-content;
margin: 10px 12px 0 18px;
padding: 4px 6px;
position: fixed;
right: 0;
text-align: right;
width: fit-content
}
.waffle-automated-actions-view-pill,
.waffle-automated-actions-view-pill-enable-state,
.waffle-automated-actions-view-pill-enable-toggle,
.docs-icon-img,
.docs-icon-delete,
.docs-icon-edit-outline {}
.waffle-automated-actions-view-pill-summary {
border: 1px solid #dadce0;
border-radius: 18px;
margin: 12px;
padding: 16px
}
.waffle-automated-actions-view-pill-title {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.3px;
line-height: 22px
}
.waffle-automated-actions-view-pill-detail {
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 15px;
letter-spacing: 0.3px;
line-height: 22px
}
.waffle-automated-actions-view-pill-footer-wrapper {
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-between;
justify-content: space-between;
margin-top: 18px
}
.waffle-automated-actions-view-pill-enable-supplement {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 400;
overflow: hidden;
padding-top: 8px;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-automated-actions-view-pill-enable-info {
color: #202124;
font-size: 13px;
line-height: 22px;
letter-spacing: 0.3px
}
.waffle-automated-actions-view-pill-enable-error-info {
color: #b3261e;
font-size: 12px;
line-height: 20px;
letter-spacing: 0.1px
}
.waffle-automated-actions-view-pill-buttons {
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row
}
.waffle-automated-actions-view-pill-delete-button {
cursor: pointer
}
.waffle-automated-actions-view-pill-edit-button {
cursor: pointer
}
.waffle-automated-actions-trigger-history-sidebar-title {}
.waffle-automated-actions-trigger-history-sidebar-scroll-pane {}
.waffle-automated-actions-trigger-history-sidebar-content-container {
display: inline-block;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
margin: 10px 15px
}
.waffle-automated-actions-trigger-history-sidebar-header-wrapper {}
.waffle-automated-actions-trigger-history-sidebar {}
.waffle-automated-actions-trigger-history-details-status-icon-container {}
.google-symbols.waffle-automated-actions-trigger-history-details-status-icon {
font-size: 20px
}
.waffle-automated-actions-trigger-history-details-container {
display: flex;
font-size: 13px;
line-height: 19px;
letter-spacing: 0.3px;
margin-bottom: 16px
}
.waffle-automated-actions-trigger-history-text-container {
margin-left: 10px
}
.waffle-automated-actions-trigger-history-details-label {
font-weight: 500
}
.waffle-automated-actions-trigger-history-details-value,
.waffle-automated-actions-trigger-history-details-error {
font-weight: 400
}
.waffle-automated-actions-trigger-history-sidebar-back-button {
cursor: pointer;
display: flex;
height: 20px;
margin-bottom: 1px;
min-width: unset;
padding-left: 0
}
.waffle-automated-actions-trigger-history-sidebar-back-button.jfk-button-hover {
box-shadow: none
}
.waffle-assistant-formulas-overlay-green-cta-button {
border: 1px solid #a8dab5
}
.waffle-assistant-formulas-overlay-green-cta-button:hover {
background: #e6f4ea
}
.waffle-assistant-formulas-overlay-green-cta-button:focus {
background: #ceead6;
border: 1px solid #0d652d
}
.waffle-assistant-formulas-overlay-green-cta-button:active {
background: #ceead6;
border: 1px solid #a8dab5
}
.waffle-assistant-overlay-informational-card {
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0px -3px 11px rgba(128, 134, 139, 0.09), 0px 6px 11px rgba(128, 134, 139, 0.06), 0px 1px 3px rgba(60, 64, 67, 0.3), 0px 4px 8px rgba(60, 64, 67, 0.15);
min-height: 108px;
min-width: 220px
}
.waffle-assistant-overlay-informational-card-content-wrapper {
padding: 8px 12px 0 12px
}
.waffle-assistant-overlay-informational-card-headline-message {
color: #188038;
float: left;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.1px;
line-height: 24px;
white-space: normal;
width: 100%;
word-break: break-word
}
.waffle-assistant-overlay-informational-card-send-feedback-cta {
color: #80868b;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 16px;
max-height: 40px;
overflow-y: scroll;
text-overflow: clip;
white-space: normal;
width: 100%;
word-wrap: break-word
}
.waffle-assistant-overlay-informational-card-footer-wrapper {
padding: 8px 12px
}
.waffle-assistant-overlay-informational-card-buttons-wrapper {
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row
}
.waffle-assistant-overlay-informational-card-button {
align-items: center;
background: #ffffff;
border-radius: 16px;
box-sizing: border-box;
cursor: pointer;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
height: 24px;
margin-right: 8px;
mix-blend-mode: normal;
width: 24px
}
.waffle-assistant-overlay-informational-card-feedback-icon {
display: flex;
margin: auto
}
.waffle-assistant-overlay-informational-decorator {
background-color: #188038;
border-radius: 8px 8px 0 0;
color: #fff;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.25px;
padding: 1px 8px;
position: absolute
}
.waffle-assistant-overlay-informational-range-highlighter-border {
border-color: #188038;
border-style: solid
}
.waffle-assistant-overlay-informational-range-highlighter-rect {
background-color: #e6f4ea;
opacity: 0.50;
pointer-events: none
}
.waffle-assistant-overlay-recommendation-card {
background-color: #ffffff;
border-radius: 8px;
box-shadow: 0px -3px 11px rgba(128, 134, 139, 0.09), 0px 6px 11px rgba(128, 134, 139, 0.06), 0px 1px 3px rgba(60, 64, 67, 0.3), 0px 4px 8px rgba(60, 64, 67, 0.15);
min-height: 134px;
width: 240px
}
.formula-corrections-card.waffle-assistant-overlay-recommendation-card {
cursor: default;
min-height: 218px;
width: 308px
}
.waffle-assistant-overlay-recommendation-chip {
display: none
}
.waffle-assistant-overlay-recommendation-card-is-collapsed .waffle-assistant-overlay-recommendation-card-expanded {
display: none
}
.waffle-assistant-overlay-recommendation-card-expanded {
display: block
}
.waffle-assistant-overlay-recommendation-card-is-collapsed.waffle-assistant-overlay-recommendation-card,
.waffle-assistant-overlay-recommendation-card-is-collapsed.formula-corrections-card.waffle-assistant-overlay-recommendation-card {
display: block;
min-height: auto;
width: 212px
}
.waffle-assistant-overlay-recommendation-card-is-collapsed.waffle-assistant-overlay-recommendation-card-formula-visible-enabled.waffle-assistant-overlay-recommendation-card,
.waffle-assistant-overlay-recommendation-card-is-collapsed.waffle-assistant-overlay-recommendation-card-formula-visible-enabled.formula-corrections-card.waffle-assistant-overlay-recommendation-card {
width: max-content
}
.waffle-assistant-overlay-recommendation-card-is-collapsed .waffle-assistant-overlay-recommendation-chip {
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
padding: 8px
}
.waffle-assistant-overlay-recommendation-chip-formula-and-more-options,
.waffle-assistant-overlay-recommendation-chip-actions-and-expand {
display: flex;
gap: 16px;
justify-content: space-between;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row
}
.waffle-assistant-overlay-recommendation-chip-formula-and-more-options {
margin: 0 0 8px
}
.waffle-assistant-overlay-recommendation-chip .waffle-assistant-overlay-recommendation-card-formula-visible-button {
letter-spacing: 0.2px;
line-height: 20px
}
.waffle-assistant-overlay-recommendation-chip-actions-container {
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row
}
.waffle-assistant-overlay-recommendation-chip .waffle-assistant-overlay-recommendation-card-formula-visible-button,
.waffle-assistant-overlay-recommendation-card-chip-more-options-container {
height: 20px;
margin: 0
}
.waffle-assistant-overlay-recommendation-chip-actions,
.waffle-assistant-overlay-recommendation-card-chip-expand-container {
height: 24px;
margin: 0
}
.waffle-assistant-overlay-recommendation-card-chip-expand-container .waffle-assistant-overlay-recommendation-card-chip-expand-button-wrapper .docs-material-button {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
height: 24px;
letter-spacing: 0.3px;
line-height: 16px;
margin: 0;
padding: 4px 8px;
text-transform: none
}
.waffle-assistant-overlay-recommendation-card-chip-accept-button-wrapper {
margin-right: 2px
}
.waffle-assistant-overlay-recommendation-chip-actions .waffle-assistant-overlay-recommendation-card-chip-close {
margin-left: 2px
}
.waffle-assistant-overlay-recommendation-card-chip-more-options-button-wrapper .waffle-assistant-overlay-recommendation-card-menu-button {
border: 0;
height: 18px;
line-height: 18px;
margin: 0
}
.waffle-assistant-overlay-recommendation-card-chip-more-options-button-wrapper .waffle-assistant-overlay-recommendation-card-menu-button .docs-icon {
margin: 0
}
.waffle-assistant-overlay-recommendation-card-header-wrapper {
align-items: center;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: space-between;
justify-content: space-between;
min-height: 32px;
padding: 8px 12px 0 12px
}
.waffle-assistant-overlay-recommendation-card-title {
color: #5f6368;
float: left;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.8px;
line-height: 16px;
text-transform: uppercase
}
.waffle-assistant-overlay-recommendation-card-info-icon {
float: right
}
.waffle-assistant-overlay-recommendation-card-content-wrapper {
min-height: 58px;
padding: 0 12px
}
.waffle-assistant-overlay-recommendation-card-recommendation-wrapper {
align-items: center;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row
}
.waffle-assistant-overlay-recommendation-card-recommendation,
.waffle-assistant-overlay-recommendation-card-formula-corrections-recommendation {
color: #188038;
float: left;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.1px;
line-height: 24px;
overflow-x: hidden;
white-space: normal;
width: 100%;
word-break: break-word
}
.formula-corrections-card .waffle-assistant-overlay-recommendation-card-formula-corrections-recommendation {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased
}
.waffle-assistant-overlay-recommendation-card-additional-information,
.waffle-assistant-overlay-recommendation-card-error-additional-information {
font-size: 12px;
line-height: 16px;
overflow-y: scroll;
text-overflow: clip;
white-space: normal
}
.waffle-assistant-overlay-recommendation-card-additional-information,
.waffle-assistant-overlay-recommendation-card-error-additional-information,
.waffle-assistant-overlay-recommendation-card-more-additional-information {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 400;
letter-spacing: 0.3px
}
.waffle-assistant-overlay-recommendation-card-more-additional-information {
font-size: 10px;
line-height: 12px;
padding-top: 4px
}
.formula-corrections-card .waffle-assistant-overlay-recommendation-card-additional-information {
padding-bottom: 8px
}
.waffle-assistant-overlay-recommendation-card-show-more-information {
color: #1a73e8
}
.waffle-assistant-overlay-recommendation-card-footer-wrapper {
padding: 8px 12px
}
.formula-corrections-card .waffle-assistant-overlay-recommendation-card-footer-wrapper {
padding: 8px 12px 12px 12px
}
.waffle-assistant-overlay-recommendation-card-buttons-wrapper {
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row
}
.formula-corrections-card .waffle-assistant-overlay-recommendation-card-button {
height: 36px;
width: 36px;
border-radius: 20px
}
.formula-corrections-card .waffle-assistant-overlay-recommendation-chip .waffle-assistant-overlay-recommendation-card-button {
border-radius: auto;
height: auto;
margin: 0;
width: auto
}
.formula-corrections-card.waffle-assistant-overlay-recommendation-card-is-collapsed .waffle-assistant-overlay-recommendation-chip .waffle-assistant-overlay-recommendation-card-chip-accept-button-wrapper .waffle-assistant-overlay-recommendation-card-button,
.formula-corrections-card.waffle-assistant-overlay-recommendation-card-is-collapsed .waffle-assistant-overlay-recommendation-chip .waffle-assistant-overlay-recommendation-card-chip-close-outline.waffle-assistant-overlay-recommendation-card-button {
border: 1px solid #dadce0;
border-radius: 50%;
height: 24px;
padding: 0;
width: 24px
}
.formula-corrections-card.waffle-assistant-overlay-recommendation-card-is-collapsed.waffle-assistant-overlay-recommendation-card-formula-visible-enabled .waffle-assistant-overlay-recommendation-chip .waffle-assistant-overlay-recommendation-card-chip-accept-button-wrapper .waffle-assistant-overlay-recommendation-card-button {
border-color: #a8dab5
}
.waffle-assistant-overlay-recommendation-card-chip-accept-button-wrapper .waffle-assistant-overlay-recommendation-card-button .docs-material .docs-icon-img,
.waffle-assistant-overlay-recommendation-card-chip-accept-button-wrapper .waffle-assistant-overlay-recommendation-card-button .docs-material .docs-icon-img:before {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.waffle-assistant-overlay-recommendation-card-formula-visible-placeholder {
color: #3c4043;
font-family: Roboto;
font-size: 14px
}
.waffle-assistant-overlay-recommendation-card-button {
align-items: center;
background: #ffffff;
border-radius: 16px;
box-sizing: border-box;
cursor: pointer;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
height: 24px;
margin-right: 8px;
mix-blend-mode: normal;
width: 24px
}
.waffle-assistant-overlay-recommendation-card-diff-information,
.waffle-assistant-overlay-recommendation-card-error {
padding: 2px;
font-family: Roboto;
font-size: 14px
}
.waffle-assistant-overlay-recommendation-card-diff-information {
padding: 10px 8px 10px 8px;
border: 1px solid #dadce0;
border-radius: 3px
}
.waffle-assistant-overlay-recommendation-card-error-with-description {
background: #f8f9fa;
padding: 8px 12px 8px 12px;
border-radius: 8px 8px 0 0
}
.waffle-assistant-overlay-recommendation-card-error-chip {
width: 0;
height: 0;
position: absolute;
top: 0;
right: 0;
border-left: 8px solid transparent;
border-bottom: 8px solid transparent;
border-right: 8px solid #d93025;
border-top: 8px solid #d93025;
border-radius: 0 8px 0 0
}
.waffle-assistant-overlay-recommendation-card-diff-information-error {
color: #d93025;
text-decoration: line-through;
font-weight: bold
}
.waffle-assistant-overlay-recommendation-card-diff-information-fix {
color: #188038;
font-weight: bold
}
.waffle-assistant-overlay-recommendation-card-accept-button-icon .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg) !important
}
.waffle-assistant-overlay-recommendation-card-button-icon {
margin: auto !important;
width: 19px !important
}
.formula-corrections-card .waffle-assistant-overlay-recommendation-card-button-icon {
height: 24px;
width: 24px !important
}
.formula-corrections-card.waffle-assistant-overlay-recommendation-card-is-collapsed .waffle-assistant-overlay-recommendation-card-button-icon {
height: 18px;
width: 18px
}
.formula-corrections-card.waffle-assistant-overlay-recommendation-card-is-collapsed .waffle-assistant-overlay-recommendation-card-chip-accept-button-wrapper .docs-icon-check {
padding: 1px 0 0 1px
}
.formula-corrections-card.waffle-assistant-overlay-recommendation-card-is-collapsed .waffle-assistant-overlay-recommendation-card-chip-close .docs-icon-editors-ia-close {
padding-left: 2px
}
.waffle-assistant-overlay-recommendation-card-accept-button-icon {
margin-top: 2px !important
}
.formula-corrections-card .waffle-assistant-overlay-recommendation-card-accept-button-icon {
margin-top: auto !important;
height: 24px;
width: 24px
}
.waffle-assistant-overlay-recommendation-card-reject-button {
border: 1px solid #dadce0
}
.waffle-assistant-overlay-recommendation-card-reject-button:hover {
background: #f8f9fa
}
.waffle-assistant-overlay-recommendation-card-reject-button:focus {
background: #f1f3f4;
border: 1px solid #202124
}
.waffle-assistant-overlay-recommendation-card-reject-button:active {
background: #f1f3f4;
border: 1px solid #dadce0
}
.waffle-assistant-overlay-recommendation-card-menu-button {
padding: 0
}
.docs-hc-gecko .waffle-assistant-overlay-recommendation-card-accept-button,
.docs-hc-gecko .waffle-assistant-overlay-recommendation-card-reject-button {
filter: invert(100%)
}
.waffle-assistant-overlay-recommendation-chip .waffle-assistant-overlay-recommendation-card-chip-dot-dot-dot,
.waffle-assistant-overlay-recommendation-chip .waffle-assistant-overlay-recommendation-card-chip-close {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding: 3px
}
.waffle-assistant-overlay-recommendation-chip .waffle-assistant-overlay-recommendation-card-chip-dot-dot-dot:hover,
.waffle-assistant-overlay-recommendation-chip .waffle-assistant-overlay-recommendation-card-chip-close:hover,
.waffle-assistant-overlay-recommendation-chip .waffle-assistant-overlay-recommendation-card-chip-expand-button-wrapper .waffle-assistant-overlay-recommendation-card-button:hover {
background-color: #f1f3f4
}
.waffle-assistant-overlay-recommendation-chip .waffle-assistant-overlay-recommendation-card-chip-accept-button-wrapper .waffle-assistant-overlay-recommendation-card-button:hover {
background: rgba(24, 128, 56, 0.04)
}
.waffle-assistant-overlay-recommendation-chip .docs-material.waffle-assistant-overlay-recommendation-card-button .docs-icon {
margin: 0
}
.waffle-assistant-overlay-recommendation-card-chip-dot-dot-dot.waffle-assistant-overlay-recommendation-card-button .docs-material-button-content .docs-icon.goog-inline-block {
margin: 0
}
.waffle-assistant-overlay-recommendation-card-chip-dot-dot-dot.docs-material-button-flat-primary.docs-material-button-focused,
.waffle-assistant-overlay-recommendation-card-chip-dot-dot-dot.docs-material-button-flat-default.docs-material-button-focused {
padding: 0
}
.waffle-assistant-overlay-recommendation-card-view-suggestion {
color: #188038;
display: block;
font: 14px "Google Sans";
line-height: 20px;
margin-left: 3px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-assistant-overlay-recommendation-card-formula-visible-enabled .waffle-assistant-overlay-recommendation-card-view-suggestion {
display: none
}
.waffle-assistant-overlay-recommendation-card-formula-visible-enabled .waffle-assistant-overlay-recommendation-card-formula-visible-button {
display: block
}
.waffle-assistant-overlay-recommendation-card-formula-visible-button {
display: none
}
.waffle-assistant-overlay-recommendation-chip .waffle-assistant-overlay-recommendation-star.docs-material .docs-icon-img,
.waffle-assistant-overlay-recommendation-chip .waffle-assistant-overlay-recommendation-star.docs-material .docs-icon-img:before {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.docs-icon-img-container {}
.docs-icon-overflow-three-dots {}
.docs-icon-editors-ia-close {}
.waffle-autofill-previews-range-highlighter-border {
border-color: #188038;
border-style: solid
}
.waffle-autofill-previews-range-highlighter-rect {
background-color: #e6f4ea;
opacity: 0.50;
pointer-events: none
}
.waffle-suggestion-preview-range-highlighter-after-border {
border-color: #188038;
border-style: dashed
}
.waffle-suggestion-preview-range-highlighter-after-rect {
background-color: #e6f4ea;
opacity: 0.50;
pointer-events: none
}
.waffle-suggestion-preview-range-highlighter-before-border {
border-color: #d93025;
border-style: dashed
}
.waffle-suggestion-preview-range-highlighter-before-rect {
background-color: #fce8e6;
opacity: 0.50;
pointer-events: none
}
.waffle-suggestion-preview-range-highlighter-error-border {
border-color: #d93025;
border-style: solid
}
.waffle-db-object-formula-tooltip-help-button {
box-sizing: border-box;
display: inline-block;
height: 20px;
outline: none;
padding: 2px;
vertical-align: bottom;
width: 20px
}
.waffle-db-object-formula-tooltip-help-button-hover {
background: #f1f3f4;
border-radius: 75%
}
.waffle-db-object-formula-tooltip-help-bubble-visible .waffle-db-object-formula-tooltip-help-button,
.waffle-db-object-formula-tooltip-help-button-focused,
.waffle-db-object-formula-tooltip-help-button-active {
background: #e6f4ea;
border-radius: 75%
}
.waffle-db-object-formula-tooltip-help-icon {
height: 100%;
width: 100%
}
.waffle-db-object-formula-tooltip-help-bubble-visible .waffle-db-object-formula-tooltip-help-button .waffle-db-object-formula-tooltip-help-icon,
.waffle-db-object-formula-tooltip-help-button-focused .waffle-db-object-formula-tooltip-help-icon,
.waffle-db-object-formula-tooltip-help-button-active .waffle-db-object-formula-tooltip-help-icon {
fill: #188038
}
.waffle-db-object-formula-tooltip-help-bubble {
border: none;
border-radius: 8px;
box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15);
font-size: 12px;
padding: 16px 16px 16px 18px
}
.waffle-db-object-formula-tooltip-help-bubble:focus {
outline: 1px solid transparent
}
.waffle-calculated-columns-tooltip-help-bubble {
max-width: 280px;
width: 280px
}
.waffle-calculated-fields-tooltip-help-bubble {
max-width: 330px;
width: 330px
}
.waffle-db-object-formula-tooltip-help-bubble-title {
color: #3c4043;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.25px;
line-height: 20px;
margin-bottom: 19px
}
.waffle-db-object-formula-tooltip-help-bubble-subtitle {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 16px
}
.waffle-db-object-formula-tooltip-help-bubble-example {
background-color: #f1f3f4;
border-radius: 3px;
color: #202124;
display: inline-block;
font-family: 'Roboto Mono', 'Consolas', monospace;
font-size: 14px;
letter-spacing: 0.25px;
line-height: 20px;
margin: 9px 0 16px 0;
opacity: 70%;
padding: 3px 8px 2px 7px
}
.waffle-db-object-formula-tooltip-help-bubble-link {
color: #1a73e8;
display: block;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.25px;
line-height: 20px
}
.waffle-dv-table .waffle-data-validation-dialog {
min-width: 672px
}
.waffle-data-validation-dialog .waffle-dv-table .waffle-dv-list-options-textarea {
margin: 0;
max-width: 251px;
padding: 7px
}
.waffle-data-validation-dialog .waffle-dv-table .waffle-dv-editbox-number {
margin: 0;
width: 50px
}
.waffle-data-validation-dialog .waffle-dv-table .waffle-dv-editbox-text {
margin: 0
}
.waffle-data-validation-dialog .waffle-dv-table .waffle-dv-editbox-date {
margin: 0;
width: 72px
}
.waffle-data-validation-dialog .waffle-input-error-butter-container {
margin-left: 180px;
margin-top: -50px;
z-index: 999;
width: auto
}
.waffle-dv-table .waffle-dv-customcheckboxlabel {
padding-top: 14px
}
.waffle-dv-table .docs-material-gm-labeled-checkbox {
padding: 0
}
.waffle-dv-table {
width: 672px
}
.waffle-dv-table.jfk-select {
margin-right: 8px
}
.waffle-dv-table.goog-flat-menu-button {
margin-left: 0;
height: 36px
}
.waffle-dv-table .waffle-dv-on-invalid-data .jfk-radiobutton-radio {
left: 2px
}
.waffle-dv-table .waffle-dv-on-invalid-data .jfk-radiobutton:not(:last-child) {
padding-right: 20px
}
.docs-material-gm-range-help-text {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
padding-left: 12px;
width: 100%
}
.waffle-db-object-formula-dialog {
height: 505px;
max-width: 670px;
min-width: 510px
}
.waffle-db-object-formula-dialog .modal-dialog-title {
margin-bottom: 12px
}
.waffle-db-object-formula-dialog .modal-dialog-title-text {
height: 24px
}
.waffle-db-object-formula-description {
color: #3c4043;
display: inline-block;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
height: 40px;
letter-spacing: 0.25px;
line-height: 20px;
margin: 0 0 16px 0
}
.waffle-db-object-formula-tooltip {
display: inline-block
}
.waffle-db-object-formula-display-name-title {
color: #3c4043;
display: inline-block;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.25px;
line-height: 20px;
margin-bottom: 7px
}
.docs-dialog.waffle-db-object-formula-dialog .waffle-db-object-formula-display-name-input {
display: inline-block;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
letter-spacing: 0.17px;
margin: 0
}
.docs-dialog.waffle-db-object-formula-dialog .waffle-db-object-formula-display-name-input-invalid,
.docs-dialog.waffle-db-object-formula-dialog .waffle-db-object-formula-display-name-input-invalid:focus {
border: 2px solid #d93025;
padding: 0 7px
}
.docs-dialog.waffle-db-object-formula-dialog .waffle-db-object-formula-display-name-error {
color: #d93025;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
height: 16px;
letter-spacing: 0.3px;
line-height: 16px;
margin: 4px 0 8px 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.docs-dialog.waffle-db-object-formula-dialog .waffle-db-object-formula-formula-editor {
display: inline-block;
position: relative
}
.waffle-db-object-formula-display-name-title,
.waffle-db-object-formula-display-name-error,
.waffle-db-object-formula-display-name-input,
.waffle-db-object-formula-formula-editor {
width: calc(100% - 212px)
}
.waffle-db-object-formula-dialog-view-only .waffle-db-object-formula-display-name-title,
.waffle-db-object-formula-dialog-view-only .waffle-db-object-formula-display-name-input,
.waffle-db-object-formula-dialog-view-only .waffle-db-object-formula-formula-editor {
width: 100%
}
.docs-dialog.waffle-db-object-formula-dialog .waffle-db-object-formula-toggle-tabs {
display: inline-block;
float: right;
height: 27px;
line-height: 27px;
margin-left: 7px;
min-width: 205px;
width: 205px
}
.waffle-db-object-formula-dialog .waffle-db-object-formula-toggle-tabs.waffle-gm-sidebar .docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab,
.waffle-db-object-formula-dialog .waffle-db-object-formula-toggle-tabs.waffle-gm-sidebar .docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab:hover {
height: 27px;
line-height: 27px;
margin-top: 0
}
.waffle-db-object-formula-dialog .waffle-db-object-formula-toggle-tabs.waffle-gm-sidebar .docs-sidebar-toggle-tabs .jfk-button.docs-sidebar-toggle-tab-active {
color: #188038
}
.waffle-db-object-formula-dialog .waffle-db-object-formula-toggle-tabs.waffle-gm-sidebar .docs-sidebar-toggle-tabs .jfk-button-focused.docs-sidebar-toggle-tab-inactive>div:after {
border-bottom: 2px dotted #188038
}
.docs-dialog.waffle-db-object-formula-dialog .waffle-db-object-formula-column-menu-tab,
.docs-dialog.waffle-db-object-formula-dialog .waffle-db-object-formula-function-menu-tab {
display: inline;
float: right;
height: 319px;
margin-bottom: 24px;
margin-left: 7px;
margin-top: 0;
min-width: 205px;
position: relative;
width: 205px
}
.docs-dialog.waffle-db-object-formula-dialog .waffle-db-object-formula-column-menu-tab .goog-menu.waffle-dbsource-column-filtered-menu,
.docs-dialog.waffle-db-object-formula-dialog .waffle-db-object-formula-function-menu-tab .goog-menu.waffle-function-filtered-menu {
border: 1px solid #dadce0;
box-shadow: none;
box-sizing: border-box;
height: 319px;
min-width: 205px;
overflow-x: hidden;
position: absolute;
width: 205px
}
.waffle-db-object-formula-webkit-tab-override {
position: absolute !important;
margin-top: 27px !important
}
.docs-dialog.waffle-db-object-formula-dialog .waffle-db-object-formula-column-menu-tab .goog-menu.waffle-dbsource-column-filtered-menu::-webkit-scrollbar-thumb {
min-height: 70px
}
.docs-dialog.waffle-db-object-formula-dialog .waffle-db-object-formula-column-menu-tab .goog-menu.waffle-dbsource-column-filtered-menu .goog-menu-filter {
padding: 8px 6px 8px 9px
}
.docs-dialog.waffle-db-object-formula-dialog .waffle-db-object-formula-column-menu-tab .goog-menu.waffle-dbsource-column-filtered-menu .goog-menu-filter input {
line-height: 24px;
padding: 0
}
.docs-dialog.waffle-db-object-formula-dialog .waffle-db-object-formula-column-menu-tab .goog-menu.waffle-dbsource-column-filtered-menu .goog-menu-filter:before {
margin-right: 5px;
transform: scale(0.75)
}
.waffle-db-object-formula-dialog .modal-dialog-buttons {
margin-top: 0
}
.docs-hc-gecko.waffle-db-object-formula-dialog .modal-dialog-buttons:focus {
outline: 1px solid transparent
}
.waffle-db-object-formula-editor-container-overall {
display: flex;
flex-direction: column;
height: 255px !important;
margin-bottom: 24px
}
.waffle-db-object-formula-editor-container {
border: 1px solid #dadce0;
border-radius: 4px;
box-sizing: border-box;
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
position: relative
}
.waffle-db-object-formula-editor-container-focus {
border: 2px solid #1a73e8;
border-radius: 4px
}
.waffle-db-object-formula-editor-container-invalid {
border: 2px solid #d93025;
border-radius: 4px
}
.waffle-db-object-formula-editor-container .waffle-db-object-formula-editor-input-container {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
height: 100%;
position: relative;
width: 100%
}
.waffle-db-object-formula-editor-container .waffle-db-object-formula-editor-input-container .waffle-db-object-formula-editor-input,
.waffle-db-object-formula-editor-container .waffle-db-object-formula-editor-input-container .waffle-db-object-formula-editor-input:focus {
border: none;
font-family: 'Roboto Mono', 'Consolas', monospace;
font-size: 14px;
font-weight: 500;
height: 100% !important;
letter-spacing: 0.2px;
margin: 0;
outline: none;
resize: none;
width: 100%
}
.waffle-db-object-formula-editor-container .waffle-db-object-formula-editor-input-container .waffle-db-object-formula-editor-input::placeholder {
font-weight: 400
}
.waffle-db-object-formula-editor-container .waffle-db-object-formula-editor-input-container .waffle-db-object-formula-editor-input {
padding: 7px 8px
}
.waffle-db-object-formula-editor-container-invalid .waffle-db-object-formula-editor-input-container .waffle-db-object-formula-editor-input,
.waffle-db-object-formula-editor-container-focus .waffle-db-object-formula-editor-input-container .waffle-db-object-formula-editor-input {
padding: 6px 7px
}
.waffle-db-object-formula-editor-summarize-function-containter {
height: 40px;
margin-top: 10px
}
.waffle-db-object-formula-editor-summarize-function-label {
color: #5f6368;
display: inline;
line-height: 40px;
padding-right: 5px;
font-size: 14px;
vertical-align: middle
}
.waffle-db-object-formula-editor-summarize-function-menu {
display: inline
}
.waffle-db-object-formula-editor-summarize-function-menu .goog-flat-menu-button.jfk-select {
width: 100px
}
.docs-hc-gecko.waffle-db-object-formula-editor-container .docs-gm .modal-dialog .goog-flat-menu-button-focused {
outline: 1px solid transparent !important
}
.waffle-named-formulas-import-selection-dialog {
min-width: 464px;
max-width: 512px
}
.waffle-named-formulas-import-selection-dialog .docs-material-gm-dialog-title {
display: flex
}
.waffle-named-formulas-import-selection-dialog .docs-material-gm-dialog-title .docs-material-gm-dialog-title-text {
margin-right: 16px
}
.waffle-named-formulas-import-selection-dialog .docs-material-gm-dialog-content {
padding: 0 24px
}
.waffle-named-formulas-import-selection-dialog-description {
align-items: center;
color: #3c4043;
display: flex;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.1px;
line-height: 24px
}
.waffle-named-formulas-import-selection-dialog-named-formulas-list {
display: flex;
flex-direction: column;
max-height: 360px;
min-height: 200px;
margin-top: 24px;
overflow: scroll
}
.waffle-named-formulas-import-selection-dialog-named-formula-list-item {
display: flex;
flex-direction: row;
margin-bottom: 16px
}
.waffle-named-formulas-import-selection-dialog-named-formula-list-item-icon {
align-self: center;
margin-right: 24px
}
.waffle-named-formulas-import-selection-dialog-named-formula-list-item-content {
display: flex;
flex-direction: column;
flex-grow: 1;
margin-right: 12px
}
.waffle-named-formulas-import-selection-dialog-named-formula-list-item-content-function-signature {
align-items: center;
color: #3c4043;
display: flex;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.2px;
line-height: 20px;
overflow-wrap: anywhere
}
.waffle-named-formulas-import-selection-dialog-named-formula-list-item-content-function-description {
align-items: center;
color: #5f6368;
display: flex;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 16px;
overflow-wrap: anywhere;
padding-bottom: 8px
}
.waffle-named-formulas-import-selection-dialog-named-formula-list-item-content-formula-definition-wrapper {
display: flex;
background: #f1f3f4;
border-radius: 4px;
overflow-wrap: anywhere
}
.waffle-named-formulas-import-selection-dialog-named-formula-list-item-content-formula-definition {
color: #3c4043;
font-family: 'Roboto Mono', 'Consolas', monospace;
font-size: 12px;
line-height: 20px;
padding: 8px
}
.waffle-named-formulas-import-selection-dialog-named-formula-list-item-error.docs-material .docs-icon {
height: 24px;
width: 24px
}
.waffle-named-formulas-import-selection-dialog-named-formula-list-item-import-warning-icon .waffle-named-formulas-import-selection-dialog-named-formula-list-item-error.docs-material .docs-icon {
height: 20px;
width: 20px
}
.waffle-named-formulas-import-selection-dialog-named-formula-list-item-signature-container {
display: flex;
flex-direction: row
}
.waffle-named-formulas-import-selection-dialog-named-formula-list-item-import-warning-icon {
margin-right: 4px
}
.waffle-named-formulas-import-selection-dialog-dependent-functions-not-selected-warning,
.waffle-named-formulas-import-selection-dialog-external-source-interaction-warning,
.waffle-named-formulas-import-selection-dialog-named-formula-list-item-dependent-not-selected-warning,
.waffle-named-formulas-import-selection-dialog-named-formula-list-item-external-source-interaction-warning,
.waffle-named-formulas-import-selection-dialog-named-formula-list-item-named-function-with-same-name-exist-warning,
.waffle-named-formulas-import-selection-dialog-named-function-with-same-name-exist-warning {
color: #d93025;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 20px
}
.waffle-named-formulas-import-selection-dialog-dependent-functions-not-selected-warning {
padding-top: 4px
}
.waffle-named-formulas-import-selection-dialog-named-formula-list-item-dependent-not-selected-warning {
padding-bottom: 4px
}
.waffle-named-formulas-import-selection-dialog-named-functions-with-external-source-not-allowed-note {
color: #80868b;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 20px
}
.waffle-source-destination-selection-dialog {
min-width: 350px;
border-radius: 10px
}
.waffle-source-destination-selection-dialog .docs-material-gm-dialog-title-close {
cursor: pointer
}
.waffle-sdsd-source-container .waffle-sdsd-rangepicker-container {
padding: 0 0 16px
}
.waffle-sdsd-destination-container .waffle-sdsd-rangepicker-container {
padding: 0 0 16px 22px
}
.waffle-sdsd-rangepicker-label {
color: rgba(0, 0, 0, 0.54)
}
.waffle-sdsd-rangepicker-error-label {
color: #d23f31;
font-size: 13px
}
.waffle-sdsd-destination-selection {
padding: 10px 0
}
.waffle-sdsd-destination-selection .jfk-radiobutton {
padding: 5px 0
}
.waffle-sdsd-destination-selection .jfk-radiobutton-radio {
left: 0
}
.waffle-source-destination-selection-dialog-footer-section {
display: flex;
justify-content: space-between;
padding: 24px
}
.waffle-source-destination-selection-dialog-footer-section .docs-material-gm-dialog-buttons {
padding: 0
}
.waffle-sdsd-left-footer-component-container {
align-self: center
}
.waffle-range-selection-container {
border: 1px solid #dadce0;
border-radius: 4px;
box-sizing: border-box;
color: #3c4043;
padding: 1px 8px;
font-size: 14px;
height: 36px;
margin: 8px 0;
align-items: center;
background: #fff;
display: flex;
margin: 0;
min-width: 20px;
padding: 1px;
width: 100%
}
.waffle-range-selection-input,
.waffle-range-selection-input:focus {
background: transparent;
border: none;
box-sizing: border-box;
box-shadow: none;
height: 25px;
color: inherit;
font: inherit;
margin: 0;
outline: none;
padding: 1px 8px;
width: calc(100% - 34px)
}
.waffle-range-selection-button-container {
overflow: hidden;
padding: 0;
text-align: right;
width: 34px
}
.waffle-range-selection-button:hover,
.waffle-range-selection-button:focus {
opacity: 0.9
}
.waffle-range-selection-container.waffle-range-selection-container-focus {
border: 2px solid #1a73e8;
box-shadow: none;
padding: 0px 7px;
padding: 0
}
.modal-dialog .waffle-range-selection-container .waffle-range-selection-button,
.modal-dialog .waffle-range-selection-container .waffle-range-selection-button:hover,
.modal-dialog .waffle-range-selection-container .waffle-range-selection-button:focus,
.modal-dialog .waffle-range-selection-container .waffle-range-selection-button:hover:focus,
.modal-dialog .waffle-range-selection-container .waffle-range-selection-button:active,
.waffle-range-selection-container .waffle-range-selection-button {
background: transparent !important;
border: transparent !important;
cursor: pointer;
line-height: 34px;
padding: 0;
white-space: nowrap
}
.waffle-range-selection-button {
line-height: 33px;
margin: 0;
opacity: .70
}
.waffle-dialog-validation-widget-open-button {
border-radius: 50%;
bottom: 8px;
box-sizing: border-box;
cursor: pointer;
height: 20px;
position: absolute;
right: 8px;
width: 20px;
z-index: 10
}
.waffle-db-object-formula-editor-container-focus .waffle-dialog-validation-widget-open-button,
.waffle-db-object-formula-editor-container-invalid .waffle-dialog-validation-widget-open-button {
bottom: 7px;
right: 7px
}
.waffle-dialog-validation-widget-open-button .waffle-dataconnector-info-icon {
height: 100%;
width: 100%
}
.waffle-dialog-validation-widget-open-button-hover,
.waffle-dialog-validation-widget-open-button-focused {
background: rgba(66, 133, 244, 0.26)
}
.waffle-dialog-validation-widget-loading>.waffle-dialog-validation-widget-bar .waffle-dialog-validation-widget-spinner {
display: block;
height: 20px;
margin-right: 8px;
min-width: 20px;
width: 20px
}
.waffle-dialog-validation-widget-bar .waffle-dialog-validation-widget-spinner,
.waffle-dialog-validation-widget-spinner {
display: none
}
.waffle-dialog-validation-widget-loading .waffle-dialog-validation-widget-spinner {
display: block
}
.waffle-dialog-validation-widget-loading .waffle-dialog-validation-widget-spinner .waffle-spinner,
.waffle-dialog-validation-widget-loading .waffle-dialog-validation-widget-bar .waffle-dialog-validation-widget-spinner .waffle-spinner {
height: 18px;
width: 18px
}
.waffle-dialog-validation-widget-loading .waffle-dialog-validation-widget-spinner .waffle-spinner-circle,
.waffle-dialog-validation-widget-loading .waffle-dialog-validation-widget-bar .waffle-dialog-validation-widget-spinner .waffle-spinner-circle {
border-width: 2px
}
.waffle-dialog-validation-widget-bar {
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: space-between;
justify-content: space-between;
background: rgba(66, 133, 244, 0.12);
bottom: 0;
box-sizing: border-box;
color: #3367d6;
display: none;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 400;
max-height: 76px;
min-height: 40px;
padding: 8px 8px 8px 16px;
position: relative;
right: 0;
width: 100%
}
.waffle-db-object-formula-editor-container-focus .waffle-dialog-validation-widget-bar,
.waffle-db-object-formula-editor-container-invalid .waffle-dialog-validation-widget-bar {
max-height: 75px;
min-height: 39px;
padding: 8px 7px 7px 15px
}
.waffle-dialog-validation-widget-visible>.waffle-dialog-validation-widget-bar {
display: flex
}
.waffle-dialog-validation-widget-visible>.waffle-dialog-validation-widget-open-button {
display: none
}
.waffle-dialog-validation-widget-bar .waffle-dataconnector-error-icon-filled {
height: 20px;
margin-right: 8px;
min-width: 20px;
width: 20px
}
.waffle-dialog-validation-widget-valid>.waffle-dialog-validation-widget-bar {
background: rgba(15, 157, 88, 0.12);
color: #097138
}
.waffle-dialog-validation-widget-bar .waffle-dataconnector-info-icon {
height: 20px;
margin-right: 8px;
min-width: 20px;
width: 20px
}
.waffle-dialog-validation-widget-valid .waffle-dataconnector-info-icon,
.waffle-dialog-validation-widget-invalid .waffle-dataconnector-info-icon,
.waffle-dialog-validation-widget-loading .waffle-dataconnector-info-icon {
display: none
}
.waffle-dialog-validation-widget .waffle-dataconnector-error-icon-filled {
display: none
}
.waffle-dialog-validation-widget-bar .waffle-dataconnector-error-icon-filled {
margin-right: 8px
}
.waffle-dialog-validation-widget .waffle-dataconnector-valid-icon {
display: none
}
.waffle-dialog-validation-widget-bar .waffle-dataconnector-valid-icon {
height: 20px;
margin-right: 8px;
min-width: 20px;
width: 20px
}
.waffle-dialog-validation-widget-invalid .waffle-dialog-validation-widget-bar {
background: rgba(219, 68, 55, 0.12);
color: #b93221
}
.waffle-dialog-validation-widget-invalid .waffle-dataconnector-error-icon-filled {
display: block
}
.waffle-dialog-validation-widget-valid .waffle-dataconnector-valid-icon {
display: block
}
.waffle-dialog-validation-widget-message {
line-height: 20px;
max-height: 60px;
max-width: calc(100% - 30px);
overflow: auto;
white-space: pre-wrap
}
.waffle-dialog-validation-widget-close-button {
border-radius: 50%;
cursor: pointer;
height: 24px;
margin-left: auto;
width: 24px
}
.waffle-dialog-validation-widget-close-button svg {
height: 20px;
margin: 2px;
width: 20px
}
.waffle-dialog-validation-widget .waffle-dataconnector-close-icon polygon {
fill: #3367d6
}
.waffle-dialog-validation-widget-close-button-hover,
.waffle-dialog-validation-widget-close-button-focused {
background: rgba(66, 133, 244, 0.26);
outline: none
}
.waffle-dialog-validation-widget-invalid .waffle-dialog-validation-widget-close-button-hover,
.waffle-dialog-validation-widget-invalid .waffle-dialog-validation-widget-close-button-focused {
background: rgba(219, 68, 55, 0.26)
}
.waffle-dialog-validation-widget-valid .waffle-dialog-validation-widget-close-button-hover,
.waffle-dialog-validation-widget-valid .waffle-dialog-validation-widget-close-button-focused {
background: rgba(15, 157, 88, 0.26)
}
.waffle-dialog-validation-widget-valid .waffle-dataconnector-close-icon polygon {
fill: #097138
}
.waffle-dialog-validation-widget-invalid .waffle-dataconnector-close-icon polygon {
fill: #b93221
}
.waffle-gridpill-wrapper {
display: flex;
height: min-content;
overflow: hidden
}
.waffle-gridpill {
background: white;
border-radius: 8px;
box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15);
box-sizing: border-box;
color: #4285f4;
display: flex;
position: fixed;
transition: height 0.15s cubic-bezier(0.2, 0, 0, 1), width 0.15s cubic-bezier(0.2, 0, 0, 1);
white-space: nowrap
}
.waffle-gridpill.waffle-gridpill-expand {
transition: height 0.2s cubic-bezier(0.2, 0, 0, 1), width 0.2s cubic-bezier(0.2, 0, 0, 1)
}
.waffle-gridpill .docs-material-button-ripple-element {
display: none
}
.waffle-gridpill-button-divider {
background-color: #dadce0;
height: 16px;
margin: auto 6px auto 0;
width: 1px
}
.waffle-gridpill-dismiss-menu-button-wrapper,
.docs-material,
.docs-icon-img-container,
.waffle-objwrap-gvizchart {}
.waffle-gridpill.notransition,
.waffle-gridpill.notransition * {
transition: none !important
}
.waffle-gridpill-collapsed-content {
-webkit-align-items: center;
align-items: center;
display: flex;
-webkit-justify-content: center;
justify-content: center;
left: 0;
position: absolute;
top: 0
}
.waffle-gridpill-rtl-grid .waffle-gridpill-collapsed-content {
left: unset;
right: 0
}
.waffle-gridpill-collapsed-content>div {
display: flex
}
.waffle-gridpill-expand .waffle-gridpill-collapsed-content {
display: none
}
.waffle-gridpill-expanded-content {
display: flex;
opacity: 0;
padding: 6px
}
.waffle-gridpill-expand .waffle-gridpill-expanded-content {
opacity: 1
}
.waffle-gridpill-expanded-content-placeholder {
display: flex;
left: 0;
opacity: 0;
position: absolute;
top: 0;
z-index: -1
}
.waffle-gridpill-rtl-grid .waffle-gridpill-expanded-content-placeholder {
left: unset;
right: 0
}
.waffle-gridpill-hover {}
.docs-material-menu-button-flat-default.waffle-gridpill-button,
.waffle-gridpill .docs-material-button.waffle-gridpill-button {
border: none !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
height: 24px;
letter-spacing: 0.25px;
line-height: 24px;
margin: 0 6px 0 0;
padding: 0 8px 0 4px;
text-transform: none
}
@media screen and (forced-colors:active) {
.waffle-gridpill .docs-material-menu-button-flat-default-focused,
.waffle-gridpill .docs-material-button-focused {
outline: 1px solid Highlight;
outline-offset: 0
}
}
.waffle-gridpill .docs-material-button.waffle-gridpill-button.docs-material-button-flat-default {
color: #202124;
fill: #3c4043
}
.waffle-gridpill .waffle-gridpill-expanded-content>div:last-of-type .docs-material-menu-button-flat-default.waffle-gridpill-button,
.waffle-gridpill .waffle-gridpill-expanded-content>div:last-of-type .docs-material-button.waffle-gridpill-button {
margin-right: 0
}
.waffle-gridpill-button .docs-material-menu-button-flat-default-caption,
.waffle-gridpill .waffle-gridpill-button .docs-material-button-content {
-webkit-align-items: center;
align-items: center;
display: flex
}
.waffle-gridpill .waffle-gridpill-button .docs-material-button-content>div+span,
.waffle-gridpill .waffle-gridpill-button .docs-material-button-content>svg+span {
margin-left: 8px
}
.docs-material-menu-button-flat-default.waffle-gridpill-button.waffle-gridpill-button-icon-only,
.waffle-gridpill .docs-material-button.waffle-gridpill-button.waffle-gridpill-button-icon-only {
fill: #5f6368;
padding: 0 3px;
width: 24px
}
.docs-material-menu-button-flat-default.waffle-gridpill-button-icon-only .docs-material-menu-button-flat-default-caption,
.waffle-gridpill .docs-material-button.waffle-gridpill-button-icon-only .docs-material-button-content {
top: 3px
}
.waffle-gridpill .docs-material-button.waffle-gridpill-button-label-only {
padding: 0 8px
}
.waffle-gridpill .docs-icon {
margin: 0;
position: relative
}
.waffle-gridpill-button.docs-material-menu-button-flat-default-hover .docs-icon-img,
.waffle-gridpill-button.docs-material-menu-button-flat-default-focused .docs-icon-img,
.waffle-gridpill-button.docs-material-menu-button-flat-default-active .docs-icon-img,
.waffle-gridpill-button.docs-material-button-hover .docs-icon-img,
.waffle-gridpill-button.docs-material-button-focused .docs-icon-img,
.waffle-gridpill-button.docs-material-button-active .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_dark.svg)
}
.waffle-gridpill-button.docs-material-menu-button-flat-default.docs-material-menu-button-flat-default-hover,
.waffle-gridpill-button.docs-material-button-flat-default.docs-material-button.docs-material-button-hover {
background: rgba(32, 33, 36, 0.04);
color: #202124;
fill: #202124
}
.waffle-gridpill-button.docs-material-menu-button-flat-default.docs-material-menu-button-flat-default-focused,
.waffle-gridpill-button.docs-material-button-flat-default.docs-material-button.docs-material-button-focused {
background: rgba(32, 33, 36, 0.12);
color: #202124;
fill: #202124
}
.waffle-gridpill-button.docs-material-menu-button-flat-default.docs-material-menu-button-flat-default-active,
.waffle-gridpill-button.docs-material-button-flat-default.docs-material-button.docs-material-button-active {
background: rgba(32, 33, 36, 0.10);
color: #202124;
fill: #202124
}
.waffle-gridpill .waffle-gridpill-button-green .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.waffle-gridpill-button-green.waffle-gridpill-button.docs-material-button-flat-default.docs-material-button {
color: #188038;
fill: #188038
}
.waffle-gridpill-button-green.waffle-gridpill-button.docs-material-button-flat-default.docs-material-button.docs-material-button-hover {
background: rgba(24, 128, 56, 0.04);
color: #0d652d;
fill: #0d652d
}
.waffle-gridpill-button-green.waffle-gridpill-button.docs-material-button-flat-default.docs-material-button.docs-material-button-focused {
background: rgba(24, 128, 56, 0.12);
color: #0d652d;
fill: #0d652d
}
.waffle-gridpill-button-green.waffle-gridpill-button.docs-material-button-flat-default.docs-material-button.docs-material-button-active {
background: rgba(24, 128, 56, 0.10);
color: #0d652d;
fill: #0d652d
}
.waffle-gridpill-button-red.waffle-gridpill-button.docs-material-button-flat-default.docs-material-button {
color: #d93025;
fill: #d93025
}
.waffle-gridpill-button-red.waffle-gridpill-button.docs-material-button-flat-default.docs-material-button.docs-material-button-hover {
background: rgba(217, 48, 37, 0.04);
color: #a50e0e;
fill: #a50e0e
}
.waffle-gridpill-button-red.waffle-gridpill-button.docs-material-button-flat-default.docs-material-button.docs-material-button-focused {
background: rgba(217, 48, 37, 0.12);
color: #a50e0e;
fill: #a50e0e
}
.waffle-gridpill-button-red.waffle-gridpill-button.docs-material-button-flat-default.docs-material-button.docs-material-button-active {
background: rgba(217, 48, 37, 0.10);
color: #a50e0e;
fill: #a50e0e
}
.waffle-gridpill .docs-material-button-disabled>svg,
.waffle-gridpill-button.docs-material-button-flat-default.docs-material-button.docs-material-button-disabled {
color: rgba(60, 64, 67, 0.38);
fill: rgba(60, 64, 67, 0.38)
}
.waffle-gridpill .docs-material-button-disabled .docs-icon-img,
.waffle-gridpill-button.docs-material-button-flat-default.docs-material-button.docs-material-button-disabled .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_medium.svg);
opacity: 0.38
}
.docs-gm.docs-material.waffle-gridpill-dismiss-menu {
max-width: 282px
}
.waffle-gridpill-dismiss-menu-footnote {
color: rgba(60, 64, 67, 0.38);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 11px;
padding: 6px 12px
}
.docs-material-menu-button-flat-default-focused,
.docs-icon-close {}
.waffle-dbobject-gridpill,
.waffle-dbobject-gridpill-menu-button-wrapper,
.waffle-dbobject-gridpill-edit-button-wrapper,
.docs-icon-edit-outline,
.docs-material-button-disabled {}
.waffle-dbobject-gridpill-collapsed-apply-wrapper .docs-material-button.waffle-gridpill-button {
margin: 6px
}
.waffle-dbobject-gridpill-collapsed-loading-wrapper .waffle-dataconnector-pill-spinner {
box-shadow: inset 0 0 0 2.66px;
color: #188038;
margin: 2px;
transform: scale(0.75)
}
.waffle-dbobject-gridpill-collapsed-refresh-wrapper svg {
fill: #188038;
height: 12px;
width: 12px;
margin: 5px
}
.waffle-dbobject-gridpill-collapsed-showerror-wrapper svg {
fill: #d93025;
height: 15px;
width: 15px;
margin: 3.5px
}
.waffle-dbobject-gridpill-showerror-button-wrapper .waffle-gridpill-button svg {
height: 15px;
width: 15px
}
.waffle-dbobject-gridpill-refresh-button-wrapper .waffle-gridpill-button svg {
height: 12px;
width: 12px
}
.waffle-dbobject-gridpill-info {
display: flex;
font: 400 12px/24px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
letter-spacing: 0.2px;
user-select: none
}
.waffle-dbobject-gridpill-status {
color: #202124;
margin-right: 6px
}
.waffle-dbobject-gridpill-timestamp {
color: #5f6368;
height: 24px;
line-height: 24px;
margin-right: 6px;
white-space: nowrap
}
.waffle-dbobject-gridpill-progress {
-webkit-align-items: center;
align-items: center;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
height: 24px;
line-height: 24px
}
.waffle-dbobject-gridpill-progress .waffle-dataconnector-pill-spinner {
border-radius: 50%;
box-shadow: inset 0 0 0 2px;
color: #188038;
display: inline-block;
height: 18px;
margin: 7px 0;
position: relative;
width: 18px;
margin: 0 6px 0 0
}
.waffle-dbobject-gridpill-progress-message {
color: #202124;
margin-right: 6px
}
.docs-gm,
.docs-material-menu-button-flat-default-focused,
.docs-icon-overflow-three-dots {}
.waffle-dbobject-gridpill-menu.goog-menu .goog-menuitem {
padding-left: 11px
}
.waffle-dbobject-gridpill-menu svg {
height: 20px;
margin-right: 8px;
position: relative;
width: 20px
}
.waffle-dbobject-gridpill-menuitem {
-webkit-align-items: center;
align-items: center;
display: flex;
height: 24px;
line-height: 24px
}
.waffle-dbobject-gridpill-menuitem-generic-action {
padding-left: 27px
}
.waffle-dbobject-gridpill-menuitem-accel {
margin-left: auto;
padding: 0 20px 0 40px;
text-align: center;
color: #9e9e9e
}
.waffle-dbobject-gridpill-menuitem-bigquery-refresh-all,
.waffle-dbobject-gridpill-menuitem-bigquery-helpdoc {}
.waffle-dbobject-gridpill-menuitem-refreshquery,
.waffle-dbobject-gridpill-menuitem-refreshquery-label {}
.waffle-dbobject-gridpill-menuitem .waffle-gridpill-refresh-icon {
fill: #5f6368;
height: 14px;
padding: 3px;
width: 14px
}
.waffle-dbobject-gridpill-menuitem-refreshquery-info svg {
margin: 0
}
.waffle-dbobject-gridpill-menuitem-refreshquery-info-progress {
font-style: italic
}
.waffle-dbobject-gridpill-menuitem-refreshquery-info-error-button {
color: #db4437;
text-decoration: underline;
white-space: nowrap
}
.waffle-dbobject-gridpill-menuitem-refreshquery-info-error-button:focus {
outline: none
}
.waffle-dbobject-gridpill-menuitem-refreshquery-info-message {
color: #616161;
white-space: nowrap
}
.waffle-pivottable-gridpill,
.waffle-pivottable-gridpill-edit-button-wrapper,
.docs-icon-edit-outline,
.docs-material-button-disabled {}
.waffle-pivottable-gridpill-collapsed-edit-wrapper {
padding: 2px
}
.waffle-legacy-gridpill,
.waffle-legacy-gridpill-editquery-button-wrapper,
.waffle-legacy-gridpill-menu-button-wrapper,
.waffle-legacy-gridpill-upgrade-button-wrapper,
.docs-material-button-disabled {}
.waffle-legacy-gridpill-showerror-button-wrapper .waffle-gridpill-button svg {
height: 15px;
width: 15px
}
.waffle-legacy-gridpill-refresh-button-wrapper .waffle-gridpill-button svg {
height: 12px;
width: 12px
}
.waffle-legacy-gridpill-collapsed-loading-wrapper .waffle-dataconnector-pill-spinner {
box-shadow: inset 0 0 0 2.66px;
color: #188038;
margin: 2px;
transform: scale(0.75)
}
.waffle-legacy-gridpill-collapsed-refresh-wrapper svg {
fill: #188038;
height: 12px;
margin: 5px;
width: 12px
}
.waffle-legacy-gridpill-collapsed-showerror-wrapper svg {
fill: #d93025;
height: 15px;
margin: 3.5px;
width: 15px
}
.waffle-legacy-gridpill-info {
display: flex;
font: 400 12px/24px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
letter-spacing: 0.2px
}
.waffle-legacy-gridpill-timestamp {
color: #5f6368;
height: 24px;
line-height: 24px;
margin-right: 6px;
white-space: nowrap
}
.waffle-legacy-gridpill-progress {
-webkit-align-items: center;
align-items: center;
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
height: 24px;
line-height: 24px
}
.waffle-legacy-gridpill-progress .waffle-dataconnector-pill-spinner {
border-radius: 50%;
box-shadow: inset 0 0 0 2px;
color: #188038;
display: inline-block;
height: 18px;
margin: 7px 0;
position: relative;
width: 18px;
margin: 0 6px 0 0
}
.waffle-legacy-gridpill-progress-message {
color: #202124;
margin-right: 6px
}
.docs-material-menu-button-flat-default-focused,
.waffle-legacy-gridpill-menuitem-truncation-bigquery-console,
.waffle-legacy-gridpill-menuitem-truncation-message,
.waffle-legacy-gridpill-menuitem-bigquery-helpdoc,
.waffle-legacy-gridpill-menuitem-viewerror,
.waffle-legacy-gridpill-menuitem-editquery,
.waffle-legacy-gridpill-menuitem-refreshquery-info-message,
.docs-icon-overflow-three-dots {}
.waffle-legacy-gridpill-menu svg {
-webkit-transform: scale(1.4, 1.4);
-moz-transform: scale(1.4, 1.4);
-ms-transform: scale(1.4, 1.4);
-o-transform: scale(1.4, 1.4);
transform: scale(1.4, 1.4);
bottom: -0.125em;
height: 1em;
margin-right: 8px;
position: relative;
width: 1em
}
.waffle-legacy-gridpill-menuitem {
-webkit-align-items: center;
align-items: center;
display: flex;
height: 24px;
line-height: 24px
}
.waffle-legacy-gridpill-menuitem-refreshquery,
.waffle-legacy-gridpill-menuitem-truncation {
padding-right: 15px !important
}
.waffle-legacy-gridpill-menuitem-accel {
margin-left: auto;
padding: 0 20px 0 40px;
text-align: center;
color: #9e9e9e
}
.waffle-legacy-gridpill-menuitem-refreshquery-info svg {
margin: 0
}
.waffle-legacy-gridpill-menuitem-refreshquery-info-progress {
font-style: italic
}
.waffle-legacy-gridpill-menuitem-refreshquery-info-error-button {
color: #db4437;
text-decoration: underline
}
.waffle-name-box-container {
background-color: #fff;
display: inline-flex;
height: 24px
}
.waffle-name-box {
border: none;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
height: 19px;
margin: 2px 0 2px 2px;
padding: 0 8px 0 6px;
width: 69px
}
.waffle-name-box:disabled,
.waffle-name-box-menu-active .waffle-name-box:focus,
.waffle-name-box-container:hover .waffle-name-box:focus,
.waffle-name-box-container:hover .waffle-name-box:disabled,
.waffle-name-box-container:hover .waffle-name-box:disabled+.name-box-dropdown,
.waffle-name-box-menu-active.waffle-name-box-container:hover .waffle-name-box:focus {
background: #fff
}
.waffle-name-box:focus {
border: 2px solid #4d90fe;
margin: 0;
padding: 0 6px
}
.name-box-dropdown.goog-toolbar-menu-button {
cursor: pointer;
height: 18px;
margin: 2px 2px 2px 0;
opacity: 1
}
.name-box-dropdown.goog-toolbar-menu-button .goog-toolbar-menu-button-dropdown .docs-icon {
margin-bottom: 6px
}
.name-box-dropdown.goog-toolbar-menu-button:focus {
background: #e8eaed
}
.goog-menu.waffle-named-box-menu {
padding: 2px 0 0 0;
width: 340px
}
.waffle-named-box-menu-open-sidebar-button-container {
padding: 4px 0
}
.waffle-named-box-menu-open-sidebar-button-focus,
.waffle-named-box-menu-open-sidebar-button-hover,
.waffle-name-box-menu-item-active {
background: #f5f5f5;
border: 1px solid transparent
}
.waffle-named-box-menu-open-sidebar-button.waffle-named-box-menu-open-sidebar-button-focus,
.waffle-named-box-menu-open-sidebar-button.waffle-named-box-menu-open-sidebar-button-hover {
padding: 7px 0 5px 31px
}
.waffle-named-range-autocomplete-row.waffle-name-box-menu-item-active {
padding: 0
}
.goog-menu.waffle-named-box-menu .waffle-name-box-menu-item-hidden .waffle-function-autocomplete-row-name,
.goog-menu.waffle-named-box-menu .waffle-name-box-menu-item-hidden .waffle-named-range-autocomplete-row-content {
color: #888
}
.goog-menu.waffle-named-box-menu .waffle-name-box-menu-item-disabled .waffle-function-autocomplete-row-name,
.goog-menu.waffle-named-box-menu .waffle-name-box-menu-item-disabled .waffle-named-range-autocomplete-row-content {
cursor: not-allowed
}
.waffle-named-box-menu-open-sidebar-button {
color: #5f6368;
cursor: pointer;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
padding: 8px 1px 6px 32px
}
.waffle-named-box-menu-open-sidebar-button:focus {
outline: none
}
.waffle-named-box-menu-open-sidebar-button-disabled {
background: white;
cursor: default;
opacity: 0.38
}
.waffle-name-box-menu-open-sidebar-button-title {
padding-bottom: 4px
}
.waffle-name-box-menu-open-sidebar-button-subtext {
color: #80868b;
font-size: 12px;
letter-spacing: 0.3px;
line-height: 16px;
padding-right: 4px
}
.goog-menu.waffle-named-box-menu .waffle-function-autocomplete-row {
width: auto
}
.goog-menu.waffle-named-box-menu .waffle-function-autocomplete-row-name,
.goog-menu.waffle-named-box-menu .waffle-named-range-autocomplete-row-content {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
overflow: hidden
}
.goog-menu.waffle-named-box-menu .waffle-function-autocomplete-row-description {
color: #80868b;
display: flex;
font-size: 12px;
padding: 7px 0 4px
}
.goog-menu.waffle-named-box-menu .waffle-named-range-autocomplete-row-icon-container {
margin: 4px
}
.goog-menu.waffle-named-box-menu .waffle-named-range-autocomplete-row-content {
margin: 4px 0
}
.waffle-named-box-menu-scrollable-wrapper {
max-height: 324px;
overflow-y: auto
}
.waffle-name-box-menu-open-sidebar-button-separator {
border-top: 1px solid #dadce0;
margin-left: 30px
}
.waffle-name-box-container:hover .waffle-name-box,
.waffle-name-box-container:hover .name-box-dropdown,
.waffle-name-box-menu-active .waffle-name-box,
.waffle-name-box-menu-active .name-box-dropdown,
.waffle-name-box-menu-active.waffle-name-box-container:hover .waffle-name-box,
.waffle-name-box-menu-active.waffle-name-box-container:hover .name-box-dropdown,
.waffle-name-box-menu-active .name-box-dropdown.goog-toolbar-menu-button:focus,
.waffle-name-box-container:hover .name-box-menu-separator-container,
.waffle-name-box-menu-active .name-box-menu-separator-container,
.waffle-name-box-menu-active.waffle-name-box-container:hover .name-box-menu-separator-container {
background: #f5f5f5;
display: inline-flex
}
.waffle-name-box-container:hover .waffle-name-box,
.waffle-name-box-menu-active .waffle-name-box {
width: 67px
}
.docs-grille-gm3 .waffle-name-box-container {
border-radius: 4px;
color: #1f1f1f;
margin: 2px 6px
}
.docs-grille-gm3 .waffle-name-box-container .waffle-name-box {
width: 60px
}
.docs-grille-gm3 .waffle-name-box {
font-family: "Google Sans", Roboto, sans-serif
}
.docs-grille-gm3 .name-box-dropdown.goog-toolbar-menu-button {
margin: 0;
padding: 2px 2px 2px 0
}
.docs-grille-gm3 .waffle-name-box-container:hover .name-box-menu-separator-container,
.docs-grille-gm3 .waffle-name-box-menu-active .name-box-menu-separator-container,
.docs-grille-gm3 .waffle-name-box-menu-active.waffle-name-box-container:hover .name-box-menu-separator-container {
display: none
}
.docs-grille-gm3 .waffle-name-box-container:hover .waffle-name-box,
.docs-grille-gm3 .waffle-name-box-container:hover .name-box-dropdown,
.docs-grille-gm3 .waffle-name-box-container.waffle-name-box-menu-active .waffle-name-box {
background: none
}
.docs-grille-gm3 .waffle-name-box-container:hover {
background: rgba(31, 31, 31, 0.078)
}
.docs-grille-gm3 .waffle-name-box-container:focus,
.docs-grille-gm3 .waffle-name-box-container.waffle-name-box-menu-active,
.docs-grille-gm3 .name-box-dropdown.goog-toolbar-menu-button:focus {
background: rgba(31, 31, 31, 0.122)
}
.docs-grille-gm3 .name-box-dropdown .goog-toolbar-menu-button-dropdown .docs-icon {
margin-bottom: 8px
}
.waffle-named-formulas {
display: flex;
flex-direction: column
}
.waffle-named-formulas-overlay-container {
bottom: auto;
background-color: rgba(0, 0, 0, 0.6);
height: inherit;
position: fixed;
width: 300px;
z-index: 1000
}
.waffle-named-formulas .waffle-sidebar-title .waffle-sidebar-title-text {
margin-right: 16px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-named-formulas .waffle-sidebar-title .waffle-sidebar-title-close {
flex-shrink: 0
}
.waffle-named-formulas .waffle-named-formulas-content-container,
.waffle-named-formulas-container,
.waffle-named-formulas-sidebar-assistance-view-container,
.waffle-named-formulas-sidebar-assistance-view-container>div,
.waffle-named-formulas-sidebar-create-view-container,
.waffle-named-formulas-sidebar-create-view-container>div,
.waffle-named-formulas-sidebar-create-options-view-container,
.waffle-named-formulas-sidebar-create-options-view-container>div,
.waffle-named-formulas-sidebar-create-step-b-argument-details-container>div,
.waffle-named-formulas-sidebar-edit-view-container,
.waffle-named-formulas-sidebar-zero-state-promo-container,
.waffle-named-formulas-sidebar-edit-view-container>div,
.waffle-named-formulas-sidebar-list-view-container,
.waffle-named-formulas-sidebar-list-view-container>div {
display: flex;
flex-direction: column;
flex-grow: 1
}
.waffle-named-formulas .waffle-sidebar-footer-container {
position: relative
}
.waffle-named-formulas-sidebar-list-view-card {
align-items: flex-start;
display: flex;
flex-direction: column;
padding: 12px 16px
}
.waffle-named-formulas-sidebar-list-view-card-function-signature {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
height: 20px;
letter-spacing: 0.2px;
line-height: 20px;
max-width: 90%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-named-formulas-sidebar-list-view-card-function-signature-tooltip {
max-width: 300px
}
.waffle-named-formulas-sidebar-list-view-card-description {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 16px;
max-width: 90%;
overflow-wrap: anywhere
}
.waffle-named-formulas-sidebar-list-view-add-named-formula-button {
align-items: center;
cursor: pointer;
display: flex;
flex-direction: row;
height: 48px;
padding-left: 16px;
width: 300px
}
.waffle-named-formulas-sidebar-list-view-add-named-formula-button-message {
color: #188038;
flex-grow: 0;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
height: 20px;
letter-spacing: 0.25px;
line-height: 20px;
margin: 0 8px
}
.waffle-named-formulas-sidebar-list-view-card-function-signature-and-menu-container {
display: flex;
flex-direction: row;
height: 20px;
padding-bottom: 2px;
width: 100%
}
.waffle-named-formulas-sidebar-separator {
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15)
}
.waffle-named-formulas-sidebar-list-view-add-named-formula-button-separator {
background: #dadce0;
height: 1px
}
.waffle-named-formulas-sidebar-list-view-card-action-menu-button-wrapper {
cursor: pointer;
margin-left: auto
}
.waffle-named-formulas-sidebar-list-view-card-action-menu-item {
align-items: flex-start;
display: flex;
padding: 4px 8px
}
.waffle-named-formulas-sidebar-list-view-card-action-menu {
border-radius: 4px
}
.waffle-named-formulas-sidebar-list-view-card-action-menu .goog-menuitem {
padding: 0 !important
}
.waffle-named-formulas-sidebar-list-view-card-action-menu-item-action-name {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
letter-spacing: 0.25px;
line-height: 32px
}
.waffle-named-formulas-sidebar-create-step-a,
.waffle-named-formulas-sidebar-create-step-b {
display: flex;
flex-direction: column;
flex-grow: 1;
padding: 18px 16px
}
.waffle-named-formulas-sidebar-create-step-a-named-function-details-message,
.waffle-named-formulas-sidebar-create-step-a-write-formula-details-message,
.waffle-named-formulas-sidebar-create-step-a-argument-names-field-message,
.waffle-named-formulas-sidebar-create-step-b-write-additional-details-message,
.waffle-named-formulas-sidebar-create-step-b-named-formula-summary-message {
color: #3c4043;
align-items: center;
display: flex;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.25px;
line-height: 20px
}
.waffle-named-formulas-sidebar-create-step-a-function-name-field-info-icon,
.waffle-named-formulas-sidebar-create-step-a-function-name-field-message {
padding-top: 6px
}
.waffle-named-formulas-sidebar-create-step-a-function-description-field-info-icon,
.waffle-named-formulas-sidebar-create-step-a-function-description-field-message {
padding-top: 4px
}
.waffle-named-formulas-sidebar-create-step-a-argument-names-field-info-icon,
.waffle-named-formulas-sidebar-create-step-a-argument-names-field-message,
.waffle-named-formulas-sidebar-create-step-a-write-formula-details-info-icon,
.waffle-named-formulas-sidebar-create-step-a-write-formula-details-message {
padding-bottom: 8px;
padding-top: 16px
}
.waffle-named-formulas-sidebar-create-step-b-named-formula-summary-message {
padding-bottom: 16px
}
.waffle-named-formulas-sidebar-create-step-b-write-additional-details-message {
padding-bottom: 8px;
padding-top: 24px
}
.waffle-named-formulas-sidebar-create-step-b-argument-description-field-info-icon,
.waffle-named-formulas-sidebar-create-step-b-argument-description-field-message,
.waffle-named-formulas-sidebar-create-step-b-argument-usage-example-field-info-icon,
.waffle-named-formulas-sidebar-create-step-b-argument-usage-example-field-message {
padding-top: 8px
}
.waffle-named-formulas-sidebar-create-step-a-function-arguments-field-description-message,
.waffle-named-formulas-sidebar-create-step-a-function-name-field-message,
.waffle-named-formulas-sidebar-create-step-a-function-description-field-message,
.waffle-named-formulas-sidebar-create-step-a-formula-field-message,
.waffle-named-formulas-sidebar-create-step-b-argument-description-field-message,
.waffle-named-formulas-sidebar-create-step-b-argument-usage-example-field-message {
align-items: center;
color: #3c4043;
display: flex;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 16px
}
.waffle-named-formulas-sidebar-create-step-b-argument-description-field-message,
.waffle-named-formulas-sidebar-create-step-b-argument-usage-example-field-message {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-named-formulas-sidebar-create-step-a-function-name-field-message,
.waffle-named-formulas-sidebar-create-step-a-function-description-field-message,
.waffle-named-formulas-sidebar-create-step-a-formula-field-message,
.waffle-named-formulas-sidebar-create-step-a-function-arguments-field-description-message,
.waffle-named-formulas-sidebar-create-step-b-argument-description-field-message,
.waffle-named-formulas-sidebar-create-step-b-argument-usage-example-field-message {
color: #5f6368
}
.waffle-named-formulas-sidebar-create-step-a-function-name-field-input,
.waffle-named-formulas-sidebar-create-step-b-argument-description-field-input,
.waffle-named-formulas-sidebar-create-step-b-argument-usage-example-field-input {
border: 1px solid;
border-radius: 4px;
box-sizing: border-box
}
.waffle-named-formulas-sidebar-create-step-a-function-description-field-input,
.waffle-named-formulas-sidebar-create-step-a-formula-definition-field-input-container {
padding: 4px 0
}
.waffle-named-formulas-expandable-input {
border-radius: 4px;
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
letter-spacing: 0.3px;
line-height: 120%;
margin: 4px 0;
outline: 1px solid #d9d9d9;
overflow-wrap: anywhere;
padding: 8px;
user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
-webkit-user-select: text;
white-space: pre-wrap;
display: inline-block;
box-sizing: border-box;
width: 100%
}
.waffle-named-formulas-formula-definition-input {
font-family: Inconsolata, monospace, arial, sans, sans-serif
}
.waffle-named-formulas-expandable-input:empty:before {
color: #80868b;
content: attr(data-placeholder)
}
.waffle-named-formulas-sidebar-create-step-a-function-name-field-input {
font-family: 'Roboto Mono', 'Consolas', monospace;
text-transform: uppercase
}
.waffle-named-formulas-sidebar-create-step-a-new-argument-name-field-input {
font-family: 'Roboto Mono', 'Consolas', monospace;
text-transform: lowercase
}
.waffle-named-formulas-sidebar-create-step-a-action-buttons,
.waffle-named-formulas-sidebar-create-step-b-action-buttons {
margin: 0 16px 16px auto;
display: flex;
flex-direction: row
}
.waffle-named-formulas-feedback-container {
display: flex;
flex-direction: row;
padding: 0 0 8px 12px
}
.waffle-named-formulas-feedback-button-container {
padding: 9px 0
}
.waffle-named-formulas-sidebar-create-step-a-cancel-button-wrapper,
.waffle-named-formulas-sidebar-create-step-b-back-button-wrapper,
.waffle-named-formulas-conversion-dialog-cancel-button-wrapper,
.waffle-named-formulas-conversion-dialog-convert-button-wrapper {
margin-left: auto;
margin-right: 12px
}
.waffle-named-formulas-argument-conversion-dialog-cancel-button,
.waffle-named-formulas-argument-conversion-dialog-define-button,
.waffle-named-formulas-sidebar-create-step-a-cancel-button,
.waffle-named-formulas-sidebar-create-step-a-next-button,
.waffle-named-formulas-sidebar-create-step-b-back-button,
.waffle-named-formulas-sidebar-create-step-b-create-button,
.waffle-named-formulas-conversion-dialog-cancel-button,
.waffle-named-formulas-conversion-dialog-convert-button,
.waffle-named-formulas-sidebar-zero-state-promo-view-example-button {
margin-right: 0;
text-transform: none
}
.waffle-named-formulas-sidebar-create-step-b-summary-function-definition {
align-items: center;
color: #202124;
display: flex;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.25px;
line-height: 20px;
overflow-wrap: anywhere
}
.waffle-named-formulas-sidebar-create-step-b-summary-function-description {
align-items: center;
color: #5f6368;
display: flex;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 20px;
padding: 8px 0;
overflow-wrap: anywhere
}
.waffle-named-formulas-sidebar-create-step-b-summary-formula-definition-wrapper {
display: flex;
background: #f1f3f4;
border-radius: 4px;
overflow-wrap: anywhere
}
.waffle-named-formulas-sidebar-create-step-b-summary-formula-definition {
color: #202124;
font-family: 'Roboto Mono', 'Consolas', monospace;
font-size: 12px;
line-height: 20px;
padding: 8px;
white-space: pre-wrap
}
.waffle-named-formulas-argument-conversion-dialog-argument-name-input-field-error,
.waffle-named-formulas-sidebar-create-step-a-function-name-field-error,
.waffle-named-formulas-sidebar-create-step-a-function-description-field-error,
.waffle-named-formulas-sidebar-create-step-a-formula-definition-field-error,
.waffle-named-formulas-sidebar-create-step-a-new-argument-name-field-error {
color: #d93025;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 16px;
margin-top: -4px
}
.waffle-named-formulas-sidebar-create-field-input-error {
border-color: #d93025 !important
}
.waffle-named-formulas-formula-definition-input.waffle-named-formulas-sidebar-create-field-input-error {
outline-color: #d93025
}
.waffle-named-formulas-sidebar-argument-chip {
border: thin solid #bdc1c6;
border-radius: 32px;
cursor: move;
display: flex;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
height: 32px;
margin: 4px 0;
overflow: hidden;
position: relative;
white-space: nowrap
}
.waffle-named-formulas-sidebar-argument-chip>* {
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0
}
.waffle-named-formulas-sidebar-argument-chip-content {
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
font-family: 'Roboto Mono', 'Consolas', monospace;
line-height: 32px;
margin-left: 12px;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: top
}
.waffle-named-formulas-sidebar-argument-chip-remove-button-container {
align-self: center;
margin-right: 6px
}
.waffle-named-formulas-sidebar-argument-chip-remove-button .docs-icon {
border: 1px;
border-radius: 16px;
cursor: pointer;
transition: background-color 0.2s ease
}
.waffle-named-formulas-feedback-label {
color: #5f6368;
cursor: pointer;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
letter-spacing: 0.25px;
line-height: 20px;
margin: 4px 0 4px 10px;
padding: 4px
}
.waffle-named-formulas-hyperlink-feedback-button-message .waffle-named-formulas-feedback-label {
font-size: 12px;
letter-spacing: 0.3px;
line-height: 16px
}
.waffle-named-formulas-feedback-button .docs-icon {
border-radius: 100%;
cursor: pointer;
margin: 0
}
.waffle-named-formulas-feedback-button:focus,
.waffle-named-formulas-sidebar-argument-chip-remove-button:focus,
.waffle-named-formulas-sidebar-create-flow-info-icon:focus,
.waffle-named-formulas-sidebar-list-view-add-named-formula-button:focus,
.waffle-named-formulas-sidebar-list-view-footer-add-named-formula-button:focus,
.waffle-named-formulas-sidebar-list-view-footer-import-named-formula-button:focus,
.waffle-named-formulas-sidebar-list-view-card-action-menu-button:focus {
outline: none
}
.waffle-named-formulas-feedback-button:focus .docs-icon,
.waffle-named-formulas-feedback-button .docs-icon:hover,
.waffle-named-formulas-feedback-button:focus .waffle-named-formulas-hyperlink-feedback-button-message .waffle-named-formulas-feedback-label,
.waffle-named-formulas-hyperlink-feedback-button-message .waffle-named-formulas-feedback-label:hover,
.waffle-named-formulas-sidebar-create-step-a-new-argument-name-field-enter-key-button:focus,
.waffle-named-formulas-sidebar-create-step-a-new-argument-name-field-enter-key-button:hover,
.waffle-named-formulas-sidebar-list-view-card-action-menu-button:focus .docs-icon,
.waffle-named-formulas-sidebar-list-view-card-action-menu-button .docs-icon:hover {
background-color: #e8eaed
}
.waffle-named-formulas-sidebar-list-view-footer-add-named-formula-button:focus,
.waffle-named-formulas-sidebar-list-view-footer-import-named-formula-button:enabled:focus,
.waffle-named-formulas-sidebar-list-view-footer-add-named-formula-button:hover,
.waffle-named-formulas-sidebar-list-view-footer-import-named-formula-button:enabled:hover {
background-color: #f8fcf9
}
.waffle-named-formulas-sidebar-argument-chip-remove-button:focus .docs-icon,
.waffle-named-formulas-sidebar-argument-chip-remove-button .docs-icon:hover {
background-color: #dadce0
}
.waffle-named-formulas-sidebar-create-options-formula-first-view-button,
.waffle-named-formulas-sidebar-create-options-arguments-first-view-button {
align-items: center;
border-color: #dadce0;
border-width: 1px;
border-radius: 12px;
border-style: solid;
cursor: pointer;
display: flex;
margin: 18px;
padding: 12px 16px
}
.waffle-named-formulas-sidebar-create-options-formula-first-view-button-icon,
.waffle-named-formulas-sidebar-create-options-arguments-first-view-button-icon {
padding: 18px
}
.waffle-named-formulas-sidebar-create-options-formula-first-view-button-details,
.waffle-named-formulas-sidebar-create-options-arguments-first-view-button-details {
display: flex;
flex-direction: column
}
.waffle-named-formulas-sidebar-create-options-formula-first-view-button-heading,
.waffle-named-formulas-sidebar-create-options-arguments-first-view-button-heading {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
letter-spacing: 0.25px;
line-height: 20px
}
.waffle-named-formulas-sidebar-create-options-formula-first-view-button-description,
.waffle-named-formulas-sidebar-create-options-arguments-first-view-button-description {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 400;
font-size: 12px;
line-height: 16px;
letter-spacing: 0.3px
}
.waffle-named-formulas-argument-conversion-dialog-argument-name-input-field-wrapper,
.waffle-named-formulas-sidebar-create-step-a-new-argument-name-field-wrapper {
border: 1px solid #dadce0;
border-radius: 4px;
box-sizing: border-box;
color: #3c4043;
padding: 1px 8px;
font-size: 14px;
height: 36px;
margin: 8px 0;
display: flex
}
.waffle-named-formulas-argument-conversion-dialog-argument-name-input,
.waffle-named-formulas-argument-conversion-dialog-argument-name-input:focus,
.waffle-named-formulas-sidebar-create-step-a-new-argument-name-field-input,
.waffle-named-formulas-sidebar-create-step-a-new-argument-name-field-input:focus {
border: none;
flex-grow: 1;
margin: 0;
outline: none
}
.waffle-named-formulas-argument-conversion-dialog-argument-name-input {
font-family: 'Roboto Mono', 'Consolas', monospace
}
.waffle-named-formulas-sidebar-create-step-a-new-argument-name-field-enter-key-wrapper {
align-self: center;
color: #80868b;
font-size: 20px;
padding: 6px 2px 0 2px
}
.waffle-named-formulas-sidebar-create-step-a-new-argument-name-field-enter-key-button {
background: transparent;
cursor: pointer;
outline: none
}
.waffle-named-formulas-argument-conversion-dialog-argument-name-input::placeholder,
.waffle-named-formulas-sidebar-create-step-b-argument-details-container input::placeholder,
.waffle-named-formulas-sidebar-create-step-a-function-name-field-input::placeholder,
.waffle-named-formulas-sidebar-create-step-a-new-argument-name-field-input::placeholder,
.waffle-named-formulas-expandable-input::before,
.waffle-named-formulas-sidebar-create-step-a-function-description-field-input::placeholder {
opacity: 0
}
.waffle-named-formulas-sidebar-create-step-b-usage-example-field-message,
.waffle-named-formulas-sidebar-create-step-b-usage-example-field-input {
display: none
}
.waffle-named-formulas-sidebar-icon.docs-material .docs-icon-img,
.waffle-named-formulas-sidebar-list-view-add-named-formula-button-icon.docs-material .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.waffle-named-formulas-argument-conversion-dialog-container,
.waffle-named-formulas-conversion-dialog-container,
.waffle-named-formulas-sidebar-list-view-footer-action-buttons {
background-color: white;
display: flex;
flex-direction: column;
flex-grow: 1;
z-index: 1001
}
.waffle-named-formulas-conversion-dialog-title {
align-items: center;
color: #202124;
display: flex;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.1px;
line-height: 24px;
margin: 8px 0 0 16px
}
.waffle-named-formulas-conversion-dialog-description {
align-items: center;
color: #5f6368;
display: flex;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 16px;
margin: 4px 16px
}
.waffle-named-formulas-conversion-info-container {
align-items: center;
background: #feefc3;
border-radius: 8px;
display: flex;
flex-direction: row;
padding: 8px 12px 8px 8px;
margin: 0 0 12px 0
}
.waffle-named-formulas-conversion-dialog-container .waffle-named-formulas-conversion-info-container {
margin: 8px 16px 12px 16px
}
.waffle-named-formulas-conversion-info-icon {
content: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xMCAwQzQuNDggMCAwIDQuNDggMCAxMEMwIDE1LjUyIDQuNDggMjAgMTAgMjBDMTUuNTIgMjAgMjAgMTUuNTIgMjAgMTBDMjAgNC40OCAxNS41MiAwIDEwIDBaTTkgNVY3SDExVjVIOVpNOSA5VjE1SDExVjlIOVpNMiAxMEMyIDE0LjQxIDUuNTkgMTggMTAgMThDMTQuNDEgMTggMTggMTQuNDEgMTggMTBDMTggNS41OSAxNC40MSAyIDEwIDJDNS41OSAyIDIgNS41OSAyIDEwWiIgZmlsbD0iI0UzNzQwMCIvPgo8L3N2Zz4K");
height: 20px;
margin-right: 4px;
width: 20px
}
.waffle-named-formulas-conversion-info-message {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 16px;
margin: 0 8px
}
.waffle-named-formulas-conversion-dialog-action-buttons {
margin-bottom: 12px;
margin-left: auto;
display: flex;
flex-direction: row
}
.waffle-named-formulas-sidebar-create-footer-container {
display: flex;
flex-direction: row;
margin-top: auto
}
.waffle-named-formulas-sidebar-list-view-footer-container {
display: flex;
flex-direction: column;
margin-top: auto
}
.waffle-named-formulas-footer-container {
display: flex;
flex-direction: column;
width: 100%
}
.waffle-named-formulas-sidebar-create-step-a-argument-suggestions-container {
display: flex;
flex-direction: column;
margin-top: 4px
}
.waffle-named-formulas-sidebar-create-step-a-argument-suggestions-heading-message {
align-items: center;
color: #3c4043;
display: flex;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 16px
}
.waffle-named-formulas-argument-conversion-dialog-argument-name-suggestion-chips,
.waffle-named-formulas-sidebar-create-step-a-argument-suggestion-chips {
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 4px 0
}
.waffle-named-formulas-sidebar-argument-suugestion-chip {
border-radius: 4px;
color: #3c4043;
cursor: pointer;
line-height: 120%;
margin: 4px 8px 4px 0;
outline: 1px solid #d9d9d9;
overflow-wrap: anywhere
}
.waffle-named-formulas-sidebar-argument-suugestion-chip-content {
align-items: center;
color: #5f6368;
display: flex;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.3px;
line-height: 16px;
margin: 2px 8px
}
.waffle-named-formulas-argument-conversion-dialog-container {
border-radius: 8px 8px 0 0;
padding: 16px
}
.waffle-named-formulas-argument-conversion-dialog-title {
align-items: center;
color: #202124;
display: flex;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.1px;
line-height: 24px;
margin-top: 4px;
overflow-wrap: anywhere
}
.waffle-named-formulas-argument-conversion-dialog-description {
align-items: center;
color: #5f6368;
display: flex;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 16px;
margin-top: 8px;
overflow-wrap: anywhere
}
.waffle-named-formulas-argument-conversion-dialog-action-buttons {
display: flex;
flex-flow: row wrap;
justify-content: center;
margin-left: auto;
margin-top: 16px;
gap: 12px
}
.waffle-named-formulas-sidebar-list-view-footer-action-buttons {
display: flex;
flex-flow: row wrap;
gap: 4px;
justify-content: center;
padding: 10px 16px
}
.waffle-named-formulas-sidebar-list-view-footer-add-named-formula-button,
.waffle-named-formulas-sidebar-list-view-footer-import-named-formula-button {
align-items: center;
display: flex;
flex-grow: 1;
justify-content: center
}
.waffle-named-formulas-sidebar-list-view-footer-add-named-formula-button:focus,
.waffle-named-formulas-sidebar-list-view-footer-import-named-formula-button:enabled:focus {
background-color: rgba(30, 142, 62, 0.12);
color: #0d652d
}
.waffle-named-formulas-sidebar-list-view-footer-add-named-formula-button:active,
.waffle-named-formulas-sidebar-list-view-footer-import-named-formula-button:enabled:active {
background-color: rgba(30, 142, 62, 0.1);
color: #0d652d
}
.waffle-named-formulas-sidebar-list-view-feedback-button-container {
display: flex
}
.waffle-named-formulas-sidebar-list-view-feedback-button-container .waffle-named-formulas-feedback-container {
margin-left: auto;
margin-right: 12px;
padding-bottom: 0
}
.waffle-named-formulas-sidebar-list-view-footer-add-named-formula-button-message,
.waffle-named-formulas-sidebar-list-view-footer-import-named-formula-button-message {
flex-grow: 0
}
.waffle-named-formulas-sidebar-create-step-a-function-name-field-info-icon,
.waffle-named-formulas-sidebar-create-step-a-function-description-field-info-icon,
.waffle-named-formulas-sidebar-create-step-a-argument-names-field-info-icon,
.waffle-named-formulas-sidebar-create-step-a-write-formula-details-info-icon,
.waffle-named-formulas-sidebar-create-step-b-argument-description-field-info-icon,
.waffle-named-formulas-sidebar-create-step-a-argument-suggestions-info-icon,
.waffle-named-formulas-sidebar-create-step-b-argument-usage-example-field-info-icon {
align-self: center
}
.waffle-named-formulas-sidebar-create-heading-and-info-icon-container {
display: flex;
flex-direction: row
}
.waffle-named-formulas-sidebar-create-flow-info-icon {
padding-left: 4px
}
.waffle-named-formulas-sidebar-create-flow-info-icon .docs-icon {
height: 14px;
width: 14px
}
.waffle-named-formulas-sidebar-create-fields-info-icon-tooltip {
max-width: 250px;
text-align: center
}
.waffle-named-formulas-sidebar-create-step-b-overview-details-container,
.waffle-named-formulas-sidebar-create-step-a-overview-details-container {
align-items: center;
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.1px;
line-height: 16px;
margin: 0 0 12px 0
}
.waffle-named-formulas-sidebar-create-step-a-overview-details-container a,
.waffle-named-formulas-sidebar-create-step-a-overview-details-container a:link,
.waffle-named-formulas-sidebar-create-step-a-overview-details-container a:visited {
color: #188038
}
.waffle-named-formulas-sidebar-zero-state-promo-img {
width: 300px;
height: 250px;
padding-bottom: 32px
}
.waffle-named-formulas-sidebar-zero-state-promo-msg {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.2px;
padding: 0 31px 24px;
text-align: center
}
.waffle-named-formulas-sidebar-zero-state-promo-container {
align-items: center
}
.waffle-named-formulas-sidebar-zero-state-promo-learn-more-button {
margin-top: 8px
}
.waffle-named-formulas-sidebar-zero-state-promo-learn-more-button-message {
line-height: 20px
}
.waffle-named-formulas-sidebar-create-step-a-function-name-field-error-icon {
background: #b3261e;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: white !important;
display: inline-block;
font-weight: 500;
margin: 0 5px;
padding: 0 5px;
position: relative;
text-decoration: none !important
}
.waffle-named-formulas-assistance-promo-details-container {
align-items: center;
display: flex;
height: auto;
line-height: normal;
padding: 0
}
.waffle-named-formulas-assistance-promo {
-webkit-align-items: center;
align-items: center;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: white;
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
direction: ltr;
display: flex;
height: auto !important;
max-width: 340px;
padding: 2px 4px 2px 8px;
position: absolute;
width: max-content;
z-index: 1000
}
.waffle-named-formulas-assistance-promo-message {
-webkit-align-items: center;
align-items: center;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
padding-left: 4px
}
.waffle-named-formulas-assistance-promo-keyboard-button-message {
-webkit-align-items: center;
align-items: center;
align-self: center;
background-color: #f1f3f4;
border-radius: 2px;
color: #5f6368;
cursor: default;
font-family: Roboto;
font-size: 10px;
height: fit-content;
margin: 0 12px;
padding: 0 2px
}
.waffle-named-formulas-assistance-promo-close-button {
align-items: center;
cursor: pointer
}
.waffle-named-formulas-assistance-promo-icon-container.docs-material .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.waffle-named-formulas-assistance-promo-menu-button-wrapper {
cursor: pointer;
margin-left: auto
}
.waffle-named-formulas-assistance-promo-close-button:focus,
.waffle-named-formulas-assistance-promo-menu-button:focus {
outline: none
}
.waffle-named-formulas-assistance-promo-close-button:focus .docs-icon,
.waffle-named-formulas-assistance-promo-close-button .docs-icon:hover,
.waffle-named-formulas-assistance-promo-menu-button:focus .docs-icon,
.waffle-named-formulas-assistance-promo-menu-button .docs-icon:hover {
background-color: #e8eaed
}
.waffle-histogram-grouping-box-input {
background: white;
border: 1px solid #dadce0;
border-radius: 2px;
box-sizing: border-box;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
height: 28px;
width: 105px
}
.waffle-histogram-grouping-box-input-with-label {
display: inline-block;
margin: 0 4px;
vertical-align: top
}
.waffle-histogram-grouping-box-container {
padding: 8px 12px
}
.waffle-histogram-grouping-box-input-caption {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 11px;
line-height: 13px;
padding-bottom: 4px
}
.waffle-histogram-grouping-box-button-container {
display: flex;
justify-content: flex-end;
padding-top: 8px
}
.waffle-histogram-grouping-box-min-max-row {
padding-top: 8px
}
.waffle-histogram-grouping-box-input-error {
color: #d93025;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
min-height: 15px;
padding-top: 4px
}
.waffle-histogram-grouping-box-button-container .waffle-histogram-grouping-box-remove-button .docs-icon {
height: 24px;
width: 24px
}
.waffle-histogram-grouping-box-button-container .waffle-histogram-grouping-box-remove-button .docs-material-button {
border-radius: 18px;
height: 36px;
margin: 0;
padding: 2px 5px;
width: 36px
}
.waffle-histogram-grouping-box-button-container .waffle-histogram-grouping-box-remove-button .docs-material-button.docs-material-button-focused,
.waffle-histogram-grouping-box-button-container .waffle-histogram-grouping-box-remove-button .docs-material-button.docs-material-button-no-focus-border {
border: none;
line-height: 36px;
padding: 0 5px
}
.waffle-histogram-grouping-box-button-container .waffle-histogram-grouping-box-remove-button .docs-material-button.docs-material-button-focused {
background-color: rgba(0, 0, 0, 0.12)
}
.waffle-pivot-table-edit-pill {
background: white;
border-radius: 8px;
box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15);
box-sizing: border-box;
display: flex;
padding: 6px;
height: 48px;
position: fixed;
white-space: nowrap
}
.waffle-pivot-table-edit-button-label {
align-items: center;
color: #188038;
display: flex;
font-family: Google Sans;
font-size: 14px;
height: 20px;
letter-spacing: 0.25px;
line-height: 20px;
margin: 8px 8px 0 8px;
text-transform: none;
width: 27px
}
.waffle-pivot-table-edit-pill-button {
border-radius: 4px;
height: 100%;
margin: 0;
padding: 0
}
.waffle-pivot-table-edit-pill-button-wrapper .waffle-pivot-table-edit-pill-button.docs-material-button-focused {
background: rgba(24, 128, 56, .12);
margin: 0;
padding: 0
}
.waffle-pivot-table-edit-pill-button-wrapper .waffle-pivot-table-edit-pill-button.docs-material-button-focused .waffle-pivot-table-edit-button-label {
color: #0d652d
}
.waffle-pivot-table-edit-pill-button-wrapper .waffle-pivot-table-edit-pill-button.docs-material-button-hover .waffle-pivot-table-edit-button-label {
color: #0d652d
}
.waffle-pivot-table-edit-pill-button-wrapper .waffle-pivot-table-edit-pill-button.docs-material-button-hover {
background: rgba(24, 128, 56, .04)
}
.waffle-pivot-table-edit-pill-button-wrapper .waffle-pivot-table-edit-pill-button.docs-material-button-active {
background: rgba(24, 128, 56, .12)
}
.waffle-pivot-table-edit-pill-button-wrapper .docs-material-button-flat-default.docs-material-button.waffle-pivot-table-edit-pill-button .docs-material-button-ripple-element {
opacity: 0
}
.waffle-pivot-table-edit-pill-button .docs-material-button-content {
display: flex;
height: 36px
}
.waffle-pivot-table-edit-pill-button .waffle-dataconnector-edit-outline-icon {
border-radius: 0;
left: 2.25px;
margin: 9px 0 0 8px;
top: 2.25px
}
.waffle-pivot-table-edit-pill-button.docs-material-button-hover .waffle-dataconnector-edit-outline-icon-shape {
fill: #0d652d
}
.waffle-pivot-table-edit-pill-button.docs-material-button-focused .waffle-dataconnector-edit-outline-icon-shape {
fill: #0d652d
}
.waffle-pivot-table-edit-pill-button.docs-material-button-disabled .waffle-dataconnector-edit-outline-icon-shape {
fill: rgba(60, 64, 67, 0.38)
}
.waffle-pivot-table-edit-pill-button.docs-material-button-disabled .waffle-pivot-table-edit-button-label {
color: rgba(60, 64, 67, 0.38)
}
.waffle-db-column-insights-menuitem {
-webkit-align-items: center;
align-items: center;
height: auto;
line-height: 20px;
white-space: nowrap
}
.waffle-db-column-insights-menuitem-accel {
color: #9e9e9e;
margin-left: auto;
text-align: left
}
.waffle-db-column-insights-menuitem-refreshquery-info-progress {
font-style: italic
}
.waffle-db-column-insights-menuitem-refreshquery-info-error-button {
color: #db4437;
text-decoration: underline
}
.waffle-material-labeledinput {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
position: relative
}
.waffle-material-labeledinput-inputwrapper {
height: 46px;
position: relative
}
.waffle-material-labeledinput-inputrow {
display: flex;
bottom: 6px;
color: rgba(0, 0, 0, 0.87);
height: 20px;
left: 0;
position: absolute;
vertical-align: top;
width: 100%;
z-index: 100
}
.waffle-material-labeledinput-input {
-webkit-box-flex: 100;
box-flex: 100;
-ms-flex-positive: 100;
-webkit-flex-grow: 100;
flex-grow: 100;
background: transparent;
border: none;
color: rgba(0, 0, 0, 0.87);
display: block;
font-size: 13px;
height: 18px;
line-height: 18px;
outline: none;
vertical-align: top
}
.waffle-material-labeledinput-label {
transition: transform 0.2s cubic-bezier(0.4, 0, 1, 1);
bottom: 6px;
color: rgba(0, 0, 0, 0.54);
font-size: 13px;
position: absolute;
transform-origin: left bottom;
width: 100%
}
.waffle-material-labeledinput-errorcontainer {
font-size: 11px;
height: 11px;
line-height: 11px;
margin-top: 3px;
text-align: right
}
.waffle-material-labeledinput-underline {
background: rgba(0, 0, 0, .42);
bottom: 3px;
height: 1px;
padding: 0;
position: absolute;
width: 100%
}
.waffle-material-labeledinput-accentunderline {
transition: transform 0.2s cubic-bezier(0.4, 0, 1, 1);
background: #4285f4;
bottom: 2px;
height: 2px;
padding: 0;
position: absolute;
transform: scaleX(.6);
visibility: hidden;
width: 100%
}
.waffle-material-labeledinput.waffle-material-labeledinput-focus .waffle-material-labeledinput-accentunderline {
transform: scaleX(1);
visibility: visible
}
.waffle-material-labeledinput.waffle-material-labeledinput-focus .waffle-material-labeledinput-label {
color: #3367d6
}
.waffle-material-labeledinput.waffle-material-labeledinput-float .waffle-material-labeledinput-label {
transform: translateY(-21px) scale(.846, .846)
}
.waffle-material-labeledinput.waffle-material-labeledinput-error .waffle-material-labeledinput-accentunderline {
background: #db4437;
transform: scaleX(1);
visibility: visible
}
.waffle-material-labeledinput.waffle-material-labeledinput-error .waffle-material-labeledinput-label,
.waffle-material-labeledinput-errormessage {
color: #c53929
}
.waffle-material-labeledinput-embedded-control {
position: relative
}
.waffle-material-selectioninput .waffle-range-selection-container {
border: none;
color: rgba(0, 0, 0, 0.87);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
height: 33px;
line-height: 33px;
outline: none;
padding: 0;
position: relative;
width: 100%
}
.waffle-material-selectioninput .waffle-range-selection-container:after {
background-color: rgba(0, 0, 0, 0.12);
content: '';
height: 1px;
left: 0;
position: absolute;
top: 100%;
transition: background-color 0.3s ease;
width: 100%
}
.waffle-material-selectioninput:hover .waffle-range-selection-container:after {
background-color: rgba(0, 0, 0, 0.38)
}
.waffle-material-selectioninput .waffle-range-selection-container-focus.waffle-range-selection-container:after {
background-color: #4285f4;
height: 2px
}
.waffle-material-selectioninput .waffle-range-selection-container.waffle-range-selection-container-focus {
box-shadow: none;
outline: none
}
.waffle-material-selectioninput .waffle-range-selection-input,
.waffle-material-selectioninput .waffle-range-selection-container-focus .waffle-range-selection-input {
padding: 0 !important
}
.waffle-material-toolbar-menu-button {
color: rgba(0, 0, 0, 0.87);
cursor: pointer;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
height: 26px;
line-height: 26px;
margin: 4px;
outline: 0
}
.waffle-material-toolbar-menu-button-disabled {
color: rgba(0, 0, 0, 0.12);
cursor: default
}
.waffle-material-toolbar-menu-button-outer-box {
border-radius: 2px;
height: 26px;
line-height: 26px
}
.waffle-material-toolbar-menu-button-inner-box {
height: 100%;
opacity: .54;
width: 100%
}
.waffle-material-toolbar-menu-button-inner-box svg {
height: 18px;
margin: 4px 0 4px 4px;
width: 18px
}
.waffle-material-toolbar-menu-button-dropdown svg {
margin-left: 0
}
.docs-hc-gecko .waffle-material-toolbar-menu-button-caption svg,
.docs-hc-gecko .waffle-material-toolbar-menu-button-dropdown svg {
filter: invert(100%)
}
.waffle-material-toolbar-menu-button-caption,
.waffle-material-toolbar-menu-button-dropdown {
display: inline-block;
height: 26px;
line-height: 26px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-material-toolbar-menu-button-hover .waffle-material-toolbar-menu-button-outer-box,
.waffle-material-toolbar-menu-button-focused .waffle-material-toolbar-menu-button-outer-box {
background-color: rgba(0, 0, 0, .06)
}
.waffle-material-toolbar-menu-button-active .waffle-material-toolbar-menu-button-outer-box {
background-color: rgba(0, 0, 0, .12)
}
.waffle-material-toolbar-menu-button-hover .waffle-material-toolbar-menu-button-inner-box,
.waffle-material-toolbar-menu-button-focused .waffle-material-toolbar-menu-button-inner-box,
.waffle-material-toolbar-menu-button-active .waffle-material-toolbar-menu-button-inner-box {
opacity: 0.87
}
.waffle-performancetool {}
.waffle-performancetool-landingpage {
text-align: center
}
.waffle-performancetool-landingpage-header {
font-size: 18px;
line-height: 24px;
margin: 24px
}
.waffle-performancetool-landingpage-body {
font-size: 14px;
line-height: 20px;
margin: 24px
}
.waffle-performancetool-landingpage-next-button {
background-color: #188038;
border-radius: 4px;
color: white;
cursor: pointer;
height: 35px;
line-height: 35px;
width: 140px
}
.waffle-performancetool-landingpage-next-button-container {
display: flex;
justify-content: center
}
.waffle-performancetool-landingpage-promo-image {}
.waffle-performancetool-analysis-body {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 20px;
padding-left: 16px;
padding-right: 16px
}
.waffle-performancetool-analysis-tab-container:focus {
outline-style: none
}
.waffle-performancetool-analysis-tab-container:focus-visible {
outline-style: auto
}
.waffle-performancetool-analysis-workbook-size {
padding-bottom: 8px;
padding-top: 8px
}
.waffle-performancetool-analysis-learn-more {
padding-left: 16px;
padding-right: 16px;
padding-top: 8px
}
.waffle-performancetool-analysis-learn-more a {
color: #1a73e8
}
.waffle-performancetool-analysis-subheader {
color: #3c4043;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.1px;
line-height: 24px;
padding-bottom: 4px;
padding-left: 16px;
padding-right: 16px
}
.waffle-performancetool-analysis-usage-limits {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 500;
letter-spacing: 0.1px;
line-height: 24px;
padding-left: 16px;
padding-right: 16px;
padding-top: 8px
}
.waffle-performancetool-calculations-chart-container {
display: flex;
justify-content: center;
padding-bottom: 8px;
padding-left: 16px;
padding-right: 16px;
padding-top: 14px
}
.waffle-performancetool-calculations-chart .docs-charts-tooltip {
border: none;
border-radius: 8px
}
.waffle-performancetool-calculations-chart .docs-charts-tooltip-entry .docs-charts-tooltip-symbol {
display: none
}
.waffle-performancetool-calculations-chart .docs-charts-tooltip-entry-single .docs-charts-tooltip-label {
color: #202124;
font-size: 12px;
font-weight: 400
}
.waffle-performancetool-calculations-chart .docs-charts-tooltip-entry-single .docs-charts-tooltip-value {
color: #3c4043;
font-size: 12px;
font-weight: 400
}
.waffle-performancetool-calculations-body {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 20px;
padding-left: 16px;
padding-right: 16px
}
.waffle-performancetool-calculations-breakdown {
padding-bottom: 30px;
padding-left: 16px;
padding-right: 16px
}
.waffle-performancetool-analysis-learn-more,
.waffle-performancetool-calculations-caption,
.waffle-performancetool-calculations-caption-dark,
.waffle-performancetool-calculations-caption-light,
.waffle-performancetool-sidebar-feedback-text {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 16px
}
.waffle-performancetool-calculations-caption-dark {
color: #3c4043
}
.waffle-performancetool-calculations-caption-light {
color: #80868b
}
.waffle-performancetool-calculations-empty-chart {
fill: #dadce0
}
.waffle-performancetool-calculations-info-button:hover {
cursor: pointer
}
.waffle-performancetool-calculations-info-tooltip {
background-color: #3c4043;
border-radius: 8px;
max-width: 200px;
padding-bottom: 16px;
padding-left: 16px;
padding-right: 16 px;
padding-top: 16px
}
.waffle-performancetool-calculations-horizontal-container {
display: flex;
justify-content: space-between;
padding-bottom: 7.5px;
padding-top: 7.5px
}
.waffle-performancetool-calculations-legend-label,
.waffle-performancetool-calculations-legend-percentage {
align-items: center;
color: #3c4043;
display: flex;
height: 20px;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 20px
}
.waffle-performancetool-calculations-subheader {
color: #3c4043;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.1px;
line-height: 24px;
padding-bottom: 4px;
padding-left: 16px;
padding-right: 16px
}
.waffle-performancetool-calculations-tab-container:focus {
outline-style: none
}
.waffle-performancetool-calculations-tab-container:focus-visible {
outline-style: auto
}
.waffle-performancetool-sidebar-feedback {
display: inline-block
}
.waffle-performancetool-sidebar-feedback-text {
color: #3c4043;
padding-left: 5px
}
.waffle-performancetool-sidebar-feedback:focus {
outline: none;
opacity: .6;
text-decoration: underline
}
.waffle-performancetool-sidebar-feedback-text:hover,
.waffle-performancetool-sidebar-feedback-text:focus {
cursor: pointer;
outline: none
}
.waffle-performancetool-sidebar-footer-wrapper {
padding-bottom: 12px;
padding-left: 16px;
padding-right: 16px;
padding-top: 12px
}
.waffle-performancetool-sidebar-refresh-label-button {
background: transparent;
color: #137333;
cursor: pointer;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 20px;
margin-left: 8px;
outline: none;
width: 59px
}
.waffle-performancetool-sidebar-refresh-label-button:focus-visible {
opacity: .6;
text-decoration: underline
}
.waffle-performancetool-sidebar-refresh-label-button:hover {
opacity: .6
}
.waffle-performancetool-sidebar-refresh-label-container {
display: flex;
flex-direction: row;
height: 16px;
padding-bottom: 16px;
padding-left: 16px;
padding-top: 16px
}
.waffle-performancetool-sidebar-refresh-label-last-loaded {
border-right: 1px solid #dadce0;
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 20px;
padding-right: 8px;
width: fit-content
}
.waffle-performancetool-sidebar-separator-line {
border-top: 1px solid #dadce0
}
.waffle-performancetool-sidebar .waffle-performancetool-sidebar-title {
border-bottom: 1px solid transparent
}
.waffle-performancetool-sidebar .waffle-sidebar-footer-container {
background-color: white
}
.waffle-performancetool-sidebar .waffle-sidebar-title-close:focus {
opacity: .6
}
.waffle-performancetool-toggle-tabs {
border-bottom: 1px solid #dadce0
}
.jfk-bubble.jfk-bubble-promo.waffle-promo-bubble {
box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 3px 3px -2px rgba(0, 0, 0, 0.12), 0px 1px 8px 0px rgba(0, 0, 0, 0.2);
background: #eee;
border: none;
color: rgba(0, 0, 0, 0.87);
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
max-width: 265px;
padding: 18px 30px
}
.jfk-bubble.jfk-bubble-promo.waffle-promo-bubble .jfk-bubble-arrowimplbefore {
border-color: transparent #eee
}
.jfk-bubble.jfk-bubble-promo.waffle-promo-bubble .jfk-bubble-arrowimplafter {
border-color: transparent #eee
}
.waffle-promo-bubble-icon {
background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iIzAwMDAwMCI+PHBhdGggZD0iTTIzIDEybC0yLjQ0LTIuNzguMzQtMy42OC0zLjYxLS44Mi0xLjg5LTMuMThMMTIgMyA4LjYgMS41NCA2LjcxIDQuNzJsLTMuNjEuODEuMzQgMy42OEwxIDEybDIuNDQgMi43OC0uMzQgMy42OSAzLjYxLjgyIDEuODkgMy4xOEwxMiAyMWwzLjQgMS40NiAxLjg5LTMuMTggMy42MS0uODItLjM0LTMuNjhMMjMgMTJ6bS0xMCA1aC0ydi0yaDJ2MnptMC00aC0yVjdoMnY2eiIvPjwvc3ZnPg==');
display: inline-block;
height: 24px;
margin-right: 8px;
position: relative;
top: 6px;
width: 24px
}
.waffle-promo-bubble-header {
display: inline-block;
font-size: 18px;
font-weight: 500;
line-height: 14px
}
.waffle-promo-bubble-description {
font-size: 14px;
line-height: 22px
}
.waffle-promo-bubble-content .jfk-button {
transition: color 200ms cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer;
font-size: 14px;
letter-spacing: 0.04em;
padding-right: 15px;
padding-top: 5px;
text-transform: uppercase
}
.jfk-button.waffle-promo-bubble-close {
color: rgba(0, 0, 0, 0.54)
}
.jfk-button-hover.waffle-promo-bubble-close {
color: rgba(0, 0, 0, 0.87)
}
.jfk-button.waffle-promo-bubble-continue {
color: rgba(66, 133, 244, 0.87);
font-weight: 500
}
.jfk-button-hover.waffle-promo-bubble-continue {
color: rgba(66, 133, 244, 1)
}
.people-chip-column-conversion-overlay {
background-color: #fff;
border-radius: 8px;
box-shadow: 0px 1px 2px 0px rgba(60, 64, 67, .30), 0px 2px 6px 2px rgba(60, 64, 67, .15);
position: absolute;
z-index: 8
}
.annotation-importrange {
background-color: #fff;
border-radius: 8px;
box-shadow: 2px 2px 6px #888;
padding: 24px;
width: fit-content
}
.annotation-importrange-error-msg-box {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
color: #3c4043;
font-weight: 400;
font-size: 14px;
text-align: left;
width: 240px
}
.annotation-importrange-error-links {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
display: flex;
justify-content: space-between;
align-items: center
}
.annotation-importrange-error-learn-more,
.annotation-importrange-error-links .jfk-button-action {
margin-top: 24px
}
.annotation-importrange-error-links .jfk-button-action {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
margin-right: 0;
cursor: pointer
}
.annotation-importrange-error-links .jfk-button-action.jfk-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #2a8947;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
.annotation-importrange-error-links .jfk-button-action.jfk-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #4f9e67;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
.annotation-importrange-error-links .jfk-button-action.jfk-button-focus.jfk-button-active {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #62a877;
box-shadow: 0 2px 6px 2px rgba(52, 168, 83, 0.15)
}
a.annotation-importrange-error-learn-more {
color: #188038;
white-space: nowrap
}
.waffle-importrange-error-spinner {
margin: 16px;
display: flex;
justify-content: center
}
.ritz-tab-to-convert-bubble {
position: relative;
align-items: center;
background-color: #fff;
border: none;
border-radius: 8px;
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
cursor: pointer;
display: flex;
padding: 8px;
width: fit-content
}
.ritz-tab-to-convert-bubble-tab-icon {
direction: ltr;
margin-right: 2px;
z-index: 99
}
.ritz-tab-to-convert-bubble-message-prefix {
color: #3c4043;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
margin-right: 2px
}
.waffle-tabtoconvert-smartchip-overlay {
height: 20px;
overflow-x: auto;
overflow-y: hidden;
width: max-content
}
.ritz-tab-to-convert-bubble-chip {
background-color: #e8eaed;
color: #202124;
border-radius: 8px;
display: inline-block;
height: fit-content;
max-width: 100%;
padding: 0 5px;
overflow-y: hidden;
width: fit-content
}
.ritz-tab-to-convert-bubble-chip-icon {
display: inline;
padding-right: 2px;
width: 10px;
height: 10px
}
.ritz-tab-to-convert-bubble-chip-text {
display: inline-block;
height: fit-content;
max-width: 150px;
overflow-x: clip;
text-overflow: ellipsis;
width: fit-content
}
.waffle-column-error-button {
border: none;
border-radius: 2px;
box-sizing: border-box;
cursor: pointer;
list-style: none;
outline: none;
overflow: hidden;
padding: 0;
position: absolute;
z-index: 7;
background: white;
box-shadow: 0 -1px 5px rgba(128, 134, 139, 0.09), 0 3px 5px rgba(128, 134, 139, 0.06), 0 1px 2px rgba(60, 64, 67, 0.3), 0 1px 3px rgba(60, 64, 67, 0.15)
}
.waffle-column-error-button-ripple {
background-color: #d93025;
border-radius: 50%;
height: 100%;
position: absolute;
transform: scale(.5);
transition: transform 0.5s;
width: 100%
}
.waffle-column-error-button-active>.waffle-column-error-button-ripple {
background-color: #c5221f
}
.waffle-column-error-button-active>.waffle-column-error-button-icon {
fill: #c5221f
}
.waffle-column-suggestion-button {
border: none;
border-radius: 2px;
box-sizing: border-box;
cursor: pointer;
list-style: none;
outline: none;
overflow: hidden;
padding: 0;
position: absolute;
z-index: 7;
margin: none
}
.waffle-column-error-button .waffle-view-icons-error-filled {
height: 100%;
width: 100%;
z-index: 2;
transform: scale(.9)
}
.waffle-column-suggestion-button .waffle-view-icons-suggestion-filled {
height: 100%;
width: 100%;
z-index: 2
}
.waffle-column-error-button-shim,
.waffle-column-suggestion-button-shim {
background-color: white;
border-radius: 50%;
height: 100%;
position: absolute;
transform: scale(.5);
width: 100%
}
.waffle-column-suggestion-button-ripple {
background-color: #137333;
border-radius: 50%;
height: 100%;
position: absolute;
transform: scale(.5);
transition: transform 0.5s;
width: 100%
}
.waffle-column-error-button-hover,
.waffle-column-suggestion-button-hover {
box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15)
}
.waffle-column-error-button-hover>.waffle-column-error-button-ripple,
.waffle-column-suggestion-button-hover>.waffle-column-suggestion-button-ripple {
transform: scale(1.5)
}
.waffle-column-suggestion-button-active>.waffle-column-suggestion-button-ripple {
background-color: #0d652d
}
.waffle-column-suggestion-button-active>.waffle-column-suggestion-button-icon {
fill: #0d652d
}
.waffle-column-suggestion-button .docs-material .docs-icon-img,
.waffle-column-suggestion-button .docs-material .docs-icon-img:before {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg);
margin: none
}
.docs-icon.goog-inline-block.column-suggestion-icon-container {
height: 17px;
outline: 0;
width: 17px;
margin: 0
}
.waffle-timeline-error-sidebar {}
.waffle-timeline-error-sidebar-container {
border: 1px solid #dadce0;
border-radius: 8px;
margin: 8px
}
.waffle-timeline-error-sidebar-range-container {
align-items: center;
border-bottom: 1px solid #dadce0;
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 8px
}
.waffle-timeline-error-sidebar-header {
letter-spacing: 0.01428571em;
font-family: Roboto, Arial, sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 1.25rem;
color: #d93025;
margin: 16px 8px
}
.waffle-timeline-error-sidebar-range-container:last-child {
border: 0
}
.waffle-timeline-error-sidebar-range-button.waffle-ui-text-link-button {
align-items: center;
display: flex;
height: fit-content;
padding: 4px 0;
min-width: 0
}
.waffle-timeline-error-sidebar-range-button-text {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-timeline-error-sidebar-range-error {
letter-spacing: 0.01428571em;
font-family: Roboto, Arial, sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 1.25rem;
color: #5f6368
}
.waffle-timeline-error-sidebar-footer {}
.waffle-timeline-settings-sidebar-container {
padding: 0 16px 16px 16px
}
.waffle-timeline-settings-sidebar-milestones-range-selector,
.waffle-timeline-settings-sidebar-range-selector {
border: 1px solid #dadce0;
border-radius: 4px;
box-sizing: border-box;
color: #3c4043;
padding: 1px 8px;
font-size: 14px;
height: 36px;
margin: 8px 0;
padding: 8px 6px 8px 8px;
margin: 0
}
.waffle-timeline-settings-sidebar-milestones-range-selector-focus,
.waffle-timeline-settings-sidebar-range-selector-focus {
border: 2px solid #1a73e8;
box-shadow: none;
padding: 0px 7px;
padding: 7px 5px 7px 7px;
margin: 0
}
.waffle-timeline-settings-sidebar-container .waffle-material-selectioninput .waffle-range-selection-container {
height: 20px;
line-height: 20px
}
.waffle-timeline-settings-sidebar-container .waffle-material-selectioninput .waffle-range-selection-container:after {
height: 0
}
.waffle-timeline-settings-sidebar-container .waffle-range-selection-input {
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
height: 20px;
line-height: 20px;
width: 100%
}
.waffle-timeline-settings-sidebar-container .waffle-range-selection-button-container {
margin: 0 1px 0 6px;
width: unset
}
.waffle-timeline-settings-sidebar-container .waffle-range-selection-button {
min-width: unset
}
.waffle-timeline-settings-sidebar-header-wrapper {}
.waffle-timeline-settings-sidebar-footer-wrapper {
background-color: #fff;
border-top: 1px solid #dadce0;
display: flex;
justify-content: end
}
.waffle-timeline-settings-sidebar-section-header {
align-items: center;
display: flex;
height: auto;
margin: 16px 0 0 0
}
.waffle-timeline-settings-sidebar-section-header.waffle-timeline-settings-sidebar-section-separator {
margin-top: 24px
}
.waffle-timeline-settings-sidebar-section-header-title {
color: #3c4043;
letter-spacing: 0.01785714em;
font-family: 'Google Sans', Roboto, Arial, sans-serif;
font-size: .875rem;
font-weight: 500;
line-height: 1.25rem
}
.waffle-timeline-settings-sidebar-menu-header {
align-items: center;
display: flex;
margin: 16px 0 4px 0
}
.waffle-timeline-settings-sidebar-text-label {
color: #5f6368;
letter-spacing: 0.025em;
font-family: Roboto, Arial, sans-serif;
font-size: .75rem;
font-weight: 400;
line-height: 1rem
}
.waffle-timeline-settings-sidebar-menu-header-hint {
color: #80868b;
font-family: Roboto, Arial, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: 400;
letter-spacing: 0.1px;
line-height: 12px;
margin: 0 0 4px 0
}
.waffle-timeline-settings-sidebar .waffle-timeline-settings-sidebar-container .waffle-timeline-settings-sidebar-input-error {
border-color: #d93025
}
.waffle-timeline-settings-sidebar-error,
.waffle-timeline-settings-sidebar-warning {
align-items: center;
display: flex;
margin-top: 4px
}
.waffle-timeline-settings-sidebar-data-error-button {
align-items: center;
display: flex;
height: fit-content;
padding: 4px 0;
margin: 12px 0 0 0;
width: fit-content
}
.waffle-timeline-settings-sidebar-error .waffle-timeline-settings-sidebar-text-label,
.waffle-timeline-settings-sidebar-warning .waffle-timeline-settings-sidebar-text-label {
width: calc(100% - 33px)
}
.waffle-timeline-settings-sidebar-error .waffle-timeline-settings-sidebar-text-label {
color: #d93025
}
.waffle-timeline-settings-sidebar-warning .waffle-timeline-settings-sidebar-text-label {
color: #202124
}
.waffle-timeline-settings-sidebar-error-icon,
.waffle-timeline-settings-sidebar-warning-icon {
margin: 0 6px
}
.waffle-timeline-settings-sidebar {
overflow: hidden
}
.waffle-timeline-settings-sidebar .waffle-timeline-settings-sidebar-container .goog-flat-menu-button {
height: 36px;
margin: 0;
width: 100%
}
.waffle-timeline-settings-sidebar .waffle-timeline-settings-sidebar-container .goog-flat-menu-button-caption {
max-width: calc(100% - 18px)
}
.waffle-timeline-settings-sidebar-assignee,
.waffle-timeline-settings-sidebar-color,
.waffle-timeline-settings-sidebar-details,
.waffle-timeline-settings-sidebar-duration-end,
.waffle-timeline-settings-sidebar-duration-start,
.waffle-timeline-settings-sidebar-milestones-date,
.waffle-timeline-settings-sidebar-milestones-title,
.waffle-timeline-settings-sidebar-organizing-principle,
.waffle-timeline-settings-sidebar-title {}
.waffle-timeline-settings-sidebar-weekend-option-checkbox {}
.waffle-timeline-settings-sidebar-weekend-option-checkbox-container {
align-items: center;
display: flex;
justify-content: start
}
.waffle-timeline-settings-sidebar-weekend-option-checkbox-label:hover {
cursor: pointer
}
.waffle-timeline-settings-sidebar-feedback.docs-material-button {
align-items: center;
color: #5f6368;
display: flex;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 24px;
padding: 8px;
text-transform: none
}
.waffle-timeline-settings-sidebar-feedback.docs-material-button-hover {
background: rgba(32, 33, 36, 0.04);
color: #202124
}
.waffle-timeline-settings-sidebar-feedback.docs-material-button-focused {
background: rgba(32, 33, 36, 0.12);
color: #202124
}
.waffle-timeline-settings-sidebar-feedback.docs-material-button-active {
background: rgba(32, 33, 36, 0.1);
color: #202124
}
.waffle-timeline-settings-sidebar-feedback .docs-material-button-content {
align-items: center;
display: flex
}
.waffle-timeline-settings-sidebar-placeholder-text {
color: #80868b
}
.waffle-timeline-settings-sidebar-organizing-principle-text {}
.waffle-timeline-settings-sidebar-info-icon-container {
display: flex
}
.waffle-timeline-settings-sidebar-info-icon {
align-self: flex-end;
margin-bottom: 4px
}
.waffle-timeline-settings-sidebar-required-fields-info-icon {
margin: 0
}
.waffle-timeline-settings-sidebar-info-icon .docs-material-button {
padding: 1px 0 0 1px;
height: unset;
line-height: unset
}
.waffle-timeline-settings-sidebar-info-icon .docs-material-button.docs-material-button-focused {
padding: 1px 0 0 1px;
height: unset;
line-height: unset
}
.waffle-timeline-settings-sidebar-duration-info-icon,
.waffle-timeline-settings-sidebar-color-info-icon,
.waffle-timeline-settings-sidebar-assignee-info-icon {}
.waffle-timeline-settings-sidebar-menu {
overflow-wrap: break-word
}
.waffle-timeline-object-container {
background-color: #f8f8f8;
overflow: scroll
}
.waffle-timeline-object-container::-webkit-scrollbar-track {
margin: 0
}
.waffle-timeline-object-container-canvas {
overflow: hidden
}
.waffle-timeline-object-container-canvas canvas {
border: 1px solid #d9d9d9;
border-width: 0 1px 1px 0
}
.timeline-fishfood-promo-base.jfk-bubble.docs-promo-bubble {
border-radius: 8px;
bottom: 48px;
right: 48px;
width: 320px
}
.timeline-fishfood-promo-base .docs-promo-container {
display: flex;
flex-direction: column;
padding: 0
}
.timeline-fishfood-promo-base .docs-promo-icon-container {
height: 180px;
margin: 0;
padding: 0;
width: 320px
}
.timeline-fishfood-promo-base .docs-promo-text-container {
padding: 12px 20px 14px 20px;
width: inherit
}
.timeline-fishfood-promo-base .docs-promo-header {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 28px;
right: 24px
}
.timeline-fishfood-promo-base .docs-promo-body {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
letter-spacing: 0.2px;
line-height: 20px;
padding-top: 8px
}
.timeline-fishfood-promo-base .timeline-view-link {
color: #3c4043;
text-decoration: underline
}
.timeline-fishfood-promo-base .docs-promo-action-row {
display: flex;
justify-content: center;
left: 0;
padding: 12px 0 0 6px;
text-align: center
}
.timeline-fishfood-promo-base .docs-promo-action-container {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.25px;
line-height: 20px;
text-transform: none
}
.timeline-fishfood-promo-base .docs-promo-action-row .docs-promo-action-button-right {
align-items: center;
background: #188038;
border: 1px solid #188038;
border-radius: 4px;
color: #fff;
cursor: pointer;
padding: 8px 12px;
width: 134px
}
.timeline-fishfood-promo-base .docs-promo-action-row .docs-promo-action-button-left {
align-items: center;
background-color: transparent;
border: none;
color: #188038;
cursor: pointer;
display: flex;
margin-right: 6px
}
.timeline-insert-menu-promo-base.jfk-bubble.docs-promo-bubble {
background-color: #fff;
border: 0;
padding-bottom: 12px
}
.timeline-insert-menu-promo-content {
background-color: #fff;
border-radius: 8px;
left: 100px;
padding: 0;
width: 320px
}
.timeline-insert-menu-promo-image {
border-radius: 8px 8px 0 0;
height: 180px;
object-fit: cover;
user-select: none;
width: 320px;
-webkit-filter: none
}
.timeline-insert-menu-promo-title {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: 400;
height: 32px;
line-height: 28px;
margin: 12px 0 8px 24px
}
.timeline-insert-menu-promo-body {
margin-left: 24px;
margin-right: 24px
}
.timeline-insert-menu-promo-text {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
letter-spacing: 0.2px;
line-height: 20px;
margin-bottom: 12px 0 12px 0
}
.timeline-insert-menu-promo-base.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowleft .jfk-bubble-arrowimplafter {
border-color: transparent #fff
}
[class*="docs-hc"] .timeline-insert-menu-promo-dismiss-button .jfk-button-standard.jfk-button-focused {
border: 1px solid transparent
}
[class*="docs-hc"] .timeline-insert-menu-promo-dismiss-button .jfk-button-action.jfk-button-focused {
border: 1px solid transparent
}
.timeline-insert-menu-promo-dismiss-button {
background: #188038;
border: 1px solid #188038;
border-radius: 4px;
bottom: 3px;
color: #fff;
cursor: pointer;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
float: right;
height: fit-content;
letter-spacing: 0.25px;
line-height: 20px;
margin-right: 31px;
padding: 8px 13px;
text-align: center;
width: 50px
}
.timeline-intro-promo-base.jfk-bubble.docs-promo-bubble {
border-radius: 8px;
bottom: 48px;
right: 48px;
width: 320px
}
.timeline-intro-promo-base .docs-promo-container {
display: flex;
flex-direction: column;
padding: 0
}
.timeline-intro-promo-base .docs-promo-icon-container {
height: 180px;
margin: 0;
padding: 0;
width: 320px
}
.timeline-intro-promo-base .docs-promo-text-container {
padding: 12px 23px 20px 23px;
width: inherit
}
.timeline-intro-promo-base .docs-promo-header {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 22px;
font-weight: 400;
line-height: 28px;
right: 24px
}
.timeline-intro-promo-base .docs-promo-body {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
letter-spacing: 0.2px;
line-height: 20px;
padding-top: 8px
}
.timeline-intro-promo-base .docs-promo-action-row {
display: flex;
float: right;
justify-content: center;
padding: 12px 0 0 6px;
text-align: center
}
.timeline-intro-promo-base .docs-promo-action-container {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.25px;
line-height: 20px;
text-transform: none
}
.timeline-intro-promo-base .docs-promo-action-row .docs-promo-action-button-right {
align-items: center;
background: #188038;
border: 1px solid #188038;
border-radius: 4px;
color: #fff;
cursor: pointer;
min-width: 108px;
padding: 8px 12px
}
.timeline-intro-promo-base .docs-promo-action-button-left {
align-items: center;
background-color: transparent;
border: none;
color: #188038;
cursor: pointer;
display: flex;
margin-right: 17px
}
.timeline-walkthrough-promo-base.jfk-bubble.jfk-bubble-promo.docs-promo-bubble.docs-gm-promo {
background-color: #1e8e3e;
border-radius: 8px;
flex-direction: column;
padding: 0 0 15px 0;
top: 258px;
width: 317px
}
.timeline-walkthrough-promo-content {}
.timeline-walkthrough-promo-base .timeline-walkthrough-promo-text {
color: #fff;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
letter-spacing: 0.2px;
line-height: 20px;
margin: 15px 0 0 17px
}
.timeline-walkthrough-promo-base .timeline-walkthrough-promo-title {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 400;
margin-right: 10px
}
.timeline-walkthrough-promo-base .timeline-walkthrough-promo-body {
font-size: 14px;
padding-top: 8px;
width: 272px
}
.timeline-walkthrough-promo-base .jfk-bubble-closebtn {
background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8cGF0aCBmaWxsPSIjZjBmMGYwIiBkPSJNMTkgNi40MUwxNy41OSA1IDEyIDEwLjU5IDYuNDEgNSA1IDYuNDEgMTAuNTkgMTIgNSAxNy41OSA2LjQxIDE5IDEyIDEzLjQxIDE3LjU5IDE5IDE5IDE3LjU5IDEzLjQxIDEyeiIvPjwvc3ZnPg==") no-repeat;
cursor: pointer;
opacity: 1;
right: 12px;
top: 12px
}
[class*="docs-hc"] .timeline-walkthrough-promo-button-container .jfk-button-standard.jfk-button-focused {
border: 1px solid transparent
}
[class*="docs-hc"] .timeline-walkthrough-promo-button-container .jfk-button-action.jfk-button-focused {
border: 1px solid transparent
}
.timeline-walkthrough-promo-base.jfk-bubble.jfk-bubble-promo.docs-promo-bubble .jfk-bubble-arrowright .jfk-bubble-arrowimplafter {
border-color: transparent #1e8e3e
}
.timeline-walkthrough-promo-base .timeline-walkthrough-promo-dismiss-button {
background: #fff;
border: 1px solid #fff;
border-radius: 4px;
color: #1e8e3e;
cursor: pointer;
float: right;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.25px;
line-height: 20px;
margin: 7px 12px 0 0;
max-width: 170px;
min-width: 51px;
padding: 0;
text-align: center
}
.timeline-walkthrough-promo-base .timeline-walkthrough-promo-dismiss-button:hover,
.timeline-walkthrough-promo-base .timeline-walkthrough-promo-dismiss-button:focus {
border-color: #bbe2c6
}
.waffle-timeline-table-debug-container {
border: 1px solid black
}
.waffle-timeline-tooltip-container {
border: 0;
border-radius: 2px;
max-height: 160px;
max-width: 300px;
padding: 8px 6px
}
.waffle-timeline-tooltip-text {
color: #fff;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 400;
line-height: 16px
}
.waffle-timeline-tooltip-comfortable {
-webkit-line-clamp: 9;
-webkit-box-orient: vertical;
display: -webkit-box;
max-height: 144px;
overflow: hidden
}
.waffle-timeline-tooltip-condensed {
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
display: -webkit-box;
max-height: 112px;
overflow: hidden
}
.waffle-timeline-tooltip-margin-top {
margin-top: 16px
}
.waffle-timeline-tooltip-rtl {
text-align: right
}
.waffle-record-view-sidebar {
background-color: #fff
}
.waffle-record-view-sidebar-content-container {}
.waffle-record-view-sidebar-dynamic-content-container {}
.waffle-record-view-sidebar-card-details-container {
display: flex;
flex-direction: column;
margin: 16px;
user-select: text
}
.waffle-record-view-sidebar-card-details-label,
.waffle-record-view-sidebar-color-picker-label {
align-items: center;
color: #5f6368;
display: flex;
letter-spacing: 0.07272727em;
font-family: Roboto, Arial, sans-serif;
font-size: .6875rem;
font-weight: 500;
line-height: 1rem;
text-transform: uppercase;
margin: 0 0 4px 0;
text-transform: uppercase
}
.waffle-record-view-sidebar-card-details-value {
letter-spacing: 0.01428571em;
font-family: Roboto, Arial, sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 1.25rem;
color: #202124
}
.waffle-record-view-sidebar-card-details-label,
.waffle-record-view-sidebar-card-details-value,
.waffle-record-view-sidebar-color-picker-label {
flex: 1;
overflow-wrap: anywhere
}
.waffle-record-view-sidebar-color-picker-label,
.waffle-record-view-sidebar-color-picker {
margin-left: 16px
}
.waffle-record-view-sidebar-warning-icon {
margin: 0 6px
}
.waffle-record-view-sidebar-color-picker-warning-container {
align-items: center;
display: flex;
margin: 0 16px 0 16px;
padding-top: 4px
}
.waffle-record-view-sidebar-color-picker-warning-label {
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 16px;
padding: 4px 2px 0;
width: calc(100% - 33px)
}
.waffle-record-view-sidebar-color-picker-container {
display: flex;
flex-direction: column;
user-select: text
}
.waffle-record-view-sidebar-color-picker {}
.waffle-record-view-sidebar-color-picker-info-button .docs-material-button {
opacity: 0.54;
padding-left: 2px
}
.waffle-record-view-sidebar-footer-container {
background-color: #fff;
border-top: 1px solid #dadce0;
display: flex;
justify-content: flex-end;
padding: 16px
}
.waffle-record-view-sidebar-footer-edit-button {
text-transform: none
}
.waffle-record-view-sidebar-edit-formatting-rule-button,
.waffle-record-view-sidebar-edit-color-settings-button {
display: block;
text-align: left;
text-transform: none
}
.waffle-record-view-sidebar-edit-formatting-rule-button.waffle-ui-text-link-button,
.waffle-record-view-sidebar-edit-color-settings-button.waffle-ui-text-link-button {
color: #188038;
height: fit-content;
margin: 10px 0 0 18px;
padding: 4px 6px;
width: fit-content
}
.waffle-record-view-sidebar-edit-formatting-rule-button.waffle-ui-text-link-button-hover,
.waffle-record-view-sidebar-edit-color-settings-button.waffle-ui-text-link-button-hover {
background-color: rgba(30, 142, 62, 0.04);
box-shadow: none;
color: #0d652d
}
.waffle-record-view-sidebar-edit-formatting-rule-button.waffle-ui-text-link-button-focused,
.waffle-record-view-sidebar-edit-color-settings-button.waffle-ui-text-link-button-focused {
background: rgba(30, 142, 62, 0.12);
color: #0d652d
}
.waffle-record-view-sidebar-edit-formatting-rule-button.waffle-ui-text-link-button-pressed,
.waffle-record-view-sidebar-edit-color-settings-button.waffle-ui-text-link-button-pressed {
background: rgba(30, 142, 62, 0.1);
color: #0d652d
}
.docs-charts-component:focus {
outline: none
}
.docs-charts-component-canvas {
direction: ltr
}
.docs-charts-tooltip {
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
background-color: #ffffff;
border: 1px solid #c1c1c1;
border-radius: 2px;
color: rgba(0, 0, 0, 0.87);
cursor: default;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 500;
padding: 3px 12px;
pointer-events: none;
position: absolute
}
.docs-charts-tooltip-label,
.docs-charts-tooltip-value {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.docs-charts-tooltip-entry {
margin-bottom: 3px;
margin-top: 3px
}
.docs-charts-tooltip-symbol-value {
white-space: nowrap
}
.docs-charts-tooltip-entry .docs-charts-tooltip-label {
color: rgba(0, 0, 0, 0.54)
}
.docs-charts-tooltip-entry .docs-charts-tooltip-symbol {
margin-right: 6px
}
.docs-charts-tooltip-entry .docs-charts-tooltip-symbol .docs-charts-tooltip-symbol-icon {
height: 12px;
stroke: rgba(0, 0, 0, 0.54);
stroke-width: 1px;
width: 12px
}
.docs-charts-tooltip-entry-single .docs-charts-tooltip-label {
margin-bottom: 3px
}
.docs-charts-tooltip-entry-single .docs-charts-tooltip-value {
font-size: 1.1em;
font-weight: 700
}
.docs-charts-tooltip-entry-domain .docs-charts-tooltip-value {
color: rgba(0, 0, 0, 0.54)
}
.docs-charts-tooltip-entry-range .docs-charts-tooltip-value {
font-weight: 700
}
.docs-charts-tooltip-entry-range .docs-charts-tooltip-symbol .docs-charts-tooltip-symbol-icon {
margin-bottom: -1px
}
.prof-feedback-bank-xframe-docos-autocomplete-row {
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 8px 4px;
word-wrap: break-word
}
.docs-ml-icon {
direction: ltr;
display: inline-block;
text-align: left;
overflow: hidden;
position: relative;
vertical-align: middle
}
.docs-ml-img:before {
content: url("//ssl.gstatic.com/docs/common/mobileweb_sprite1.png")
}
.docs-ml-img-container {
height: 156px;
position: absolute;
width: 36px
}
.docs-ml-docs-logo-icon {
left: 0;
top: -36px
}
.docs-ml-sheets-logo-icon {
left: 0;
top: 0
}
.docs-ml-slides-logo-icon {
left: 0;
top: -96px
}
.docs-ml-arrow-back-icon {
left: 0;
top: -132px
}
.docs-ml-edit-icon {
left: 0;
top: -72px
}
@media screen and (-webkit-min-device-pixel-ratio:2.0) {
.docs-ml-img {
content: url(//ssl.gstatic.com/docs/common/mobileweb_sprite1.png)
}
.docs-ml-img-container {
height: 156px;
position: absolute;
width: 36px
}
.docs-ml-docs-logo-icon {
left: 0;
top: -36px
}
.docs-ml-sheets-logo-icon {
left: 0;
top: 0
}
.docs-ml-slides-logo-icon {
left: 0;
top: -96px
}
.docs-ml-arrow-back-icon {
left: 0;
top: -132px
}
.docs-ml-edit-icon {
left: 0;
top: -72px
}
}
@import url(https://fonts.googleapis.com/css?family=Google+Sans);
.docs-ml-header {
background: #fafafa;
border-bottom: 1px solid #cbcbcb;
box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
font-family: "Google Sans", Roboto, "Helvetica Neue", Helvetica, Arial, sans-serif;
padding: 4px 0;
position: fixed;
left: 0;
top: 0;
width: 100%
}
.docs-ml-header-icon {
height: 24px;
opacity: 0.6;
width: 24px
}
.docs-ml-header-icon-container {
padding: 12px
}
.docs-ml-header-item {
display: inline-block;
vertical-align: middle
}
.docs-ml-header-drive-link {
padding-left: 4px
}
body[dir="rtl"] .docs-ml-arrow-back-dir {
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1)
}
.docs-ml-header-document-title {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
line-height: 24px;
padding: 0 12px;
width: 60%;
width: calc(100% - 104px)
}
.docs-ml-header-document-title-text {
font-size: 20px;
font-weight: 500;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.docs-ml-header-edit-button {
float: right;
padding-right: 4px
}
.docs-ml-promotion {
background: white;
bottom: 0;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
font-family: Arial, Helvetica, sans-serif;
left: 0;
position: fixed;
width: 100%
}
.docs-ml-promotion-off-screen {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%)
}
.docs-ml-promotion-shown {
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition: -webkit-transform 333ms cubic-bezier(0.4, 0.0, 0.2, 1);
transition: transform 333ms cubic-bezier(0.4, 0.0, 0.2, 1)
}
.docs-ml-promotion-dismissed {
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
box-shadow: none
}
.docs-ml-promotion-no-horizontal-scroll {
overflow-x: hidden
}
.docs-ml-promotion-header {
display: table;
padding: 24px 24px 0 24px
}
.docs-ml-promotion-app-icon-container {
display: table-cell
}
.docs-ml-promotion-app-icon {
height: 36px;
width: 36px
}
@media (min-width:600px) {
.docs-ml-promotion-app-icon {
-webkit-transform: scale(1.33);
-moz-transform: scale(1.33);
-ms-transform: scale(1.33);
-o-transform: scale(1.33);
transform: scale(1.33)
}
}
.docs-ml-promotion-text {
display: table-cell;
padding-left: 20px;
vertical-align: top
}
.docs-ml-promotion-text-heading {
color: rgba(0, 0, 0, 0.87);
font-size: 16px;
font-weight: bold;
padding-bottom: 7px
}
.docs-ml-promotion-text-body {
color: rgba(0, 0, 0, 0.87);
font-size: 14px
}
.docs-ml-promotion-action-row {
float: right;
margin-top: 6px;
padding: 8px 24px
}
.docs-ml-promotion-action-row-desktop {
margin-top: 6px
}
.docs-ml-promotion-action-container {
display: inline-block;
height: 48px;
margin: 6px 4px;
vertical-align: middle
}
.docs-ml-promotion-action-button {
display: inline-block;
font-size: 14px;
font-weight: 500;
padding: 9px 12px;
vertical-align: middle
}
.docs-ml-promotion-action-button-wrapper:focus {
outline-color: #d6d6d6
}
.docs-ml-promotion-action-button.docs-ml-promotion-yes-button {
background-color: #4285f4;
border-radius: 4px;
color: #fafafa;
border: 1px solid transparent
}
.docs-ml-promotion-action-button.docs-ml-promotion-yes-button:active {
background-color: #1967d2
}
.docs-ml-promotion-action-button.docs-ml-promotion-no-button {
background-color: #fafafa;
color: #5f6368;
border-radius: 4px;
border: 1px solid #dadce0
}
.docs-ml-promotion-action-button.docs-ml-promotion-no-button:active {
background-color: #f5f5f5
}
.docs-ml-promotion.desktop {
text-align: center
}
@media (orientation:portrait) {
.docs-ml-promotion.desktop {
padding-top: 56px;
padding-bottom: 80px
}
}
@media (orientation:landscape) {
.docs-ml-promotion.desktop {
padding-top: 36px;
padding-bottom: 56px
}
}
.docs-ml-promotion-heading-desktop {
font-family: 'Google Sans';
font-size: 18px;
font-weight: bold;
color: #202124;
padding-top: 18px;
padding-bottom: 10px;
line-height: 1.5;
max-width: 360px;
margin: 0px auto
}
@media (orientation:landscape) {
.docs-ml-promotion-heading-desktop {
padding-top: 0px;
max-width: none
}
}
.docs-ml-promotion-text-body-desktop {
font-size: 14px;
line-height: 1.5;
color: #5f6368;
padding-bottom: 10px
}
.docs-icon.docs-ml-promotion-desktop-icon {
height: 40px;
width: 40px;
-webkit-transform: scale(2.5);
-moz-transform: scale(2.5);
-ms-transform: scale(2.5);
-o-transform: scale(2.5);
transform: scale(2.5);
-webkit-transform-origin: top;
-moz-transform-origin: top;
-ms-transform-origin: top;
-o-transform-origin: top;
transform-origin: top
}
.docs-icon-ml-promotion-icon-container-desktop {
height: 100px;
width: 100px;
margin-left: auto;
margin-right: auto
}
@media (orientation:landscape) {
.docs-icon-ml-promotion-icon-container-desktop {
display: inline-block;
vertical-align: top
}
.docs-ml-promotion-description-desktop {
display: inline-block;
vertical-align: top;
text-align: left;
padding-left: 39px;
max-width: 645px
}
}
@media (orientation:landscape) {
.docs-ml-promotion-action-row-desktop {
margin-left: -8px
}
}
.docs-ml-promotion-action-row-desktop .docs-ml-promotion-action-container {
margin: 6px 8px;
font-family: 'Google Sans'
}
.docs-ml-promotion-action-row-desktop .docs-ml-promotion-action-button-wrapper:focus {
outline: none
}
.docs-ml-promotion-action-button.docs-ml-promotion-yes-button.docs-ml-promotion-app-themed {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff
}
.docs-ml-promotion-action-button.docs-ml-promotion-yes-button.docs-ml-promotion-app-themed:active {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff
}
.docs-ml-promotion-action-button.docs-ml-promotion-no-button.docs-ml-promotion-app-themed {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
border: 1px solid #dadce0 !important;
color: #137333
}
.docs-ml-promotion-action-button-wrapper:focus .docs-ml-promotion-action-button.docs-ml-promotion-yes-button.docs-ml-promotion-app-themed {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #4f9e67;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
.docs-ml-promotion-action-button-wrapper:focus .docs-ml-promotion-action-button.docs-ml-promotion-no-button.docs-ml-promotion-app-themed {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #e7f5eb;
border: 1px solid #bbe2c6 !important
}
.docs-ml-promotion {
z-index: 1002
}
.docs-ml-header {
z-index: 1002
}
.docs-dropdown-item-preview-control {
align-items: center;
display: flex;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.docs-dropdown-item-preview-control-title {
color: #3c4043
}
.docs-dropdown-item-preview-control-preview {
border-radius: 8px;
margin-left: 5px;
max-width: 200px;
overflow: hidden;
padding: 2px 5px;
text-overflow: ellipsis;
white-space: nowrap
}
.docs-dropdown-item-preview-control-full-width-preview .docs-dropdown-item-preview-control-preview {
line-height: 24px;
margin-left: 0;
max-width: none;
width: 90%
}
.docs-dropdown-item-preview-control-hide-preview-label-text .docs-dropdown-item-preview-control-title {
display: none
}
.docs-dropdown-item-color-menu-colorpalette {
margin: 0 16px
}
.docs-dropdown-item-color-menu-header {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
margin: 10px 16px 8px 16px
}
.docs-dropdown-item-color-menu-colorpalette.docs-material-colorpalette .docs-material-colorpalette-colorswatch {
height: 24px;
margin: 4px;
width: 24px
}
.docs-dropdown-item-color-menu-customize-button {
border-radius: 4px;
color: #188038;
cursor: pointer;
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
letter-spacing: .25px;
line-height: 20px;
margin-left: 16px;
margin-top: 7px;
padding: 0 8px
}
.docs-dropdown-item-color-menu-reset-button .docs-dropdown-item-color-menu-reset-button.goog-menuitem-highlight,
.docs-gm .goog-menu .goog-menuitem.docs-dropdown-item-color-menu-reset-button {
border: 1px solid #dadce0
}
.docs-gm .goog-menu .goog-menuitem.docs-dropdown-item-color-menu-reset-button {
border-radius: 15px;
margin: 10px 16px 16px 16px;
padding: 2px 15px;
text-align: center
}
.docs-dropdown-item-color-menu-reset-button .docs-icon.goog-inline-block.goog-menuitem-icon {
position: relative;
top: 0
}
.docs-dropdown-item-color-menu-customize-button.goog-flat-button-hover {
background-color: rgba(60, 64, 67, 0.04)
}
.docs-gm .docs-dropdown-item-color-menu .goog-menuseparator {
margin: 16px 0 12px 0
}
.docs-dropdown-item-color-menu .docs-dropdown-item-preview-control {
margin: 0 0 5px 16px
}
.docs-dropdown-item-custom-color-menu {
padding: 12px;
width: 242px
}
.docs-dropdown-item-custom-color-menu.docs-dropdown-item-custom-color-menu-rgba-enabled {
padding: 12px;
width: auto
}
.docs-dropdown-item-custom-color-menu .docs-dropdown-item-preview-control {
margin: 16px 0 0 16px
}
.docs-dropdown-item-custom-color-menu.docs-dropdown-item-custom-color-menu-full-width-preview .docs-dropdown-item-preview-control {
margin: 12px 0 16px 16px
}
.docs-dropdown-item-custom-color-menu .goog-menuseparator {
margin: 16px 0 0 0
}
.docs-dropdown-item-custom-color-menu-tab-bar {
align-items: center;
display: flex;
justify-content: center;
outline: none
}
.docs-dropdown-item-custom-color-menu-tab-bar .docs-tabbar-tab {
border-radius: 4px;
position: relative
}
.docs-dropdown-item-custom-color-menu-tab-bar .docs-tabbar-tab .docs-tabbar-tablabel {
color: #5f6368;
text-transform: none
}
.docs-dropdown-item-custom-color-menu-tab-bar .docs-tabbar-tab-selected .docs-tabbar-tablabel {
color: #1a73e8;
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.docs-dropdown-item-custom-color-menu-tab-bar .docs-tabbar-tab-selected:before {
border-top: 3px solid #188038;
border-radius: 3px 3px 0 0;
bottom: 0;
content: '';
display: block;
height: 0;
left: 8px;
position: absolute;
width: calc(100% + -16px)
}
.docs-dropdown-item-custom-color-menu-tab-bar .docs-tabbar-tab-hover,
.docs-dropdown-item-custom-color-menu-tab-bar .docs-tabbar-tab-active {
background: #f1f3f4
}
.docs-dropdown-item-custom-color-menu .docs-material-hsv-color-picker {
margin: 0 12px;
width: 218px
}
.docs-dropdown-item-custom-color-menu.docs-dropdown-item-custom-color-menu.docs-dropdown-item-custom-color-menu-rgba-enabled .docs-material-hsv-color-picker {
margin: 0 12px 16px;
width: auto
}
.docs-dropdown-item-custom-color-menu.docs-dropdown-item-custom-color-menu-full-width-preview .docs-material-hsv-color-picker {
margin: 12px 12px 0 12px
}
.docs-dropdown-item-custom-color-menu-button-container {
display: flex;
justify-content: flex-end
}
.docs-dropdown-item-custom-color-menu-cancel-button {
border: 1px solid #dadce0;
border-radius: 4px;
color: #188038;
cursor: pointer;
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
max-width: 60px;
overflow: hidden;
padding: 9px 24px 11px 24px;
text-overflow: ellipsis;
white-space: nowrap
}
.docs-dropdown-item-custom-color-menu-cancel-button.goog-flat-button-hover {
background-color: #f1f3f4
}
.docs-dropdown-item-custom-color-menu-okay-button {
background-color: #188038;
border: 1px solid #dadce0;
border-radius: 4px;
color: #fff;
cursor: pointer;
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
margin-left: 12px;
margin-right: 12px;
max-width: 60px;
overflow: hidden;
padding: 9px 24px 11px 24px;
text-overflow: ellipsis;
white-space: nowrap
}
.docs-dropdown-item-custom-color-menu-okay-button.goog-flat-button-hover {
background-color: #4285f4
}
.ess-button {
cursor: pointer;
display: inline-block
}
.ess-disabled-button {
opacity: 0.25;
filter: alpha(opacity=25);
display: inline-block
}
.ess-button,
.ess-disabled-button {
margin: 6px;
vertical-align: middle
}
.ess-icon {
width: 32px;
height: 32px;
background-image: url(//ssl.gstatic.com/docs/documents/share/images/ess-icons-4.png);
background-repeat: no-repeat
}
.ess-gplus-icon {
background-position: 0 0
}
.ess-gmail-icon {
background-position: -34px 0
}
.ess-facebook-icon {
background-position: -68px 0
}
.ess-twitter-icon {
background-position: -102px 0
}
.scope-icon-default-group {
background-repeat: no-repeat;
background-position: 0 -113px
}
.scope-icon-default-user {
background-repeat: no-repeat;
background-position: 0 -1028px
}
.scope-icon-default {
display: inline-block
}
.scope-icon-default {
width: 21px;
height: 21px;
opacity: 0.55;
filter: alpha(opacity=55);
margin-top: 4px;
margin-left: 4px
}
.scope-icon-holder {
display: inline-block
}
.scope-icon-holder {
background-color: #f5f5f5;
height: 29px;
width: 29px;
vertical-align: middle
}
.scope-icon-invite-holder {
background-color: #fff
}
.scope-icon-custom {
width: 29px;
height: 29px;
vertical-align: middle
}
.scope-icon-disabled {
opacity: 0.25;
filter: alpha(opacity=25)
}
.scope-icon-unused-invite {
background-position: 0 -380px
}
.scope-icon-used-invite {
background-position: 0 -802px
}
.scope-icon-unused-invite,
.scope-icon-used-invite {
width: 29px;
height: 29px;
vertical-align: middle;
margin-top: 0px;
margin-left: 0px;
background-repeat: no-repeat;
opacity: 1;
filter: alpha(opacity=100)
}
.vo-public-icon,
.vo-unlisted-icon,
.vo-domain-public-icon,
.vo-domain-unlisted-icon,
.vo-privately-shared-icon,
.vo-private-icon {
width: 21px;
height: 21px;
background-repeat: no-repeat;
margin-right: 4px;
vertical-align: bottom
}
.vo-public-icon {
background-position: 0 -161px
}
.vo-unlisted-icon {
background-position: 0 -412px
}
.vo-domain-public-icon {
background-position: 0 -980px
}
.vo-domain-unlisted-icon {
background-position: 0 -610px
}
.vo-privately-shared-icon {
background-position: 0 -778px
}
.vo-private-icon {
background-position: 0 0
}
.waffle-filterbox-content {
border: none;
height: 130px;
margin: 0px 4px;
overflow-y: auto
}
.waffle-filterbox-content>.goog-menuitem-content {
font-size: 12px
}
.waffle-filterbox-content>.goog-menuitem {
padding: 1px 7em 1px 26px
}
.waffle-filterbox-content>.goog-menuitem-highlight {
border: 0px;
background-color: #d0d0d0
}
.waffle-filterbox-action-link,
.waffle-filterbox-dash {
color: #15c;
text-decoration: none
}
.waffle-filterbox-action-link:hover {
text-decoration: underline
}
.waffle-filterbox-input {
margin-right: -23px;
padding-right: 23px;
width: 221px
}
.waffle-filterbox-input-icon {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -205px -62px;
display: inline-block;
margin-top: 2px;
height: 12px;
width: 12px
}
.waffle-filterbox-label {
padding-left: 6px
}
div.waffle-filterbox-label-icon {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -283px -73px;
float: right;
height: 16px;
margin-left: 18px;
width: 16px
}
.waffle-filterbox-label>div,
.waffle-filterbox-label>a {
display: inline;
font-size: 12px;
margin-right: 3px
}
.waffle-filterbox-menu-spinner {
text-align: center
}
.waffle-filterbox-menu .goog-menu-filter input {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #fff;
border: 1px solid #dadce0 !important;
font-weight: normal
}
.waffle-filterbox-ok-button .goog-imageless-button-content {
font-weight: 500;
padding: 0 15px
}
.waffle-autofilter-border {
border-color: #188038;
line-height: 0
}
.filtered-incelldropdown-button {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -791px -13px;
cursor: pointer;
list-style: none;
outline: none
}
.filtered-incelldropdown-button-disabled {
cursor: default;
filter: alpha(opacity=30);
opacity: 0.3
}
.filtered-incelldropdown-button-hover,
.filtered-incelldropdown-button-checked,
.filtered-incelldropdown-button-focused {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -137px -46px
}
.waffle-autovis-lightbox {
background-color: rgba(0, 0, 0, 0.7);
height: 100%;
left: 0;
position: absolute;
top: 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
width: 100%;
z-index: 1000
}
.waffle-autovis-lightbox-container {
height: 100%;
width: 100%
}
.waffle-autovis-lightbox-chart {
height: 100%;
width: 100%
}
.waffle-autovis-lightbox-content {
bottom: 0;
left: 0;
margin: auto;
position: absolute;
right: 0;
top: 60px
}
.waffle-autovis-lightbox-content-inner {
position: relative;
white-space: nowrap
}
.waffle-autovis-lightbox-previous.jfk-button-disabled,
.waffle-autovis-lightbox-next.jfk-button-disabled {
color: grey;
cursor: default
}
.waffle-autovis-lightbox-page-count {
color: white;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
margin-top: 35px;
text-align: center;
width: 100%
}
.waffle-autovis-lightbox-button {
background-color: transparent;
background-image: none;
border: 0;
color: white;
cursor: pointer;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
margin: 0;
outline: 0;
padding: 0
}
.waffle-autovis-lightbox-button:focus {
border: none;
padding: 0
}
.waffle-autovis-lightbox-previous,
.waffle-autovis-lightbox-next {
bottom: 0;
color: white;
cursor: pointer;
height: 50px;
line-height: 50px;
margin: auto;
position: absolute;
text-align: center;
top: 0;
width: 50px
}
.waffle-autovis-lightbox-previous {
margin-right: 25px;
right: 100%
}
.waffle-autovis-lightbox-next {
left: 100%;
margin-left: 25px
}
.waffle-autovis-lightbox-readonly .waffle-autovis-lightbox-readonly-hidden {
display: none
}
.waffle-autovis-lightbox-header {
background-color: rgba(0, 0, 0, 0.7);
height: 60px;
width: 100%
}
.waffle-autovis-lightbox-buttons-wrapper {
color: white;
font-weight: 500;
line-height: 60px;
margin-left: auto;
margin-right: auto;
text-align: center;
width: 100%
}
.waffle-autovis-lightbox-close {
cursor: pointer;
position: absolute;
right: 20px;
top: 19px
}
.waffle-date-picker,
.waffle-date-picker * {
box-sizing: border-box
}
.waffle-date-picker {
position: absolute;
width: 188px;
z-index: 1000
}
.goog-date-picker-today::before,
.goog-date-picker-today:hover::before {
border: 1px solid #188038;
border-radius: 50%;
box-sizing: border-box
}
.docs-ui-toast {
bottom: 74px
}
.docs-butterbar-container {
z-index: 1003
}
.waffle-ellipses {
display: inline-block;
height: 12px;
position: relative;
width: 25px
}
.waffle-ellipses-message-container {
height: 0;
overflow: hidden;
position: absolute;
width: 0
}
.waffle-ellipses-container {
height: 100%;
overflow: hidden;
width: 100%
}
.waffle-ellipses-sprite {
display: block;
position: relative
}
.waffle-ellipses.waffle-ellipses-active svg.waffle-ellipses-sprite {
-webkit-animation: waffle-ellipses-sprite-cycle 1000ms steps(5) infinite reverse;
-moz-animation: waffle-ellipses-sprite-cycle 1000ms steps(5) infinite reverse;
-o-animation: waffle-ellipses-sprite-cycle 1000ms steps(5) infinite reverse;
animation: waffle-ellipses-sprite-cycle 1000ms steps(5) infinite reverse
}
@keyframes waffle-ellipses-sprite-cycle {
from {
left: 0
}
to {
left: -125px
}
}
.waffle-filter-menu {
max-height: 400px;
overflow: auto
}
.waffle-filter-bar {
display: flex;
color: #fff;
margin-left: 35px;
height: 30px
}
.waffle-filter-bar-header {
font-weight: 500;
margin-left: 10px
}
.waffle-filter-bar-name-label,
.waffle-filter-bar-range-label {
padding: 7px 0
}
.waffle-filter-bar-name-input,
.waffle-filter-bar-range-input {
background-color: transparent;
border: 1px solid transparent;
box-shadow: none;
color: #fff;
height: 19px;
margin-top: 2.5px
}
.waffle-filter-bar-name-input:hover,
.waffle-filter-bar-range-input:hover {
background-color: #6b6b6b
}
.waffle-filter-bar-name-input:focus,
.waffle-filter-bar-range-input:focus {
background: #fff;
border: 1px solid #4d90fe;
color: black
}
.waffle-filter-bar-range-readonly,
.waffle-filter-bar-name-readonly {
border: 1px dotted transparent;
margin: 0 3px 0 6px;
outline: none;
overflow: hidden;
padding: 6px 4px;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: bottom
}
.waffle-filter-bar-range-readonly:focus,
.waffle-filter-bar-name-readonly:focus {
border-color: #ccc
}
.waffle-filter-bar-options {
margin-top: 4px
}
.waffle-filter-bar-close {
margin-top: 4px
}
.waffle-filter-bar .goog-flat-button {
background-color: transparent;
border: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
outline: none
}
.waffle-filter-bar .goog-flat-button:focus,
.waffle-filter-bar .goog-flat-button:hover {
background-color: #5f6368
}
.waffle-filter-bar .goog-flat-button.goog-flat-button-open,
.waffle-filter-bar .goog-flat-button:active {
background-color: #202124
}
.waffle-slidingdialog-filterbar {
background-color: #3c4043;
border-bottom: 1px solid black;
border-left: none;
border-right: none;
border-top: 1px solid black;
padding: 4px 12px
}
.waffle-filter-bar-name-inputbox {
display: inline
}
.waffle-filter-bar-name-inputbox,
.waffle-filter-bar-name-readonly {
width: 175px
}
.waffle-filter-bar-promo-container {
display: inline;
margin-left: 32px;
margin-top: 30px;
position: absolute
}
.waffle-filter-bar-align-right {
float: right
}
.waffle-filter-bar-range-filter-pills-container {
display: flex;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 10px;
overflow-y: scroll
}
.waffle-filter-bar-add-range-filter-button {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
color: white;
margin-top: 5px;
white-space: nowrap
}
.waffle-filter-bar-rangepill {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
background-color: white;
margin-right: 5px;
margin-top: 2.5px;
min-width: 100px;
height: 25px
}
.waffle-filter-bar-rangepill-range {
background-color: transparent;
color: black;
margin-left: 10px;
min-width: 60px;
padding: 5px 0
}
.waffle-filter-bar .waffle-filter-bar-rangepill .waffle-filter-bar-rangepill-close:focus,
.waffle-filter-bar .waffle-filter-bar-rangepill .waffle-filter-bar-rangepill-close:hover {
background: transparent
}
.waffle-filter-bar-rangepill-close {
margin: 0
}
.waffle-filter-bar-range-pill-input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
height: 25px
}
.waffle-filter-bar-range-section,
.waffle-filter-bar-range-section-container {
display: flex;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
overflow: hidden
}
.waffle-filter-bar-range-section-space-eater {
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1
}
.docs-grille-gm3 .waffle-slidingdialog-filterbar {
background-color: #444746
}
.waffle-arguments-help-popup {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: white;
border: 1px solid rgba(0, 0, 0, .2);
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
color: #222;
font-size: 11px;
line-height: 15px;
position: absolute;
width: calc(340px + 2*10px);
word-wrap: break-word;
z-index: 1000
}
.waffle-arguments-help-title {
-webkit-border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
display: flex;
background-color: #f5f5f5;
color: #3c4043;
direction: ltr;
flex: 1;
line-height: 16px;
padding: 8px 12px
}
.waffle-arguments-help-function-name {
text-decoration: inherit
}
.waffle-arguments-help-body {
border-top: 1px solid #ebebeb;
max-height: 240px;
overflow-y: scroll
}
.waffle-unified-formula-help-wrapper-v2ui .waffle-arguments-help-body {
background-color: white;
margin: 0 4px 4px
}
.waffle-arguments-help-content {
padding-bottom: 2px
}
.waffle-arguments-help-section {
padding: 5px 10px
}
.waffle-arguments-help-section-title {
font-size: 11px;
color: #666;
line-height: 18px
}
.waffle-arguments-help-section-title-formula-definition {
padding-top: 10.5px
}
.formulas-arguments-help-info-title .waffle-arguments-help-section-title {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
letter-spacing: .8px;
text-transform: uppercase
}
.formulas-arguments-help-info-title.waffle-arguments-help-section {
padding: 8px 12px 3px
}
.waffle-arguments-help-content .formulas-arguments-help-info-title.waffle-arguments-help-section {
padding-bottom: 12px;
padding-top: 4px
}
.waffle-arguments-parameter-help-section {
padding: 12px 0px
}
.waffle-arguments-parameter-help-section .waffle-arguments-help-section-title {
color: #3c4043;
font-family: 'Roboto Mono', 'Consolas', monospace;
font-size: 13px;
line-height: 20px;
transition: 0.218s ease-in
}
.waffle-arguments-parameter-help-section .waffle-arguments-help-section-active .waffle-arguments-help-section-title {
color: #188038;
font-weight: bold
}
.waffle-arguments-parameter-help-section .waffle-arguments-help-section {
padding: 0 12px 4px
}
.waffle-arguments-parameter-help-section .waffle-arguments-help-section:last-of-type {
padding-bottom: 0
}
.waffle-arguments-help-parameter-content {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px
}
.waffle-arguments-help-section-inactive .waffle-arguments-help-parameter-content,
.waffle-arguments-help-section.waffle-arguments-help-section-inactive .waffle-arguments-help-section-title {
color: #5f6368
}
.waffle-arguments-help-section-active .waffle-arguments-help-parameter-content,
.formulas-arguments-help-info-title .waffle-arguments-help-parameter-content {
color: #3c4043
}
.waffle-arguments-parameter-help-section .waffle-arguments-help-parameter-content {
transition: 0.218s ease-in
}
.waffle-arguments-help-formula {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
direction: ltr;
font-family: 'Roboto Mono', 'Consolas', monospace;
font-size: 13px;
overflow: hidden;
padding: 0
}
.waffle-arguments-help-formula .waffle-arguments-parameter-holder {
overflow-wrap: anywhere
}
.waffle-arguments-help-example-holder {
line-height: 13px;
text-align: left
}
.waffle-arguments-help-footer {
display: flex;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
padding: 0 12px 12px
}
.waffle-arguments-help-parameter {
border-radius: 4px;
display: inline-block;
padding-left: 1px;
transition: 0.218s ease-in
}
.waffle-arguments-help-parameter-active {
background-color: transparent;
color: #188038;
font-weight: bold
}
.waffle-unified-formula-help-wrapper .waffle-arguments-help-title .waffle-arguments-help-parameter-active {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background-color: #188038;
color: white;
font-weight: 700;
line-height: 20px;
margin-top: -4px;
padding: 0 2px
}
.waffle-unified-formula-help-wrapper .waffle-arguments-help-title {
padding: 6px 4px 6px 12px
}
.waffle-unified-formula-help-wrapper .waffle-arguments-help-formula {
color: #137333;
font-family: Inconsolata, monospace, arial, sans, sans-serif;
font-weight: 700;
font-size: 14px;
line-height: 24px
}
.waffle-unified-formula-help-argument-help-container .waffle-arguments-help-title {
background-color: #e6f4ea
}
.waffle-unified-formula-help-wrapper-v2ui .waffle-unified-formula-help-argument-help-container {
background-color: #e6f4ea
}
.waffle-unified-formula-help-title-container {
-webkit-border-radius: 4px 4px 0px 0px;
-moz-border-radius: 4px 4px 0px 0px;
border-radius: 4px 4px 0px 0px;
background-color: white;
color: #80868b;
direction: ltr;
display: flex;
flex-direction: row;
line-height: 16px;
padding: 4px 10px 4px 12px
}
.waffle-unified-formula-help-instructions-container {
color: #5f6368;
display: block;
flex: 1;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 15px;
user-select: none
}
.waffle-function-single-suggestion .waffle-unified-formula-help-instructions-container {
display: none
}
.waffle-unified-formula-help-title-container .waffle-unified-formula-help-controls .waffle-unified-formula-help-dot-dot-dot .docs-material-button-content .docs-icon.goog-inline-block {
margin: 0
}
.waffle-unified-formula-help-instructions-border-tab {
border: 1px solid #dadce0;
border-radius: 2px;
box-sizing: border-box;
padding: 1px 4px
}
.waffle-unified-formula-help-instructions-border-arrow {
border: 1px solid #dadce0;
border-radius: 2px;
box-sizing: border-box;
line-height: 15px;
margin-left: 2px;
padding: 1px
}
.waffle-unified-formula-help-controls {
display: flex;
flex-direction: row
}
.waffle-function-single-suggestion .waffle-unified-formula-help-controls {
align-items: center
}
.waffle-unified-formula-help-controls-separator {
color: #dadce0;
border-right: solid 1px #dadce0;
margin-right: 10px;
padding-left: 16px
}
.waffle-unified-formula-help-wrapper-v2ui .waffle-unified-formula-help-close-button {
align-items: center;
color: #3c4043;
display: block;
margin-right: -8px;
margin-top: -10px
}
.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper-v2ui .waffle-unified-formula-help-close-button {
display: none
}
.waffle-unified-formula-help-dot-dot-dot.docs-material-button-flat-primary.docs-material-button-focused,
.waffle-unified-formula-help-dot-dot-dot.docs-material-button-flat-default.docs-material-button-focused {
padding: 0
}
.waffle-unified-formula-help-title-section-top-placeholder {
display: flex;
flex-direction: row-reverse
}
.waffle-formula-rtl .waffle-unified-formula-help-title-section-top-placeholder {
flex-direction: row
}
.waffle-unified-formula-help-wrapper-v2ui.waffle-unified-formula-help-wrapper {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
border-radius: 8px;
box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15)
}
.waffle-unified-formula-help-wrapper-v2ui.waffle-unified-formula-help-wrapper.waffle-function-single-suggestion {
display: flex
}
.waffle-function-single-suggestion .waffle-function-autocomplete-component-holder {
width: auto
}
.waffle-function-single-suggestion .waffle-unified-formula-help-tab-element {
align-items: center;
background-color: #f1f3f4;
border-radius: 2px;
color: #5f6368;
display: block;
font-family: Roboto;
font-size: 10px;
height: fit-content;
line-height: 14px;
margin: 0 6px 0 0;
padding: 0 2px
}
.waffle-unified-formula-help-tab-element {
display: none
}
.waffle-function-single-suggestion .waffle-unified-formula-help-chip-close-button {
align-items: center;
display: block
}
.waffle-unified-formula-help-chip-close-button {
display: none
}
.waffle-unified-formula-help-wrapper-v2ui .waffle-function-autocomplete-component-holder {
margin-top: -7px;
padding-bottom: 4px
}
.waffle-unified-formula-help-wrapper-v2ui.waffle-function-single-suggestion .waffle-function-autocomplete-component-holder {
margin: 0;
padding: 0
}
.waffle-unified-formula-help-close-button.waffle-unified-formula-help-controls-button {
margin-left: 8px
}
.waffle-unified-formula-help-controls-button {
display: inline-block;
margin: -4px;
opacity: 1;
padding: 0
}
.waffle-unified-formula-help-button {
cursor: pointer
}
.waffle-function-single-suggestion .waffle-contextual-formula-autocomplete-row:hover {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: #f1f3f4
}
.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper-v2ui .waffle-ac-row {
margin-right: 2px;
min-height: inherit
}
.waffle-function-single-suggestion .waffle-unified-formula-help-controls-button,
.waffle-function-single-suggestion .docs-material.waffle-unified-formula-help-button .docs-icon {
margin: 0
}
.waffle-function-single-suggestion .waffle-unified-formula-help-dot-dot-dot,
.waffle-function-single-suggestion .waffle-unified-formula-help-chip-close-button {
padding: 3px 3px
}
.waffle-unified-formula-help-wrapper {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background-color: white;
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
color: #222;
font-size: 11px;
line-height: 15px;
position: absolute;
width: calc(340px + 2*10px);
word-wrap: break-word;
z-index: 1000
}
.waffle-unified-formula-help-wrapper hr {
background-color: #dadce0;
border: 0;
height: 1px;
margin: 0 12px
}
.waffle-unified-formula-help-wrapper-v2ui .waffle-unified-formula-help-title-section-bottom-placeholder .waffle-unified-formula-help-title-container {
-webkit-border-radius: 0 0 8px 8px;
-moz-border-radius: 0 0 8px 8px;
border-radius: 0 0 8px 8px;
align-items: center;
border-top: 1px solid #dadce0;
border-color: #dadce0
}
.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper-v2ui .waffle-unified-formula-help-title-section-bottom-placeholder .waffle-unified-formula-help-title-container {
-webkit-border-radius: none;
-moz-border-radius: none;
border-radius: none;
border: none;
padding: 0
}
.waffle-unified-formula-help-info-button {
margin: auto
}
.waffle-unified-formula-help-wrapper .waffle-ac-active.active.waffle-ac-row:first-of-type,
.waffle-unified-formula-help-wrapper .waffle-ac-row:first-of-type {
border-top-left-radius: 0;
border-top-right-radius: 0
}
.waffle-unified-formula-help-wrapper .waffle-ac-renderer {
border: none;
box-shadow: none;
position: inherit;
width: 340px;
z-index: auto
}
.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper .waffle-ac-renderer {
max-width: 252px;
width: inherit
}
#waffle-arguments-help-learn-more {
color: #15c;
text-decoration: none
}
.waffle-unified-formula-help-wrapper-v2ui #waffle-arguments-help-learn-more {
color: #188038;
font-size: 12px
}
#waffle-arguments-help-learn-more:hover {
text-decoration: underline
}
.waffle-arguments-help-send-feedback {
color: #c53929;
float: right;
text-decoration: none
}
.waffle-arguments-help-send-feedback:hover,
.waffle-arguments-help-send-feedback:focus {
text-decoration: underline
}
.waffle-arguments-help-code {
background-color: transparent;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.waffle-arguments-help-button-container {
margin-right: 0
}
.waffle-arguments-help-button {
display: inline-block;
margin: -4px;
opacity: 1;
padding: 0
}
.waffle-arguments-help-button:first-of-type {
margin-right: 8px
}
.waffle-arguments-help-button:hover {
opacity: 1
}
.waffle-arguments-help-button .docs-icon-img:before {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_medium.svg)
}
.waffle-arguments-help-button-hover .docs-icon-img:before {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_dark.svg)
}
.waffle-arguments-help-arg-suggestions-title-container .waffle-arguments-help-button {
opacity: 1
}
.waffle-arguments-help-toggle-icon {
transition: 400ms ease-out;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg)
}
.waffle-arguments-help-toggle-icon-flipped {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0)
}
.waffle-formula-help-button-hover-container {
padding-left: 1px;
padding-top: 1px
}
.waffle-formula-help-button-hover-container:hover,
.waffle-arguments-help-button.waffle-arguments-help-button-focused {
background-color: #dadce0;
border-radius: 50%;
outline: none
}
.waffle-formula-help-button-v1ui.waffle-formula-help-button-hover-container:hover,
.waffle-formula-help-button-v1ui.waffle-arguments-help-button.waffle-arguments-help-button-focused {
background-color: transparent
}
.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper .waffle-unified-formula-help-dot-dot-dot.docs-material:hover,
.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper .waffle-unified-formula-help-chip-close-button.docs-material:hover {
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background-color: #f1f3f4
}
.waffle-arguments-help-arg-suggestions-section {
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
display: flex;
background: #e6f4ea;
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
padding: 10px;
padding-bottom: 14px;
padding-right: 12px
}
.waffle-arguments-help-arg-suggestions-v1-ui.waffle-arguments-help-arg-suggestions-section {
background: #0f9d58;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.waffle-arguments-help-arg-suggestions-title-container {
display: flex;
color: #188038;
font-size: 13px
}
.waffle-arguments-help-arg-suggestions-v1-ui .waffle-arguments-help-arg-suggestions-title-container {
color: #fff
}
.waffle-arguments-help-arg-suggestions-title {
-webkit-align-items: center;
align-items: center;
display: flex;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1
}
.waffle-arguments-help-arg-suggestions-title-text {
font-weight: 500;
text-transform: capitalize
}
.waffle-arguments-help-arg-suggestions-v1-ui .waffle-arguments-help-arg-suggestions-title-text {
font-weight: 700;
text-transform: uppercase
}
.waffle-arguments-help-arg-suggestions-selection-message {
font-size: 12px;
font-weight: 400
}
.waffle-arguments-help-arg-suggestions-chips {
margin-top: 8px;
margin-right: 10px
}
.waffle-arguments-help-arg-suggestions-chips-container {
-webkit-align-items: center;
align-items: center;
display: flex
}
.waffle-arguments-help-arg-suggestions-chip {
box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.30), 0 1px 3px 1px rgba(60, 64, 67, 0.15);
background: #fff;
border: 1px solid transparent;
border-radius: 8px;
color: #5f6368;
cursor: pointer;
font-size: 13px;
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
height: 16px;
line-height: 16px;
margin-right: 8px;
max-width: 100px;
overflow: hidden;
padding: 7px;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-arguments-help-arg-suggestions-v1-ui .waffle-arguments-help-arg-suggestions-chip {
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
background: #fff;
border-radius: 4px;
border: 1px solid #e0e0e0;
color: rgba(0, 0, 0, 0.87);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
min-width: 60px;
text-align: center
}
.waffle-arguments-help-arg-suggestions-v2-ui .waffle-arguments-help-arg-suggestions-chip.goog-button-hover,
.waffle-arguments-help-arg-suggestions-v2-ui .waffle-arguments-help-arg-suggestions-chip.goog-button-focused {
box-shadow: 0 1px 1px 0 rgba(52, 168, 83, 0.50), 0 1px 3px 1px rgba(52, 168, 83, 0.50);
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
border: 1px solid #1e8e3e;
outline: none
}
.waffle-arguments-help-arg-suggestions-v1-ui .waffle-arguments-help-arg-suggestions-chip.goog-button-hover,
.waffle-arguments-help-arg-suggestions-v1-ui .waffle-arguments-help-arg-suggestions-chip.goog-button-focused {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
-ms-transform: scale(1.05);
-o-transform: scale(1.05);
transform: scale(1.05);
outline: none
}
.waffle-arguments-help-arg-suggestions-chip.waffle-suggested-arg-chip-selected {
box-shadow: 0 1px 1px 0 rgba(52, 168, 83, 0.50), 0 1px 3px 1px rgba(52, 168, 83, 0.50);
background: rgba(52, 168, 83, 0.04);
border: 1px solid #1e8e3e;
color: #1e8e3e
}
.waffle-arguments-help-arg-suggestions-v1-ui .waffle-arguments-help-arg-suggestions-chip.waffle-suggested-arg-chip-selected {
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
background: #4285f4;
border: 1px solid #4285f4;
font-weight: 700;
color: #fff
}
.waffle-arguments-help-arg-suggestions-chip-icon {
display: inline-block;
float: left;
margin-right: 7px;
height: 16px;
width: 16px
}
.waffle-arguments-help-arg-suggestions-v1-ui .waffle-arguments-help-arg-suggestions-chip-icon,
.waffle-arguments-help-arg-suggestions-v2-ui-no-chip-icon .waffle-arguments-help-arg-suggestions-chip-icon {
display: none
}
.waffle-arguments-help-arg-suggestions-chip-value {
line-height: 17px;
margin-left: -1px
}
.waffle-formula-help-above-cell {
position: absolute;
z-index: 1000
}
.waffle-unified-formula-help-wrapper.waffle-formula-help-above-cell {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
width: 340px
}
.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper.waffle-formula-help-above-cell {
align-items: center;
max-width: 340px;
padding: 2px 4px 2px 8px;
width: auto
}
.waffle-formula-autocomplete-renderer .waffle-ac-active {
background: #f5f5f5
}
.waffle-function-single-suggestion .waffle-formula-autocomplete-renderer .waffle-ac-active {
background: inherit
}
.waffle-formula-autocomplete-renderer {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
width: calc(340px + 2*10px)
}
.waffle-function-autocomplete-row {
text-overflow: ellipsis
}
.waffle-function-autocomplete-row-name-and-badge {
display: flex;
flex-direction: row;
gap: 4px
}
.waffle-arguments-help-named-function-badge {
margin-left: -4px;
padding: 8px 0
}
.waffle-argument-help-formula-definition {
font-family: 'Roboto Mono', 'Consolas', monospace
}
.waffle-function-autocomplete-named-function-badge {
background: #e6f4ea;
border-radius: 4px;
padding: 2px 4px;
width: fit-content
}
.waffle-function-autocomplete-named-function-badge-content {
align-items: center;
color: #0d652d;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 500;
letter-spacing: 0.3px;
line-height: 16px;
text-align: center
}
.waffle-function-autocomplete-row-name,
.waffle-function-autocomplete-row-formula,
.waffle-function-autocomplete-row-assisted-action {
color: #202124;
direction: ltr;
font-size: 14px;
font-family: Inconsolata, monospace, arial, sans, sans-serif;
margin: -2px 0
}
.waffle-function-autocomplete-row-assisted-action .waffle-ac-highlighted {
font-weight: 700
}
.waffle-function-autocomplete-row-name {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1
}
.waffle-unified-formula-help-wrapper-v2ui .waffle-function-autocomplete-row-name,
.waffle-unified-formula-help-wrapper-v2ui .waffle-function-autocomplete-row-formula {
margin-top: 0;
flex-basis: auto;
flex-shrink: 3
}
.waffle-function-autocomplete-row-computed-value-container {
-webkit-align-items: center;
align-items: center;
display: flex;
flex: 1 1 30%;
margin-left: auto;
overflow: hidden;
padding-left: 8px
}
.waffle-function-single-suggestion .waffle-function-autocomplete-row-computed-value-container {
flex: inherit;
margin-left: 16px;
padding-left: 0
}
.waffle-function-autocomplete-row-computed-value {
-webkit-align-items: center;
align-items: center;
background: #e8eaed;
border-radius: 4px;
color: #5f6368;
display: inline-block;
font: 400 12px 'Roboto';
line-height: 16px;
margin-left: auto;
overflow: hidden;
padding: 2px 4px;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-function-single-suggestion .default-formula-text-color {
color: #202124
}
.waffle-ac-active .waffle-function-autocomplete-row-computed-value {
background-color: white
}
.waffle-function-single-suggestion .waffle-ac-active.waffle-ac-contextual-row .waffle-function-autocomplete-row-computed-value {
background-color: inherit
}
.waffle-unified-formula-help-wrapper-v2ui .waffle-ac-row {
align-items: center;
min-height: 24px;
vertical-align: middle
}
.waffle-unified-formula-help-wrapper-v2ui .waffle-ac-active {
border-bottom: none;
border-top: none;
padding: 2px 10px
}
.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper-v2ui .waffle-ac-active,
.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper-v2ui .waffle-ac-row.waffle-ac-contextual-row {
padding: 0
}
.waffle-function-autocomplete-row-name {
overflow: hidden;
text-overflow: ellipsis
}
.waffle-function-autocomplete-row-disabled {
color: #80868b
}
.waffle-function-autocomplete-row-disabled-message {
color: #d93025
}
.waffle-formula-autocomplete-row-primary-content .waffle-function-autocomplete-row-formula,
.waffle-formula-autocomplete-row-primary-content .waffle-function-autocomplete-row-assisted-action {
margin: 0;
overflow: hidden
}
.waffle-function-autocomplete-row-description {
color: #5f6368;
display: none;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-field-reference-autocomplete-row-description {
color: #3c4043;
font-family: Inconsolata, monospace, arial, sans, sans-serif
}
.waffle-field-reference-autocomplete-row-datasource-description {
color: #5f6368
}
.waffle-ac-active .waffle-function-autocomplete-row-description {
display: block
}
.waffle-function-autocomplete-row-shortcut,
.waffle-function-autocomplete-row-simplified-shortcut {
color: #666;
direction: ltr
}
.waffle-actionable-autocomplete-row,
.waffle-assisted-action-autocomplete-row,
.waffle-contextual-formula-autocomplete-row,
.waffle-ac-field-reference-row,
.waffle-named-range-autocomplete-row {
-webkit-align-items: flex-start;
align-items: flex-start;
display: flex;
cursor: pointer;
direction: ltr
}
.waffle-named-range-autocomplete-row {
padding: 1px
}
.waffle-ac-row.waffle-ac-actionable-row {
padding: 1px 10px
}
.waffle-unified-formula-help-wrapper-v2ui .waffle-ac-row.waffle-ac-named-range-row,
.waffle-unified-formula-help-wrapper-v2ui .waffle-ac-row.waffle-ac-contextual-row {
padding-top: 2px
}
.waffle-ac-row.waffle-ac-named-range-row,
.waffle-ac-row.waffle-ac-contextual-row {
padding-top: 1px
}
.waffle-ac-active.active.waffle-ac-row:first-of-type {
border-top-left-radius: 4px;
border-top-right-radius: 4px
}
.waffle-unified-formula-help-wrapper-v2ui .waffle-ac-active.active.waffle-ac-row:last-of-type,
.waffle-unified-formula-help-wrapper-v2ui .waffle-ac-active.active.waffle-ac-row:first-of-type {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0
}
.waffle-ac-active.active.waffle-ac-row:last-of-type {
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px
}
.waffle-ac-actionable-row {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
border-top: 1px solid rgba(0, 0, 0, 0.12)
}
.waffle-function-autocomplete-row-icon-container,
.waffle-named-range-autocomplete-row-icon-container {
display: flex;
margin-right: 3px;
width: 25px
}
.waffle-ac-actionable-row .waffle-function-autocomplete-row-icon-container {
opacity: 0.4
}
.waffle-ac-contextual-row .waffle-function-autocomplete-row-icon-container {
margin: 1px 2px 2px 1px
}
.waffle-actionable-formula-autocomplete-row-content,
.waffle-assisted-action-autocomplete-row-content,
.waffle-contextual-formula-autocomplete-row-content,
.waffle-named-range-autocomplete-row-content {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
direction: ltr;
white-space: normal;
padding-top: 2px;
width: calc(340px - 25px);
display: flex;
min-width: 0
}
.waffle-function-single-suggestion .waffle-actionable-formula-autocomplete-row-content,
.waffle-function-single-suggestion .waffle-contextual-formula-autocomplete-row-content,
.waffle-function-single-suggestion .waffle-field-reference-autocomplete-row-content,
.waffle-function-single-suggestion .waffle-named-range-autocomplete-row-content {
width: inherit
}
.waffle-unified-formula-help-wrapper-v2ui .waffle-actionable-formula-autocomplete-row-content,
.waffle-unified-formula-help-wrapper-v2ui .waffle-contextual-formula-autocomplete-row-content,
.waffle-unified-formula-help-wrapper-v2ui .waffle-field-reference-autocomplete-row-content,
.waffle-unified-formula-help-wrapper-v2ui .waffle-named-range-autocomplete-row-content {
padding-top: 1px
}
.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper-v2ui .waffle-actionable-formula-autocomplete-row-content,
.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper-v2ui .waffle-contextual-formula-autocomplete-row-content,
.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper-v2ui .waffle-field-reference-autocomplete-row-content,
.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper-v2ui .waffle-named-range-autocomplete-row-content {
padding-top: 0
}
.waffle-actionable-formula-autocomplete-row-content,
.waffle-assisted-action-autocomplete-row-content,
.waffle-contextual-formula-autocomplete-row-content {
word-wrap: break-word
}
.waffle-named-range-autocomplete-row-content {
word-wrap: ellipsis
}
.waffle-formula-autocomplete-row-primary-content {
-webkit-align-items: center;
align-items: center;
display: flex;
direction: ltr;
flex: 1
}
.waffle-contextual-formula-autocomplete-row .waffle-formula-autocomplete-row-primary-content {
margin: -2px 0
}
.waffle-assisted-action-autocomplete-row-content .waffle-formula-autocomplete-row-primary-content,
.waffle-unified-formula-help-wrapper-v2ui .waffle-contextual-formula-autocomplete-row .waffle-formula-autocomplete-row-primary-content {
min-width: 0;
margin-top: 0
}
.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper-v2ui .waffle-contextual-formula-autocomplete-row .waffle-formula-autocomplete-row-primary-content {
min-width: 0;
margin: 0;
padding-left: 2px
}
.waffle-function-single-suggestion.waffle-unified-formula-help-wrapper-v2ui .waffle-ac-incremental-row .waffle-contextual-formula-autocomplete-row .waffle-formula-autocomplete-row-primary-content {
padding-right: 16px
}
.waffle-ac-close-autocomplete-row {
border: none !important
}
.waffle-ac-close-autocomplete-row {
cursor: default !important;
background: rgba(0, 0, 0, 0.15)
}
.waffle-close-autocomplete-row-content {
-webkit-align-items: center;
align-items: center;
display: flex;
-webkit-justify-content: flex-end;
justify-content: flex-end;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1
}
.waffle-close-autocomplete-row-close-button,
.waffle-close-autocomplete-row-feedback-button {
cursor: pointer;
opacity: 0.3
}
.waffle-function-autocomplete-row .waffle-close-autocomplete-row-feedback-button:hover,
.waffle-function-autocomplete-row .waffle-close-autocomplete-row-feedback-button:focus {
opacity: .7
}
.waffle-function-autocomplete-row .waffle-close-autocomplete-row-feedback-button {
opacity: .5
}
.waffle-function-autocomplete-row .waffle-close-autocomplete-row-close-button:hover,
.waffle-function-autocomplete-row .waffle-close-autocomplete-row-close-button:focus {
opacity: 0.6
}
.waffle-close-autocomplete-row-message {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
color: #000;
font-weight: 500;
overflow: hidden;
overflow-wrap: break-word;
white-space: normal
}
.waffle-arguments-help-popup hr {
background-color: #dadce0;
border: 0;
height: 1px;
margin: 0 12px
}
.waffle-named-formulas-assistance-actionable-autocomplete-row .waffle-function-autocomplete-row-icon-container {
opacity: 1
}
.waffle-named-formulas-assistance-actionable-autocomplete-row .waffle-actionable-formula-autocomplete-row-content {
flex-direction: column
}
.waffle-sidebar-container.waffle-pivot-sidebar {
display: block;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important;
width: 300px
}
.waffle-sidebar-container.waffle-pivot-sidebar:focus {
outline: 1px solid #4285f4
}
#waffle-pivot-aggr {
display: inline;
font-weight: normal;
margin-right: 5px
}
#waffle-pivot-aggr .docs-material-select-outer-box {
display: flex;
border-bottom: none
}
#waffle-pivot-aggr-select {
font-size: 12px
}
.waffle-pivot-container {
border: none;
padding: 12px 16px 0
}
.waffle-pivot-label {
color: rgba(0, 0, 0, 0.87);
font-weight: bold;
padding: 0 0 14px 2px;
position: relative
}
#waffle-pivot-aggr-label {
color: rgba(0, 0, 0, 0.87);
font-size: 13px;
font-weight: 500;
text-decoration: none
}
.waffle-pivot-label,
#waffle-pivot-aggr-label {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.2px;
padding-bottom: 18px
}
.waffle-pivot-add-button {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
border: 1px solid #dadce0 !important;
color: #137333;
height: 24px;
padding: 3px 12px 5px;
border: transparent;
color: #188038;
cursor: pointer;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
letter-spacing: .25px;
margin: 0;
padding: 3px 11px 1px 13px;
position: absolute;
right: 0;
text-transform: none;
top: -3px
}
.waffle-pivot-add-button:hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #f8fcf9;
border: 1px solid #c8e7d1 !important;
height: 24px;
padding: 3px 12px 5px;
padding: 3px 11px 1px 13px
}
.waffle-pivot-add-button:focus {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #e7f5eb;
border: 1px solid #bbe2c6 !important;
height: 24px;
padding: 3px 12px 5px;
background-color: rgba(66, 133, 244, .12);
border: transparent;
padding: 3px 11px 1px 13px
}
.docs-hc-gecko.waffle-pivot-sidebar .waffle-pivot-add-button:focus {
outline: 1px solid
}
.waffle-pivot-add-button:hover:focus {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
border: 1px solid #b5e0c1 !important;
height: 24px;
padding: 3px 12px 5px;
padding: 3px 11px 1px 13px
}
.waffle-pivot-add-button:active {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
border: 1px solid transparent !important;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
height: 24px;
padding: 3px 12px 5px;
padding: 3px 11px 1px 13px
}
.waffle-pivot-add-button-disabled {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
border: 1px solid #f1f3f4 !important;
color: #3c4043;
opacity: 0.38;
height: 24px;
padding: 3px 12px 5px;
color: rgba(0, 0, 0, .12);
cursor: default;
padding: 3px 11px 1px 13px
}
.waffle-pivot-rangepicker-container {
padding: 8px 16px 8px
}
#waffle-pivot-range-selection .waffle-range-selection-button {
border-radius: 50%;
margin: 0;
padding: 4px 2px 4px 0
}
#waffle-pivot-range-selection .waffle-range-selection-button:focus {
background-color: rgba(0, 0, 0, .12) !important
}
.waffle-pivot-rangepicker-error-label {
color: #db4437;
font-size: 13px
}
.waffle-pivot-drop-target {
height: auto;
margin-bottom: -22px;
margin-top: -24px;
padding-bottom: 24px;
padding-top: 24px
}
.waffle-pivot-pill {
background-color: #fff;
border: none;
border-radius: 2px;
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
cursor: move;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important;
margin-bottom: 16px;
transition: max-height 0.25s cubic-bezier(0.4, 0, 0.2, 1)
}
.waffle-pivot-pill:focus {
outline-color: #4285f4
}
.docs-hc-gecko.waffle-pivot-sidebar .waffle-pivot-pill:focus {
outline: 1px solid
}
.waffle-pivot-pill-disabled {
cursor: default
}
.waffle-pivot-pill-checkbox-label {
color: #5f6368;
font-size: 12px;
letter-spacing: .13px;
margin-left: 10px;
vertical-align: middle
}
.waffle-pivot-pill-align-middle {
vertical-align: middle
}
.waffle-pivot-pill-close {
color: #8d8d8d;
cursor: pointer;
float: right;
font-size: 14px;
transform: translateY(-15%)
}
.waffle-pivot-pill-close .jfk-button {
border: transparent;
border-radius: 50%;
font-size: 18px;
outline: none;
width: 20px
}
.waffle-pivot-pill-close .jfk-button:focus {
background-color: rgba(0, 0, 0, .12)
}
.waffle-pill-during-dragging {
height: 33px
}
.waffle-pill-during-dragging .waffle-pivot-pill-section {
display: none
}
.waffle-pivot-pill-close-disabled {
color: rgba(0, 0, 0, .12)
}
.waffle-pivot-pill-section {
box-sizing: border-box;
display: inline-block;
margin: 8px 0;
padding: 0 8px;
vertical-align: top;
width: 50%
}
.docs-hc-gecko.waffle-pivot-sidebar .waffle-pivot-pill-section .docs-material-gm-select.waffle-pivot-pill-nodrag:focus {
outline: 1px solid
}
#waffle-pivot-filter .waffle-pivot-pill-section,
.waffle-pill-section-checkbox,
.waffle-pivot-date-grouping-section {
width: 100%
}
#waffle-pivot-filter .waffle-pivot-filter-pill-select {
padding-bottom: 2px;
padding-top: 2px;
width: 100%
}
.docs-hc-gecko.waffle-pivot-sidebar .waffle-pivot-pill-section .waffle-pivot-filter-pill-select:focus {
outline: 1px solid
}
#waffle-pivot-filter .waffle-pivot-filter-pill-select .goog-flat-menu-button-caption {
font-size: 12px
}
.waffle-pivot-date-grouping-section {
margin-top: 4px
}
.waffle-pill-section-checkbox {
margin-top: 0
}
.waffle-pivot-pill-main-table {
background: none;
border-bottom: none;
min-height: 16px;
padding: 10px 8px 6px 12px
}
.waffle-pivot-pill-main-table-text {
float: left;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-pivot-pill-title {
color: #202124;
font-size: 14px;
font-weight: 500;
letter-spacing: .25px;
overflow: hidden;
white-space: nowrap
}
.waffle-pivot-pill-title-looker-view-label {
color: #5f6368;
font-weight: 200;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex-basis: 0px;
flex-shrink: 1;
flex-grow: 1
}
.waffle-pivot-pill-title-looker-field-label {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
flex-shrink: 1;
flex-basis: fit-content
}
.waffle-pivot-pill-nodrag {
cursor: pointer
}
.waffle-pivot-pill-type-icon {
margin-right: 6px;
opacity: 1 !important
}
.waffle-pivot-pill-type-icon.docs-hc-gecko {
filter: invert(1)
}
.waffle-pivot-pill-limit-combobox.docs-material-gm-select {
height: 26px
}
.waffle-pivot-pill-limit-combobox .docs-material-gm-select-input.jfk-textinput {
background: transparent
}
.waffle-pivot-pill-limit-combobox.docs-material-gm-select-open .docs-material-gm-select-input.jfk-textinput {
background: white;
border: 2px solid #1a73e8
}
.waffle-pivot-pill-limit-combobox .docs-material-gm-select-input.jfk-textinput {
border: 0;
font-size: 12px;
height: 20px;
margin: 0;
max-width: 100%;
width: 83px
}
.waffle-pivot-multi-select {
background: #efefef;
background-color: #f1f3f4;
border: 1px solid #d7d7d7;
border-color: transparent;
border-radius: 4px;
display: block;
margin: 3px 0 0 0;
padding: 3px;
position: relative
}
.waffle-pivot-multi-select .docs-material-gm-select {
margin-bottom: 4px
}
.waffle-pivot-multi-select .docs-material-gm-select:last-child {
margin-bottom: 0
}
.waffle-pivot-multi-select .docs-material-gm-select-outer-box {
background-color: white
}
.waffle-pivot-pill-sort-by {
vertical-align: top;
width: 100%
}
.waffle-pivot-multi-select .waffle-pivot-select-caption {
color: #555
}
.waffle-pivot-select-divider {
color: #555;
margin: 0 3px
}
.waffle-pivot-checkbox {
vertical-align: middle
}
.waffle-pivot-feedback-section {
float: right;
margin-right: 10px;
margin-top: 5px;
position: relative
}
#waffle-pivot-feedback {
padding-left: 10px
}
.waffle-pivot-add-field-menu {
overflow-y: auto
}
.waffle-pivot-add-field-label {
display: inline-block;
letter-spacing: 0.2px;
padding-top: 2px
}
.waffle-pivot-aggr-select-container {
display: inline-block;
height: 20px;
margin-top: -5px
}
#waffle-pivot-aggr-select {
border-bottom: 2px solid transparent
}
#waffle-pivot-aggr-select:focus {
border-color: #4d90fe
}
.waffle-pivot-select-label {
color: #5f6368;
font-size: 11px;
padding-bottom: 3px;
padding-left: 2px
}
.waffle-pivot-db-calculated-field-menu-item {
margin-top: 6px
}
.waffle-pivot-calculated-field-formula-input,
.waffle-pivot-db-calculated-field-formula-input,
.waffle-pivot-db-calculated-field-formula-input:focus {
border: 1px solid #dadce0;
border-radius: 4px;
box-sizing: border-box;
color: #3c4043;
font-size: 12px;
padding: 4px 0 4px 8px;
width: 100%
}
.waffle-pivot-db-calculated-field-formula-input,
.waffle-pivot-db-calculated-field-formula-input:focus {
background: #fff;
text-overflow: ellipsis
}
.waffle-pivot-pill-disabled .waffle-pivot-db-calculated-field-formula-input {
background: transparent
}
.waffle-pivot-db-calculated-field-formula-input-tooltip {
max-width: 500px
}
.goog-grey.waffle-pivot-db-calculated-field-edit-button.dense {
box-sizing: border-box;
line-height: 20px;
margin-top: 16px;
padding: 2px 8px;
position: absolute;
right: 0
}
.waffle-pivot-db-calculated-field-icon:after {
background: none;
content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMTgiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjE4IiBmaWxsPSIjNDU1QTY0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDBWMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTkgNEg1djJsNiA2LTYgNnYyaDE0di0zaC05bDUtNS01LTVoOVY0eiIvPjwvc3ZnPg==);
height: 18px;
width: 18px
}
.waffle-pivot-calculated-input:focus {
outline-color: #4d90fe
}
.waffle-pill-section-formula {
margin-bottom: 0;
width: 100%
}
.waffle-pill-section-formula .waffle-pivot-pill-nodrag {
padding-top: 0
}
.waffle-pill-section-edit-button .waffle-pivot-pill-nodrag {
position: relative
}
#waffle-pivot-filter {
min-height: 20px
}
.waffle-pivot-clear-all-section {
padding: 0 16px 0 16px
}
.waffle-pivot-clear-all-button-container {
padding: 2px 0 9px 0;
position: relative
}
.waffle-pivot-clear-all-button {
position: relative;
text-align: right
}
.waffle-pivot-clear-all-button .goog-link-button {
color: #188038;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
letter-spacing: 0.3px;
line-height: 16px;
text-decoration: none
}
.waffle-pivot-clear-all-button-container:after {
background-color: rgba(0, 0, 0, 0.12);
content: '';
height: 1px;
position: absolute;
top: 100%;
width: 100%
}
.waffle-pivot-recommendation-header {
outline: none
}
.waffle-pivot-recommendation-box .waffle-pivot-container {
padding: 12px 0 0 16px
}
.waffle-pivot-curr-drag-item {
max-height: 30px
}
.waffle-pivot-recommendation-box.legacy .waffle-pivot-container {
border-top: 1px solid #efefef;
height: auto;
padding: 8px 8px 0;
padding-bottom: 12px
}
.waffle-pivot-recommendation-box.legacy .waffle-pivot-label {
font-size: 13px;
font-weight: 500;
margin: 0;
padding-top: 2px;
padding-bottom: 6px
}
.waffle-pivot-recommendation-header .waffle-pivot-recommendation-toggle-icon {
clip-path: content-box;
float: right;
transition: 200ms ease-out;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg)
}
.waffle-pivot-recommendation-header .waffle-pivot-recommendation-toggle-icon:hover {
cursor: pointer
}
.goog-zippy-expanded .waffle-pivot-recommendation-toggle-icon {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
border: 1px solid transparent
}
.waffle-pivot-recommendation-header:focus .waffle-pivot-recommendation-toggle-icon {
border: 1px solid #5e97f6 !important;
outline: none
}
.waffle-pivot-recommendation-toggle-icon-disabled {
opacity: 0.24
}
.waffle-pivot-recommendation-error {
margin-left: 2px
}
.waffle-pivot-recommendation-error,
.waffle-pivot-recommendation-container {
opacity: 0.7
}
.waffle-pivot-recommendation-container.waffle-pivot-recommendation-container-ml {
opacity: 1.0
}
.waffle-pivot-recommendation-container {
-webkit-align-items: flex-start;
align-items: flex-start;
display: flex;
background-color: transparent;
color: black;
cursor: pointer
}
.waffle-pivot-recommendation-container:hover,
.waffle-pivot-recommendation-container:hover .waffle-pivot-recommendation-icon {
opacity: 1.0
}
.waffle-pivot-recommendation-body {
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column
}
.waffle-pivot-recommendation-content {
-webkit-align-items: flex-start;
align-items: flex-start;
display: flex;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
background-color: transparent;
overflow-wrap: break-word;
overflow: hidden;
padding: 4px 0
}
.waffle-pivot-radio-recommendation-container .waffle-pivot-recommendation-content {
padding: 8px 0
}
.waffle-pivot-recommendation-text {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
color: rgba(0, 0, 0, 0.87);
line-height: 21px;
padding-left: 5px;
padding-right: 30px;
white-space: normal
}
.waffle-pivot-radio-recommendation-container .waffle-pivot-recommendation-text {
padding-left: 8px
}
.waffle-pivot-recommendation-preview-btn {
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
background-color: white;
display: none;
opacity: 0.7;
padding: 4px;
position: absolute;
right: 0
}
.waffle-pivot-recommendation-preview-btn-visible,
.waffle-pivot-recommendation-container:hover .waffle-pivot-recommendation-preview-btn {
cursor: pointer;
display: block;
opacity: 0.9
}
.waffle-pivot-recommendation-content:focus,
.waffle-pivot-recommendation-content:hover {
background-color: #f5f5f5;
outline: none
}
.waffle-recommendation-box-spinner-container {
-webkit-align-self: center;
align-self: center;
height: 40px;
width: 40px
}
.waffle-recommendation-box-spinner-container .waffle-spinner {
height: 25px;
width: 25px
}
.waffle-pivot-recommendation-error-container {
display: flex
}
.waffle-pivot-recommendation-error-image {
opacity: 0.5
}
.waffle-pivot-recommendation-error-content {
margin-left: 10px
}
.waffle-pivot-recommendation-radio-control {
display: flex
}
.waffle-pivot-recommendation-radio-control.radio-selected .waffle-pivot-radio-unchecked,
.waffle-pivot-recommendation-radio-control .waffle-pivot-radio-checked {
display: none
}
.waffle-pivot-recommendation-radio-control.radio-selected .waffle-pivot-radio-checked,
.waffle-pivot-recommendation-radio-control .waffle-pivot-radio-unchecked {
display: flex
}
.waffle-pivot-rangepicker-label {
color: rgba(0, 0, 0, 0.54)
}
.waffle-pivot-sidebar .docs-material-gm-select-caption {
color: #3c4043;
font-size: 12px;
padding-left: 8px
}
.waffle-pivot-sidebar .docs-material-gm-select-outer-box {
padding: 0
}
.waffle-pivot-sidebar .docs-material-gm-checkbox {
display: inline-block
}
.waffle-sidebar-container.waffle-pivot-sidebar-column-names-enabled,
.docs-grille-gm3 .waffle-sidebar-container.waffle-pivot-sidebar-column-names-enabled {
width: 460px
}
.waffle-sidebar-container.waffle-pivot-sidebar.waffle-pivot-sidebar-column-names-enabled:focus {
outline: none
}
.waffle-pivot-sidebar-column-names-enabled .waffle-sidebar-content {
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
overflow: hidden
}
.waffle-pivot-sidebar-column-names-enabled.waffle-pivot-sidebar-resizing-enabled #waffle-pivot-sidebar {
padding-left: 10px
}
.waffle-pivot-sidebar-column-names-enabled #waffle-pivot-sidebar {
border-right: 1px solid #dadce0;
height: 100%;
overflow-y: auto;
min-width: 200px;
display: flex;
flex-direction: column;
flex-grow: 1;
flex-basis: 200px
}
.waffle-pivot-sidebar-column-names-enabled #waffle-pivot-sidebar .waffle-pivot-container {
box-sizing: border-box
}
.waffle-pivot-sidebar-column-names-enabled .waffle-pivot-recommendation-list {
position: relative
}
.waffle-pivot-sidebar-column-names-enabled .waffle-pivot-column-names-container {
display: flex;
height: 100%;
overflow-y: auto;
min-width: 160px;
flex-grow: 1.3;
flex-basis: 160px
}
.waffle-pivot-sidebar-column-names-enabled .waffle-pivot-pill {
background: #f1f3f4;
border: 1px solid #f1f3f4;
border-radius: 8px;
box-shadow: none;
margin-left: 2px;
margin-right: 2px
}
.waffle-pivot-sidebar-column-names-enabled .waffle-pivot-pill:focus {
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
outline: none
}
.waffle-pivot-sidebar-column-names-enabled .waffle-pivot-pill-main-table {
align-content: center;
display: flex;
padding: 6px 8px
}
.waffle-pivot-pill-type-icon {
top: 1px
}
.waffle-pivot-sidebar-column-names-enabled .waffle-pivot-pill-main-table-text,
.waffle-pivot-sidebar-column-names-enabled .waffle-pivot-pill-title {
line-height: 20px
}
.waffle-pivot-sidebar-column-names-enabled .waffle-pivot-pill-title {
color: #3c4043;
display: flex;
font-weight: 500
}
.waffle-pivot-sidebar-column-names-enabled .waffle-pivot-pill-close {
margin-left: auto;
transform: translateX(4px)
}
.waffle-pivot-sidebar-column-names-enabled .waffle-pivot-pill-close:focus {
background-color: #dadce0
}
.waffle-pivot-sidebar-column-names-enabled .waffle-pivot-pill-close .jfk-button {
color: #5f6368;
font-size: 14px;
height: 20px;
vertical-align: middle;
width: 20px
}
.docs-hc-gecko.waffle-pivot-sidebar .waffle-pivot-pill-close .jfk-button-flat:focus {
outline: 1px solid
}
.waffle-pivot-sidebar-column-names-enabled.waffle-pill-during-dragging {
background: #f8f9fa;
border-radius: 16px;
box-shadow: 0 4px 4px 0px rgba(60, 64, 67, .3), 0 8px 12px 6px rgba(60, 64, 67, .15);
opacity: 0.9
}
.waffle-pivot-sidebar-column-names-enabled.waffle-pill-during-dragging .waffle-pivot-pill-close {
display: none
}
.waffle-pivot-sidebar-column-names-enabled .docs-material-gm-select {
background: white;
border-radius: 4px
}
.waffle-pivot-sidebar-column-names-enabled #waffle-pivot-sidebar .waffle-pivot-pill.waffle-pivot-pill-highlight {
background: #ceead6;
border-color: #34a853
}
.waffle-pivot-sidebar-column-names-enabled.waffle-pill-during-dragging.goog-menuitem {
box-sizing: border-box;
border-radius: 16px;
cursor: move;
overflow: hidden;
padding-left: 8px;
padding-right: 8px;
background: #f8f9fa;
box-shadow: 0 4px 4px 0px rgba(60, 64, 67, .3), 0 8px 12px 6px rgba(60, 64, 67, .15);
opacity: 0.9
}
.waffle-pivot-sidebar-column-names-enabled.waffle-pill-during-dragging.goog-menuitem .goog-menuitem-content,
.waffle-pivot-sidebar-column-names-enabled.waffle-pill-during-dragging.goog-menuitem .goog-menuitem-content span {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
line-height: 18px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
font-weight: 500
}
.waffle-pivot-sidebar-column-names-enabled.waffle-pill-during-dragging.goog-menuitem .goog-menuitem-content>div {
display: flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-justify-content: flex-start;
justify-content: flex-start
}
.waffle-pivot-sidebar-column-names-enabled.waffle-pill-during-dragging.goog-menuitem .goog-menuitem-icon {
margin: 0 8px 0 0;
position: relative;
top: 0
}
.waffle-pivot-table-border {
border-color: #1a73e8;
border-style: solid
}
.waffle-pivot-resizable-sidebar.waffle-pivot-sidebar-column-names-enabled .waffle-pivot-column-names-container {
width: calc(100% - 300px)
}
.waffle-ui-draggablebar.waffle-pivot-sidebar-draggablebar.waffle-ui-material-draggablebar {
background: none;
height: 0
}
.waffle-pivot-account-linking-container,
.waffle-pivot-schema-fetch-error-label {
padding: 8px;
text-align: center
}
.waffle-pivot-account-linking-button-wrapper .docs-material-button-hairline-primary.docs-material-button {
font-size: 12px;
margin: 0
}
.waffle-pivot-account-linking-description,
.waffle-pivot-account-linking-spinner {
padding-top: 16px
}
.waffle-printing-pane {
left: 0;
outline: none;
position: absolute;
height: 100%;
top: 0;
width: 100%
}
.waffle-printing-fullscreen-cover {
background: rgba(0, 0, 0, .54);
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.waffle-printing-loader-message {
color: #fff;
font: 13px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
line-height: 60px;
text-align: center;
width: 100%
}
.waffle-printing-indeterminate-loader {
height: 4px;
left: 0;
position: absolute;
right: 0;
top: 60px
}
.waffle-printing-body-wrapper {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 60px
}
.waffle-printing-header-bar {
background-color: #424242;
height: 60px;
line-height: 60px;
width: 100%
}
.waffle-printing-header-bar-left {
margin-left: 12px
}
.waffle-printing-header-bar-right {
margin-right: 12px
}
.waffle-printing-header-bar-middle {
height: 100%;
line-height: 60px;
overflow: hidden;
text-align: center;
width: auto
}
.waffle-printing-top-level-header-left {
float: left;
height: 60px
}
.waffle-printing-top-level-header-left>div {
vertical-align: middle
}
.waffle-printing-header-title {
color: white;
display: inline-block;
font: 18px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
margin-left: 28px;
margin-right: 16px
}
.waffle-printing-page-counter {
color: white;
display: inline-block;
font: 13px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500
}
.waffle-printing-header-page-total {
font-weight: 400
}
.waffle-printing-cancel-button,
.waffle-printing-cancel-button.docs-material-button-focused.docs-material-button-no-focus-border {
padding-left: 4px
}
.waffle-printing-cancel-button.docs-material-button-focused {
padding-left: 3px
}
.waffle-printing-cancel-button .docs-icon {
margin: -4px 8px 0 0
}
.waffle-printing-header-button-set,
.waffle-printing-custom-headers-footers-confirm,
.waffle-printing-custom-page-breaks-confirm {
float: right
}
.waffle-printing-header-button-set,
.waffle-printing-custom-headers-footers-confirm,
.waffle-printing-custom-page-breaks-confirm,
.waffle-printing-custom-headers-footers-cancel,
.waffle-printing-custom-page-breaks-cancel {
margin-top: 14px;
margin-bottom: 14px
}
.waffle-printing-print-button,
.waffle-printing-top-level-cancel-button {
float: right
}
.waffle-printing-print-button {
background-color: #1a73e8
}
.waffle-printing-float-clear {
clear: both
}
.waffle-printing-preview-pane {
background-color: #d1d1d1;
height: 100%;
overflow: hidden;
position: relative;
width: auto
}
.waffle-printing-preview-outer {
height: 100%
}
.waffle-printing-preview-inner {
height: 100%;
overflow-x: auto;
overflow-y: scroll
}
.waffle-printing-preview-card-wrapper {
margin: 41px 20px 20px 36px
}
.waffle-printing-preview-card {
background-color: #fff;
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.20);
margin: auto;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
width: 100%
}
.waffle-printing-preview-card>canvas {
height: 100%;
width: 100%
}
.waffle-printing-preview-spinner {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-14px, -14px)
}
.waffle-printing-preview-page-counter-outer {
bottom: 22px;
margin: 0 10%;
pointer-events: none;
position: absolute;
width: 80%
}
.waffle-printing-preview-page-counter-inner {
background-color: rgba(0, 0, 0, 0.7);
border-radius: 12px;
color: #fff;
display: table;
font: 16px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
margin: auto;
padding: 20px 32px;
text-align: center
}
.waffle-printing-preview-page-counter-ellipses {
max-height: 19px
}
.waffle-printing-options-pane {
background-color: #fff;
color: #474747;
float: right;
height: 100%;
overflow-y: auto;
width: 300px
}
.waffle-printing-options-top-section {
padding: 8px 16px
}
.waffle-printing-options-section {
border-bottom: 1px solid #d2d2d2
}
.waffle-printing-options-wrapper .docs-charts-editor-collapsible-header {
font: 16px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500
}
.waffle-printing-options-wrapper .docs-charts-editor-collapsible-title {
width: auto
}
.waffle-printing-options-wrapper .docs-charts-editor-collapsible-summary {
display: none
}
.waffle-printing-options-wrapper h2 {
color: rgba(0, 0, 0, .87);
font-size: 13px;
font-weight: normal;
margin: 20px 0 0
}
.waffle-printing-options-wrapper h3,
.waffle-printing-options-wrapper .docs-material-gm-labeled-select-label {
color: rgba(0, 0, 0, .54);
font: 11px Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.waffle-printing-options-wrapper h3,
.waffle-printing-options-wrapper .docs-material-gm-labeled-select {
margin: 20px 0 0
}
.waffle-printing-options-wrapper .waffle-printing-fine-grained-selection-header {
margin-bottom: 8px
}
.waffle-printing-options-wrapper .waffle-material-labeledinput {
margin: 16px 0 0
}
.waffle-printing-options-wrapper .waffle-material-labeledinput-underline,
.waffle-printing-options-wrapper .waffle-material-labeledinput-accentunderline {
bottom: 0
}
.waffle-printing-options-wrapper .waffle-material-labeledinput-input {
bottom: 3px
}
.waffle-printing-options-pane .docs-charts-editor-material-menu-button-caption {
font-size: 16px
}
.waffle-printing-full-size {
display: block;
padding: 0
}
.waffle-printing-custom-paper-height-wrapper {
float: left;
width: 120px
}
.waffle-printing-custom-paper-width-wrapper {
float: right;
width: 120px
}
.waffle-printing-scale .docs-charts-editor-material-text-input {
margin-top: 12px
}
.waffle-printing-custom-scale {
float: right;
margin-left: 20px;
width: 33%
}
.waffle-printing-scale-wrapper {
overflow: hidden;
width: auto
}
.waffle-printing-page-breaks-edit-button {
float: right;
margin-right: -8px
}
.waffle-printing-page-breaks-button-and-toggle {
line-height: 32px;
margin: 18px 0
}
.waffle-printing-page-breaks-toggle-wrapper {
color: rgba(0, 0, 0, 0.87);
vertical-align: middle;
float: left;
width: auto
}
.waffle-printing-page-breaks-toggle {
display: inline-block;
margin-left: 12px;
position: relative;
top: 3px
}
.waffle-printing-page-breaks-toggle-label {
display: inline-block
}
.docs-charts-editor-collapsible-content>div.waffle-printing-formatting-section {
padding-bottom: 16px
}
.waffle-printing-horizontal-alignment,
.waffle-printing-vertical-alignment {
float: left;
width: 118px
}
.waffle-printing-horizontal-alignment {
margin-right: 20px
}
.waffle-printing-options-section.waffle-printing-repeat-header-cells-section {
border-bottom: none
}
.waffle-printing-options-section.waffle-printing-repeat-header-cells-section h2 {
margin-bottom: 10px
}
.waffle-printing-options-section.waffle-printing-repeat-header-cells-section h3 {
margin: 0 0 16px
}
.waffle-printing-rfs-columns,
.waffle-printing-rfs-rows,
.waffle-printing-rfs-columns .docs-charts-editor-labeledcheckbox,
.waffle-printing-rfs-rows .docs-charts-editor-labeledcheckbox {
display: inline
}
.waffle-printing-zoom-wrapper {
position: absolute;
right: 22px;
bottom: 10px;
z-index: 1
}
.waffle-printing-zoom-in-button .jfk-button,
.waffle-printing-zoom-out-button .jfk-button {
background: #fff;
border-radius: 20px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
height: 15px;
min-width: 0;
padding: 12.5px;
position: relative;
margin: 0 0 12px 0;
right: -80px;
transition: .2s right;
width: 15px
}
.waffle-printing-zoom-in-button .jfk-button .waffle-printing-zoom-icon-wrapper,
.waffle-printing-zoom-out-button .jfk-button .waffle-printing-zoom-icon-wrapper {
line-height: 0;
opacity: .54
}
.waffle-printing-zoom-out-button .jfk-button {
transition-delay: .1s
}
.waffle-printing-preview-pane:hover .waffle-printing-zoom-in-button .jfk-button {
right: 0
}
.waffle-printing-preview-pane:hover .waffle-printing-zoom-out-button .jfk-button,
.waffle-printing-zoom-out-button .jfk-button-focused {
right: 0;
transition-delay: .1s
}
.waffle-printing-zoom-force-visible.jfk-button {
right: 0;
transition: none
}
.waffle-printing-zoom-in-button .jfk-button.jfk-button-hover,
.waffle-printing-zoom-in-button .jfk-button.jfk-button-focused,
.waffle-printing-zoom-out-button .jfk-button.jfk-button-hover,
.waffle-printing-zoom-out-button .jfk-button.jfk-button-focused {
box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4)
}
.waffle-printing-zoom-in-button .jfk-button.jfk-button-hover .waffle-printing-zoom-icon-wrapper,
.waffle-printing-zoom-in-button .jfk-button.jfk-button-focused .waffle-printing-zoom-icon-wrapper,
.waffle-printing-zoom-out-button .jfk-button.jfk-button-hover .waffle-printing-zoom-icon-wrapper,
.waffle-printing-zoom-out-button .jfk-button.jfk-button-focused .waffle-printing-zoom-icon-wrapper {
opacity: .87
}
.waffle-printing-zoom-in-button .jfk-button.jfk-button-active,
.waffle-printing-zoom-in-button .jfk-button:active,
.waffle-printing-zoom-out-button .jfk-button.jfk-button-active,
.waffle-printing-zoom-out-button .jfk-button:active {
background: #aaa;
border-color: #aaa
}
.waffle-printing-margins-control {
outline: none;
position: absolute;
top: 0;
left: 0
}
.waffle-printing-margins-control-top,
.waffle-printing-margins-control-bottom {
cursor: ns-resize;
height: 5px;
left: 0;
position: absolute;
right: 0
}
.waffle-printing-margins-control-right,
.waffle-printing-margins-control-left {
bottom: 0;
cursor: ew-resize;
position: absolute;
top: 0;
width: 5px
}
.waffle-printing-margins-control-top {
border-bottom: 2px dashed #4285f4;
margin-top: -7px
}
.waffle-printing-margins-control-top:hover,
.waffle-printing-margins-control-top.waffle-printing-margins-control-active {
border-bottom: 2px solid #4285f4
}
.waffle-printing-margins-control-bottom {
border-top: 2px dashed #4285f4;
margin-bottom: -7px
}
.waffle-printing-margins-control-bottom:hover,
.waffle-printing-margins-control-bottom.waffle-printing-margins-control-active {
border-top: 2px solid #4285f4
}
.waffle-printing-margins-control-right {
border-left: 2px dashed #4285f4;
margin-right: -7px
}
.waffle-printing-margins-control-right:hover,
.waffle-printing-margins-control-right.waffle-printing-margins-control-active {
border-left: 2px solid #4285f4
}
.waffle-printing-margins-control-left {
border-right: 2px dashed #4285f4;
margin-left: -7px
}
.waffle-printing-margins-control-left:hover,
.waffle-printing-margins-control-left.waffle-printing-margins-control-active {
border-right: 2px solid #4285f4
}
.waffle-printing-margins-control-top-wrapper,
.waffle-printing-margins-control-bottom-wrapper,
.waffle-printing-margins-control-right-wrapper,
.waffle-printing-margins-control-left-wrapper {
background: #fff;
border: 2px dashed #4285f4;
height: 34px;
padding: 16px;
width: 60px
}
.waffle-printing-margins-control-top:hover .waffle-printing-margins-control-top-wrapper,
.waffle-printing-margins-control-active .waffle-printing-margins-control-top-wrapper,
.waffle-printing-margins-control-bottom:hover .waffle-printing-margins-control-bottom-wrapper,
.waffle-printing-margins-control-active .waffle-printing-margins-control-bottom-wrapper,
.waffle-printing-margins-control-right:hover .waffle-printing-margins-control-right-wrapper,
.waffle-printing-margins-control-active .waffle-printing-margins-control-right-wrapper,
.waffle-printing-margins-control-left:hover .waffle-printing-margins-control-left-wrapper,
.waffle-printing-margins-control-active .waffle-printing-margins-control-left-wrapper {
border: 2px solid #4285f4
}
.waffle-printing-margins-control-top-title,
.waffle-printing-margins-control-bottom-title,
.waffle-printing-margins-control-right-title,
.waffle-printing-margins-control-left-title {
font: 11px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
color: rgba(0, 0, 0, .54);
margin-left: -1px
}
.waffle-printing-margins-control-top-wrapper,
.waffle-printing-margins-control-top:hover .waffle-printing-margins-control-top-wrapper,
.waffle-printing-margins-control-active .waffle-printing-margins-control-top-wrapper {
border-radius: 0 0 2px 2px;
border-top: none;
box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
left: 50%;
position: absolute;
top: 5px;
transform: translateX(-50%)
}
.waffle-printing-margins-control-bottom-wrapper,
.waffle-printing-margins-control-bottom:hover .waffle-printing-margins-control-bottom-wrapper,
.waffle-printing-margins-control-active .waffle-printing-margins-control-bottom-wrapper {
border-bottom: none;
border-radius: 2px 2px 0 0;
box-shadow: 0 -4px 4px 0 rgba(0, 0, 0, 0.25);
bottom: 5px;
left: 50%;
position: absolute;
transform: translateX(-50%)
}
.waffle-printing-margins-control-right-wrapper,
.waffle-printing-margins-control-right:hover .waffle-printing-margins-control-right-wrapper,
.waffle-printing-margins-control-active .waffle-printing-margins-control-right-wrapper {
border-radius: 2px 0 0 2px;
border-right: none;
box-shadow: -4px 0 4px 0 rgba(0, 0, 0, 0.25);
position: absolute;
right: 5px;
top: 50%;
transform: translateY(-50%)
}
.waffle-printing-margins-control-left-wrapper,
.waffle-printing-margins-control-left:hover .waffle-printing-margins-control-left-wrapper,
.waffle-printing-margins-control-active .waffle-printing-margins-control-left-wrapper {
border-left: none;
border-radius: 0 2px 2px 0;
box-shadow: 4px 0 4px 0 rgba(0, 0, 0, 0.25);
left: 5px;
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.waffle-printing-radio-button-wrapper {
float: left;
margin-top: 6px;
width: 50%
}
.waffle-printing-radio-button-wrapper .jfk-radiobutton-label {
color: rgba(0, 0, 0, .87);
font: 13px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
line-height: 18px;
margin-left: 23px
}
.waffle-printing-radio-button-wrapper .jfk-radiobutton-label label {
margin-left: 0
}
.waffle-printing-radio-button-wrapper .jfk-radiobutton-radio,
.waffle-printing-radio-button-wrapper .jfk-radiobutton-hover .jfk-radiobutton-radio {
border: 2px solid #bebebe;
height: 16px;
left: 2px;
width: 16px
}
.waffle-printing-radio-button-wrapper .jfk-radiobutton-radio::after {
background: #4285f4;
border: none;
height: 8px;
left: 2px;
top: 2px;
width: 8px
}
.waffle-printing-custom-headers-footers-entry-button,
.waffle-printing-page-breaks-entry-button {
margin-top: 8px;
margin-left: -8px;
color: #1a73e8
}
.waffle-printing-custom-headers-footers-cancel,
.waffle-printing-custom-page-breaks-cancel {
float: left
}
.waffle-printing-custom-headers-footers-body,
.waffle-printing-custom-page-breaks-body {
background-color: #d1d1d1;
bottom: 0;
left: 0;
position: absolute;
overflow: hidden;
right: 0;
top: 60px
}
.waffle-printing-custom-headers-footers-overlay {
background-color: rgba(255, 255, 255, 0.54);
outline: none;
position: absolute;
top: 0;
left: 0
}
.waffle-printing-custom-headers-footers-content-area {
color: rgba(0, 0, 0, 0.24);
font: 36px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
text-align: center;
overflow: hidden;
width: 100%
}
.waffle-printing-custom-headers-footers-overlay-group {
border-spacing: 12px 0;
direction: ltr;
position: absolute;
table-layout: fixed
}
.waffle-printing-custom-headers-footers-section-wrapper {
width: 33.3333%
}
.waffle-printing-custom-headers-footers-section {
background-color: white;
height: 100%;
overflow: hidden;
padding: 0 8px;
transition: border-color 0.2s ease;
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
white-space: nowrap
}
.waffle-printing-custom-headers-footers-section-inactive {
border: 1px dotted #bdbdbd
}
.waffle-printing-custom-headers-footers-section-inactive:hover {
border-color: transparent;
border-bottom: 1px solid rgba(0, 0, 0, .87);
cursor: pointer
}
.waffle-printing-custom-headers-footers-section-active {
border-bottom: 2px solid #4285f4
}
.waffle-printing-custom-headers-footers-section-content {
box-sizing: border-box;
color: rgba(0, 0, 0, .87);
height: 100%;
overflow: hidden
}
.waffle-printing-custom-headers-footers-section-placeholder {
color: rgba(0, 0, 0, .54)
}
.waffle-printing-custom-header-footer-section-header-left,
.waffle-printing-custom-header-footer-section-footer-left {
text-align: left
}
.waffle-printing-custom-header-footer-section-header-right,
.waffle-printing-custom-header-footer-section-footer-right {
text-align: right
}
.waffle-printing-custom-header-footer-section-header-middle,
.waffle-printing-custom-header-footer-section-footer-middle {
text-align: center
}
.waffle-printing-custom-headers-footers-section:focus,
.waffle-printing-custom-headers-footers-section-content:focus {
outline: none
}
.waffle-printing-custom-headers-footers-pill {
-webkit-user-select: all;
-moz-user-select: all;
-ms-user-select: all
}
.waffle-printing-custom-headers-footers-pill-select {
background-color: #fafafa;
border-radius: 2px;
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
height: 34px;
min-width: 195px;
position: absolute;
z-index: 1003
}
.waffle-printing-custom-headers-footers-pill-select:focus {
outline: none
}
.waffle-printing-custom-headers-footers-pill-select .goog-toolbar-separator {
height: 34px;
margin: 0
}
.waffle-printing-custom-page-breaks-header-middle {
color: white;
font: 13px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
margin: 14px 0
}
.waffle-printing-custom-page-breaks-scale {
display: inline-block;
margin-right: 8px;
position: relative;
top: 1px
}
.waffle-printing-custom-page-breaks-scale .waffle-ellipses {
padding-left: 4px;
top: 2px
}
.waffle-printing-custom-page-breaks-scale-label {
font-weight: 500
}
.waffle-printing-custom-page-breaks-reset {
margin-left: 8px
}
.waffle-printing-custom-page-breaks-waffle {
bottom: 0;
left: 0;
position: absolute;
right: 0;
top: 0
}
.waffle-printing-custom-page-breaks-canvas-wrapper {
left: 0;
overflow: hidden;
position: absolute;
top: 0;
z-index: 1
}
.waffle-printing-custom-page-breaks-dragger-container {
position: absolute
}
.waffle-printing-custom-page-breaks-overlay {
border: 2px solid #4285f4;
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.20);
position: absolute
}
.waffle-printing-snapping-dragger,
.waffle-printing-snapping-dragger-handle,
.waffle-printing-snapping-dragger-handle-bar {
border-width: 0;
box-sizing: border-box;
position: absolute
}
.waffle-printing-snapping-dragger-handle-horizontal .waffle-printing-page-breaks-rounded-corner {
left: -24px;
top: -11px;
transform: rotate(-90deg)
}
.waffle-printing-snapping-dragger-rtl .waffle-printing-snapping-dragger-handle-horizontal .waffle-printing-page-breaks-rounded-corner {
transform: rotate(90deg)
}
.waffle-printing-snapping-dragger-handle-vertical .waffle-printing-page-breaks-rounded-corner {
left: -11px;
top: -24px
}
.waffle-printing-snapping-dragger-handle-horizontal,
.waffle-printing-snapping-dragger-handle-bar-horizontal {
height: 5px;
transform: translateY(-1px)
}
.waffle-printing-snapping-dragger-handle-bar-horizontal {
border-top: 2px dashed #4285f4;
cursor: row-resize
}
.waffle-printing-snapping-dragger-handle-vertical,
.waffle-printing-snapping-dragger-handle-bar-vertical {
transform: translateX(-1px);
width: 5px
}
.waffle-printing-snapping-dragger-handle-bar-vertical {
border-left: 2px dashed #4285f4;
cursor: col-resize
}
.waffle-printing-snapping-dragger-rtl .waffle-printing-snapping-dragger-handle-vertical,
.waffle-printing-snapping-dragger-rtl .waffle-printing-snapping-dragger-handle-bar-vertical {
transform: translateX(1px)
}
.waffle-printing-hard-break .waffle-printing-snapping-dragger-handle-bar {
border-style: solid
}
.waffle-printing-snapping-dragger-active .waffle-printing-snapping-dragger-handle-bar,
.waffle-printing-snapping-dragger-highlight .waffle-printing-snapping-dragger-handle-bar {
border-color: transparent
}
.waffle-printing-page-breaks-rounded-corner,
.waffle-printing-custom-page-breaks-delete {
display: block;
position: absolute;
z-index: 1
}
.waffle-printing-snapping-dragger-hover-bar {
background: #4285f4;
border: 1px solid white;
box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 3px rgba(0, 0, 0, 0.12), 0 4px 5px 0 rgba(0, 0, 0, 0.20);
position: absolute;
display: none
}
.waffle-printing-snapping-dragger-hover .waffle-printing-snapping-dragger-hover-bar,
.waffle-printing-snapping-dragger-active .waffle-printing-snapping-dragger-hover-bar {
display: block
}
.waffle-printing-snapping-dragger-hover-bar-horizontal {
border-left: none;
border-right: none;
height: 2px;
left: 0;
top: -2px;
width: 100%
}
.waffle-printing-snapping-dragger-hover-bar-vertical {
border-bottom: none;
border-top: none;
height: 100%;
left: -2px;
top: 0;
width: 2px
}
.waffle-printing-custom-page-breaks-delete {
background-color: transparent;
border: none;
box-shadow: none;
cursor: pointer;
fill: #4285f4;
height: 24px;
margin: 0;
min-width: 0;
padding: 0;
transform: scale(0.4);
transition: 200ms;
width: 24px
}
.waffle-printing-custom-page-breaks-delete-horizontal {
left: -16px;
top: -13px
}
.waffle-printing-custom-page-breaks-delete-vertical {
left: -12px;
top: -17px
}
.waffle-printing-custom-page-breaks-delete .waffle-printing-custom-page-breaks-delete-background {
fill: #4285f4;
transition: 200ms
}
.waffle-printing-snapping-dragger-hover .waffle-printing-custom-page-breaks-delete,
.waffle-printing-snapping-dragger-active .waffle-printing-custom-page-breaks-delete {
fill: #000;
transform: scale(1.0)
}
.waffle-printing-snapping-dragger-hover .waffle-printing-custom-page-breaks-delete-horizontal,
.waffle-printing-snapping-dragger-active .waffle-printing-custom-page-breaks-delete-horizontal {
left: -24px;
top: -12px
}
.waffle-printing-snapping-dragger-hover .waffle-printing-custom-page-breaks-delete-vertical,
.waffle-printing-snapping-dragger-active .waffle-printing-custom-page-breaks-delete-vertical {
left: -11px;
top: -24px
}
.waffle-printing-snapping-dragger-hover .waffle-printing-custom-page-breaks-delete-background,
.waffle-printing-snapping-dragger-active .waffle-printing-custom-page-breaks-delete-background {
opacity: 0.0
}
.waffle-printing-custom-page-breaks-delete-icon {
background-color: transparent;
opacity: 0.54;
transition: 0s
}
.waffle-printing-custom-page-breaks-delete.jfk-button-hover .waffle-printing-custom-page-breaks-delete-icon,
.waffle-printing-custom-page-breaks-delete.jfk-button-focused .waffle-printing-custom-page-breaks-delete-icon {
opacity: 0.87
}
.waffle-printing-custom-page-breaks-delete.jfk-button-active,
.waffle-printing-custom-page-breaks-delete:active,
.waffle-printing-custom-page-breaks-delete.jfk-button-focused,
.waffle-printing-custom-page-breaks-delete:focus {
border: none;
box-shadow: none;
outline: none
}
.waffle-printing-pane .docs-charts-editor-material-menu-button-caption {
color: rgba(0, 0, 0, .87);
font-size: 13px
}
.waffle-printing-pane .docs-charts-editor-collapsible-header {
color: rgba(0, 0, 0, .87);
font-size: 13px;
font-weight: normal
}
.waffle-printing-pane .docs-charts-editor-collapsible-header.goog-control-focused {
background-color: #e8eaed
}
.waffle-printing-pane .waffle-printing-headers-and-footers-section h2 {
color: rgba(0, 0, 0, .87);
font-size: 13px;
font-weight: normal;
margin-top: 16px
}
.waffle-printing-pane .waffle-printing-headers-and-footers-section h3 {
font-weight: normal;
margin-bottom: 11px;
margin-top: 9px
}
.waffle-printing-pane-base .docs-material-button-content {
display: inline-block;
min-width: 54px
}
.apps-promo {
z-index: 21
}
.apps-promo-popup {
width: 300px
}
.apps-promo-buttons {
display: none
}
#waffle-promo-button .goog-custom-button-inner-box {
font-weight: 500
}
.waffle-promo {
background: #188038 !important;
border-radius: 8px !important;
box-shadow: 0px 2px 6px rgba(60, 64, 67, 0.15), 0px 1px 2px rgba(0, 64, 67, 0.3) !important;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important;
width: 300px !important
}
.waffle-promo .docs-promo-container {
padding: 24px !important
}
.waffle-promo .docs-promo-text-container {
width: 252px !important
}
.waffle-promo .docs-promo-header {
color: #fff !important;
font-weight: 700
}
.waffle-promo .docs-promo-body {
color: #fff !important;
padding-top: 8px
}
.waffle-promo .docs-promo-body p {
margin-bottom: 0
}
.waffle-promo .docs-promo-action-row {
padding-top: 16px;
padding-right: 0;
padding-bottom: 0
}
.waffle-promo .docs-promo-action-container {
color: #fff !important;
font-weight: 500;
text-transform: lowercase;
display: inline-block
}
.waffle-promo .docs-promo-action-container::first-letter {
text-transform: uppercase
}
.waffle-promo .jfk-bubble-arrowdown .jfk-bubble-arrowimplbefore,
.waffle-promo .jfk-bubble-arrowdown .jfk-bubble-arrowimplafter,
.waffle-promo .jfk-bubble-arrowup .jfk-bubble-arrowimplbefore,
.waffle-promo .jfk-bubble-arrowup .jfk-bubble-arrowimplafter {
border-color: #188038 transparent !important
}
.waffle-promo .jfk-bubble-arrowleft .jfk-bubble-arrowimplbefore,
.waffle-promo .jfk-bubble-arrowleft .jfk-bubble-arrowimplafter,
.waffle-promo .jfk-bubble-arrowright .jfk-bubble-arrowimplbefore,
.waffle-promo .jfk-bubble-arrowright .jfk-bubble-arrowimplafter {
border-color: transparent #188038 !important
}
.waffle-shortcut-override-inside-promo {
border: 240px solid #0f9d58;
border-radius: 100%;
bottom: -260px;
height: 95px;
position: absolute;
right: 60px;
width: 95px;
background-color: #fff;
z-index: 500
}
.waffle-legacy-shortcut-override-inside-promo {
border-radius: 100%;
bottom: -20px;
box-shadow: 175px 0 0 190px #0f9d58;
height: 90px;
position: absolute;
right: 435px;
width: 80px;
z-index: 500
}
[dir="rtl"] .waffle-legacy-shortcut-override-inside-promo {
box-shadow: -175px 0 0 190px #0f9d58;
left: 220px
}
.waffle-shortcut-override-inside-promo-content,
.waffle-legacy-shortcut-override-inside-promo-content {
color: white;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
left: -100px;
line-height: 22px;
position: absolute;
text-align: left;
top: -125px;
width: 275px
}
.waffle-legacy-shortcut-override-inside-promo-content {
left: 100px
}
.waffle-legacy-shortcut-override-dismiss-button {
cursor: pointer;
color: white;
font: 500 15px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
margin: 25px 0 0 0;
min-width: 0;
outline: none;
padding: 0;
right: 5px;
text-transform: uppercase;
width: 0
}
.waffle-shortcut-override-inside-promo-header {
font: 500 21px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
line-height: 27px;
margin-bottom: 16px
}
.waffle-shortcut-override-inside-promo-description {
font-size: 15px;
opacity: 0.87
}
.apps-shortcutshelpcontentimpl-override-button-container .apps-ui-material-slide-toggle-container {
z-index: 1000
}
.waffle-shortcut-override-outside-promo {
background-color: #fafafa;
bottom: 80px;
box-shadow: rgba(255, 255, 255, .9) 0 1px 0 inset, rgba(0, 0, 0, .03) 0 -1px 0 inset, rgba(0, 0, 0, .15) 0 15px 10px, rgba(0, 0, 0, .3) 0 8px 36px;
position: absolute;
right: 40px;
width: 380px;
z-index: 1000
}
.waffle-shortcut-override-outside-promo-header {
font-size: 16px;
font-weight: 500;
opacity: 0.87;
padding: 22px 25px 0 25px
}
.waffle-shortcut-override-outside-promo-description {
color: #666;
line-height: 20px;
padding: 15px 25px
}
.waffle-shortcut-override-outside-promo-button-container {
padding: 0 24px 16px;
text-align: right
}
.waffle-shortcut-override-outside-promo-continue-button,
.waffle-shortcut-override-outside-promo-dismiss-button {
align-items: center;
cursor: pointer;
display: inline-flex;
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
justify-content: center;
text-transform: uppercase
}
.waffle-shortcut-override-outside-promo-continue-button {
background-color: #4285f4;
color: white;
padding: 6px 15px
}
.waffle-shortcut-override-outside-promo-dismiss-button {
color: #4285f4;
margin-right: 16px
}
.waffle-sidebar-container {
overflow: hidden;
box-shadow: -3px 0px 6px -3px rgba(60, 64, 67, .15), 3px 0px 6px -3px rgba(60, 64, 67, .15);
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
border-left: 0;
outline: none;
position: absolute;
right: 0;
top: 0;
width: 300px
}
.waffle-sidebar-content {
background-color: #fff;
font-size: 100%;
overflow-x: hidden;
overflow-y: auto;
position: relative
}
.waffle-sidebar-footer-container {
bottom: 0;
position: absolute;
width: 100%
}
.waffle-sidebar-header-container {
width: 100%
}
.waffle-sidebar-spinner-container {
background-color: #fff;
height: 100%;
position: absolute;
width: 100%
}
.waffle-sidebar-spinner-container>.waffle-spinner {
left: 50%;
margin-left: -14px;
margin-top: -14px;
position: absolute;
top: 50%
}
.waffle-sidebar-title {
display: flex;
align-items: center;
color: #202124;
background-color: #fff;
height: 56px;
padding: 0 16px;
border-bottom: 1px solid #dadce0;
border-top: 1px solid #dadce0;
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
z-index: 2
}
.waffle-sidebar-title-text {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px;
position: relative;
left: auto
}
.waffle-sidebar-title-close.docs-sidebar-close-button {
cursor: pointer;
position: absolute;
right: 5px;
top: 7px
}
.waffle-sidebar-container .jfk-textinput {
border: 1px solid #dadce0;
border-radius: 4px;
box-sizing: border-box;
color: #3c4043;
padding: 1px 8px;
font-size: 14px;
height: 36px;
margin: 8px 0
}
.waffle-sidebar-container .jfk-textinput:focus {
border: 2px solid #1a73e8;
box-shadow: none;
padding: 0px 7px
}
.waffle-sidebar-container .jfk-select .goog-flat-menu-button-dropdown {
margin-top: 0
}
.waffle-sidebar-container .goog-flat-menu-button.jfk-select {
padding-left: 8px !important
}
.waffle-range-selection-holder .docs-icon-grid,
.waffle-range-selection-holder .docs-icon-grid:before,
.waffle-sidebar-title .docs-gm-sidebar-icon .docs-icon-sheets-table-24,
.waffle-sidebar-title .docs-gm-sidebar-icon .docs-icon-sheets-table-24:before,
.waffle-sidebar-title .docs-gm-sidebar-icon .docs-icon-filter-control,
.waffle-sidebar-title .docs-gm-sidebar-icon .docs-icon-filter-control:before,
.waffle-sidebar-title .docs-gm-sidebar-icon .docs-icon-database,
.waffle-sidebar-title .docs-gm-sidebar-icon .docs-icon-database:before,
.waffle-sidebar-title .docs-gm-sidebar-icon .docs-icon-bolt,
.waffle-sidebar-title .docs-gm-sidebar-icon .docs-icon-bolt:before {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.waffle-sidebar-container .goog-flat-menu-button {
border: 1px solid #dadce0;
border-radius: 4px;
box-sizing: border-box;
cursor: pointer;
padding: 8px 6px 8px 8px;
width: 100%;
align-items: center;
background: none;
box-sizing: border-box;
color: #3c4043;
display: inline-flex;
justify-content: space-between;
outline: none;
position: relative;
width: unset
}
.waffle-sidebar-container .goog-flat-menu-button-disabled {
color: #5f6368;
opacity: .38;
cursor: default
}
.waffle-sidebar-container .goog-flat-menu-button:active {
background-color: #fff;
border: 1px solid transparent;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}
.waffle-sidebar-container .goog-flat-menu-button-hover {
background-color: rgba(60, 64, 67, 0.04);
border: 1px solid #dadce0;
box-shadow: none
}
.waffle-sidebar-container .goog-flat-menu-button-focused {
background-color: rgba(60, 64, 67, 0.06);
border: 1px solid #dadce0
}
.waffle-sidebar-container .goog-flat-menu-button-open {
background-color: rgba(60, 64, 67, 0.04);
border: 1px solid transparent
}
.waffle-sidebar-container .goog-flat-menu-button-hover.goog-flat-menu-button-open {
background-color: rgba(60, 64, 67, 0.06)
}
.waffle-sidebar-container .goog-flat-menu-button-focused.goog-flat-menu-button-open {
background-color: rgba(60, 64, 67, 0.08)
}
.waffle-sidebar-container .goog-flat-menu-button-disabled {
border: 1px solid #dadce0;
box-shadow: none;
cursor: default
}
.waffle-sidebar-container .goog-flat-menu-button-caption {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: #202124;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
height: 20px;
line-height: 20px;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-sidebar-container .goog-flat-menu-button-dropdown {
background: no-repeat url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_medium.svg) -20px -10428px;
height: 18px;
width: 18px;
border: none;
position: relative;
right: 0;
top: 0
}
.waffle-sidebar-container .goog-flat-menu-button-open .goog-flat-menu-button-dropdown {
-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.waffle-sidebar-container .docs-flatcolormenubutton .goog-flat-menu-button-caption {
height: 22px;
width: 22px;
border-radius: 50%;
border: 1px solid #dadce0;
margin: 0;
outline: none
}
.waffle-sidebar-container .docs-flatcolormenubutton.goog-flat-menu-button {
padding: 6px 0 6px 6px
}
.waffle-sidebar-container .jfk-button-action {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff
}
.waffle-sidebar-container .jfk-button-action.jfk-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #2a8947;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
.waffle-sidebar-container .jfk-button-action.jfk-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #4f9e67;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
.waffle-sidebar-container .jfk-button-action.jfk-button-hover.jfk-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #62a877;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15)
}
.waffle-sidebar-container .jfk-button-action.jfk-button-active,
.waffle-sidebar-container .jfk-button-action.jfk-button-focus.jfk-button-active {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #62a877;
box-shadow: 0 2px 6px 2px rgba(52, 168, 83, 0.15)
}
.waffle-sidebar-container .jfk-button-action.jfk-button-disabled {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #f8f9fa;
color: #202124;
opacity: 0.62
}
.waffle-sidebar-container .jfk-button-standard {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
border: 1px solid #dadce0 !important;
color: #137333
}
.waffle-sidebar-container .jfk-button-standard.jfk-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #f8fcf9;
border: 1px solid #c8e7d1 !important
}
.waffle-sidebar-container .jfk-button-standard.jfk-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #e7f5eb;
border: 1px solid #bbe2c6 !important
}
.waffle-sidebar-container .jfk-button-standard.jfk-button-hover.jfk-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
border: 1px solid #b5e0c1 !important
}
.waffle-sidebar-container .jfk-button-standard.jfk-button-active,
.waffle-sidebar-container .jfk-button-standard.jfk-button-focus.jfk-button-active {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
border: 1px solid transparent !important;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}
.waffle-sidebar-container .jfk-button-standard.jfk-button-disabled {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
border: 1px solid #f1f3f4 !important;
color: #3c4043;
opacity: 0.38
}
.waffle-sidebar-container .jfk-button-standard.waffle-range-selection-button,
.waffle-sidebar-container .jfk-button-standard.jfk-button-hover.waffle-range-selection-button,
.waffle-sidebar-container .jfk-button-standard.jfk-button-focused.waffle-range-selection-button,
.waffle-sidebar-container .jfk-button-standard.jfk-button-hover.jfk-button-focused.waffle-range-selection-button {
border: none !important;
padding: 8px 0 0 !important
}
.docs-grille-gm3 .waffle-sidebar-container {
background-color: #fff;
border-radius: 16px;
box-shadow: none;
margin: 10px 16px 16px;
outline: none;
width: 300px;
margin: 10px 16px 0;
width: 320px
}
.docs-grille-gm3 .docs-odp-sidebar {
margin-bottom: 0
}
.docs-grille-gm3 .waffle-sidebar-title {
align-items: center;
background-color: #fff;
border-bottom: 1px solid #dadce0;
border-top: none;
color: #202124;
display: flex;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 16px;
height: 56px;
padding: 0 16px;
z-index: 2
}
.waffle-sidebar-container .waffle-datavalidation-edit-pill .docs-flatcolormenubutton .goog-flat-menu-button-caption {
margin: 0 4px 0 2px
}
.waffle-slicer-overlay,
.waffle-embedded-object-container,
.waffle-slicer-container {
border-radius: 20px
}
.waffle-slicer-container {
-webkit-align-items: center;
align-items: center;
display: flex;
direction: ltr;
height: inherit;
min-height: 100%;
min-width: 100%
}
.waffle-slicer-filter-box-container .goog-menu-filter {
display: flex;
-webkit-align-items: center;
align-items: center;
position: relative
}
.waffle-slicer-filter-box-container .waffle-filterbox-input {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
margin-right: 0 !important;
width: 100%
}
.waffle-slicer-filter-box-container .waffle-filterbox-input-icon {
height: 18px;
position: absolute;
right: 8px;
top: 5px;
width: 18px
}
.waffle-slicer-filter-box-container .waffle-filterbox-label-icon-jfk {
display: none
}
.waffle-slicer-filter-box-container .waffle-filterbox-content {
height: auto !important;
margin: 3px 0;
max-height: 320px
}
.waffle-slicer-filter-box-container .goog-menuitem .goog-menuitem-content {
margin: 0 6px
}
.waffle-slicer-filter-container {
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12), 0px 1px 3px 0px rgba(0, 0, 0, 0.2);
background: white;
direction: ltr;
margin-top: 4px;
overflow-y: auto;
padding-top: 8px;
position: absolute;
right: 0;
left: 0;
z-index: 1000
}
.waffle-slicer-filter-container .waffle-filterbox-button-container {
display: flex;
justify-content: flex-end;
min-width: 200px
}
.waffle-slicer-filter-container {
border-radius: 8px
}
.waffle-slicer-icon-container {
height: 24px;
padding: 5px
}
.waffle-slicer-icon-filtered {
border-radius: 50%
}
.waffle-slicer-row {
-webkit-align-items: center;
align-items: center;
display: flex;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
margin: 0 30px 0 5px;
overflow: hidden
}
.waffle-slicer-row-enabled {
cursor: pointer
}
.waffle-slicer-header {
display: flex;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
max-height: 100%;
overflow: hidden
}
.waffle-slicer-title-container {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
margin: 0 10px;
overflow: hidden;
padding: 2px 0;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-slicer-status-container {
display: flex;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1;
border-radius: 10%;
max-width: 100px;
overflow: hidden;
padding: 2px 5px 2px 10px;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-slicer-status-icon-container {
-webkit-align-items: center;
align-items: center;
display: flex;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1
}
.waffle-slicer-icon-container:hover {
border-radius: 50%
}
.waffle-slicer-filter-box-container .waffle-conditionalformat-condition-type-select .goog-flat-menu-button,
.waffle-slicer-filter-box-container .waffle-conditionalformat-condition-date-select .goog-flat-menu-button,
.waffle-slicer-filter-box-container .waffle-conditionalformat-range-args-holder {
width: 100%
}
.waffle-slicer-filter-box-container .waffle-conditionalformat-range-args-holder .waffle-conditionalformat-arg1 {
margin-right: 0;
padding: 10px;
width: 100%
}
.waffle-slicer-filter-box-container .waffle-conditionalformat-arg-separator {
margin: 0 5px
}
.waffle-slicer-filter-box-container .waffle-conditionalformat-range-args-holder .waffle-conditionalformat-arg2 {
padding: 10px
}
.waffle-spinner {
display: inline-block;
position: relative;
width: 28px;
height: 28px
}
.waffle-spinner-message-container {
position: absolute;
width: 0;
height: 0;
overflow: hidden
}
.waffle-spinner-container {
width: 100%;
height: 100%
}
.waffle-spinner.waffle-spinner-active .waffle-spinner-container {
-webkit-animation: waffle-spinner-container-rotate 1568ms linear infinite;
animation: waffle-spinner-container-rotate 1568ms linear infinite
}
.waffle-spinner-layer {
position: absolute;
width: 100%;
height: 100%;
opacity: 0
}
.waffle-spinner-color-one {
border-color: #4285f4
}
.waffle-spinner-color-two {
border-color: #db4437
}
.waffle-spinner-color-three {
border-color: #f4b400
}
.waffle-spinner-color-four {
border-color: #0f9d58
}
.waffle-spinner.waffle-spinner-active .waffle-spinner-layer.waffle-spinner-color-one {
-webkit-animation: waffle-spinner-fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, waffle-spinner-blue-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
animation: waffle-spinner-fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, waffle-spinner-blue-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both
}
.waffle-spinner.waffle-spinner-active .waffle-spinner-layer.waffle-spinner-color-two {
-webkit-animation: waffle-spinner-fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, waffle-spinner-red-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
animation: waffle-spinner-fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, waffle-spinner-red-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both
}
.waffle-spinner.waffle-spinner-active .waffle-spinner-layer.waffle-spinner-color-three {
-webkit-animation: waffle-spinner-fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, waffle-spinner-yellow-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
animation: waffle-spinner-fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, waffle-spinner-yellow-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both
}
.waffle-spinner.waffle-spinner-active .waffle-spinner-layer.waffle-spinner-color-four {
-webkit-animation: waffle-spinner-fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, waffle-spinner-green-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
animation: waffle-spinner-fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, waffle-spinner-green-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both
}
.waffle-spinner-gap-patch {
position: absolute;
box-sizing: border-box;
top: 0;
left: 45%;
width: 10%;
height: 100%;
overflow: hidden;
border-color: inherit
}
.waffle-spinner-gap-patch .waffle-spinner-circle {
width: 1000%;
left: -450%
}
.waffle-spinner-circle-clipper {
display: inline-block;
position: relative;
width: 50%;
height: 100%;
overflow: hidden;
border-color: inherit
}
.waffle-spinner-circle-clipper .waffle-spinner-circle {
width: 200%
}
.waffle-spinner-circle {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
box-sizing: border-box;
height: 100%;
border-width: 3px;
border-style: solid;
border-color: inherit;
border-bottom-color: transparent;
border-radius: 50%;
-webkit-animation: none;
animation: none
}
.waffle-spinner-circle-clipper.waffle-spinner-left .waffle-spinner-circle {
border-right-color: transparent;
-webkit-transform: rotate(129deg);
transform: rotate(129deg)
}
.waffle-spinner-circle-clipper.waffle-spinner-right .waffle-spinner-circle {
left: -100%;
border-left-color: transparent;
-webkit-transform: rotate(-129deg);
transform: rotate(-129deg)
}
.waffle-spinner.waffle-spinner-active .waffle-spinner-circle-clipper.waffle-spinner-left .waffle-spinner-circle {
-webkit-animation: waffle-spinner-left-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
animation: waffle-spinner-left-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both
}
.waffle-spinner.waffle-spinner-active .waffle-spinner-circle-clipper.waffle-spinner-right .waffle-spinner-circle {
-webkit-animation: waffle-spinner-right-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
animation: waffle-spinner-right-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both
}
.waffle-spinner.waffle-spinner-isWarmdown .waffle-spinner-container {
-webkit-animation: waffle-spinner-container-rotate 1568ms linear infinite, waffle-spinner-fade-out 400ms cubic-bezier(0.4, 0.0, 0.2, 1);
animation: waffle-spinner-container-rotate 1568ms linear infinite, waffle-spinner-fade-out 400ms cubic-bezier(0.4, 0.0, 0.2, 1)
}
@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: 0.99
}
25% {
opacity: 0.99
}
26% {
opacity: 0
}
89% {
opacity: 0
}
90% {
opacity: 0.99
}
100% {
opacity: 0.99
}
}
@keyframes waffle-spinner-red-fade-in-out {
from {
opacity: 0
}
15% {
opacity: 0
}
25% {
opacity: 0.99
}
50% {
opacity: 0.99
}
51% {
opacity: 0
}
}
@keyframes waffle-spinner-yellow-fade-in-out {
from {
opacity: 0
}
40% {
opacity: 0
}
50% {
opacity: 0.99
}
75% {
opacity: 0.99
}
76% {
opacity: 0
}
}
@keyframes waffle-spinner-green-fade-in-out {
from {
opacity: 0
}
65% {
opacity: 0
}
75% {
opacity: 0.99
}
90% {
opacity: 0.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: 0.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
}
.selected-row-headers-background {
position: absolute;
background-color: #c8c8c8;
width: 45px;
z-index: 2
}
.selected-column-headers-background {
position: absolute;
background-color: #c8c8c8;
height: 23px;
z-index: 2
}
.waffle td,
.grid-fixed-table td {
overflow: hidden;
border: 1px #e5e5e5 solid;
border-color: rgba(0, 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,
.grid-fixed-table-ltr td {
border-width: 0 1px 1px 0
}
.waffle-rtl td,
.grid-fixed-table-rtl td {
border-width: 0 0 1px 1px
}
.waffle th,
.grid-fixed-table th {
font-weight: normal;
background: transparent;
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,
.grid-fixed-table-ltr th {
border-width: 0 1px 1px 0
}
.waffle-rtl th,
.grid-fixed-table-rtl th {
border-width: 0 0 1px 1px
}
.no-grid td {
border: solid 1px rgb(255, 255, 255);
border: solid 1px rgba(204, 204, 204, 0);
border-width: 0 1px 1px 0
}
td.empty {
font-size: 0 !important
}
th.row-header {
background-color: #eee;
width: 45px;
text-align: center;
vertical-align: middle;
font-size: 8pt;
color: #333;
line-height: inherit;
overflow: hidden
}
th.tall-row,
td.tall-row {
vertical-align: top
}
th.row-header-shim,
td.row-header-shim {
width: 0;
margin: 0;
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.selected,
td.selected {
background-color: #c8c8c8;
border-bottom: 1px solid #9fc2fd
}
td.header-shim,
th.header-shim {
border-width: 0 1px 0 0;
height: 0;
margin: 0
}
td.freezebar-cell,
th.freezebar-cell {
border-color: #dadfe8 !important;
background-color: #dadfe8;
padding: 0;
border-width: 0
}
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
}
th.frozen-column-cell {
width: 4px
}
td.freezebar-hidden,
th.freezebar-hidden {
height: 0px;
width: 0px;
display: none
}
td.frozen-row-cell,
th.frozen-row-cell {
height: 4px
}
.grid-fixed-table tr {
height: 10px
}
.row-header,
.row-header-shim {
background: #f8f9fa
}
div.column-headers-background,
th.column-headers-background,
div.row-headers-background,
th.row-headers-background {
background: #f8f9fa;
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.docs-grille-gm3 div.column-headers-background,
.docs-grille-gm3 th.column-headers-background,
.docs-grille-gm3 div.row-headers-background,
.docs-grille-gm3 th.row-headers-background {
background: white;
color: #444746;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 12px
}
.waffle-current-theme {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 16px;
padding-left: 15px
}
.waffle-current-theme-bar {
background: #fff;
border-bottom: 1px solid #dadce0;
z-index: 1
}
.waffle-current-theme-bar-shadow {
box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12), 0px 1px 3px 0px rgba(0, 0, 0, 0.2)
}
.waffle-current-theme-common-content {
display: flex;
-webkit-align-items: center;
align-items: center
}
.waffle-current-theme-preview {
padding-bottom: 20px
}
.waffle-current-theme-title-section {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
margin: 16px 0;
overflow: hidden
}
.waffle-custom-theme-warning-message {
background: #f4f4f4;
height: 32px;
margin: auto;
padding: 10px
}
.waffle-theme-thumbnail.waffle-theme-active {
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
border: 1px solid #34a853
}
.waffle-theme-button {
outline: none
}
.waffle-theme-container-element {
background: #fff;
padding-top: 16px;
outline: none
}
.waffle-theme-container-element-focus .waffle-theme-thumbnail {
border-color: #1a73e8
}
.waffle-theme-editor-content {
display: flex;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
height: 100%
}
.waffle-theme-editor-send-feedback-container {
text-align: end;
padding: 10px
}
.waffle-theme-editor-themes-container {
overflow: auto
}
.waffle-theme-edit-panel-color {
display: flex;
margin: 5px 0
}
.waffle-theme-edit-panel-color-text {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
line-height: 40px;
overflow: hidden;
text-overflow: ellipsis
}
.waffle-theme-edit-panel-font-family {
margin-top: 5px;
margin-bottom: 25px
}
.waffle-theme-editor-edit-panel {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
overflow: auto;
padding: 25px
}
.waffle-theme-edit-panel-color-picker {
height: 32px;
margin: auto
}
.waffle-theme-edit-panel-title {
font-weight: 500;
overflow: hidden;
text-overflow: ellipsis
}
.waffle-theme-title.waffle-current-theme-title {
line-height: 20px
}
.waffle-theme-title {
color: #3c4043;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
line-height: 32px;
overflow: hidden;
padding: 0 15px;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-theme-thumbnail {
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
border: 1px solid #dadce0;
height: 154px;
margin: auto;
width: 250px
}
.waffle-import-theme-bar-button-container {
padding: 15px;
height: 100px;
text-align: center;
border-top: 1px solid #dadce0;
background: #fff;
background-clip: border-box
}
.waffle-import-theme-button {
height: 32px;
margin-right: 0
}
.waffle-filterbox-container {
padding-top: 4px;
padding-bottom: 0;
width: 300px
}
.waffle-filtermenu,
.waffle-db-filter-by-value-container {
background-color: #fff;
padding-left: 17px;
padding-right: 20px;
letter-spacing: 0.2px
}
.waffle-filterbox-boolean-condition-picker {
background-color: #fff;
padding-left: 17px;
padding-right: 20px;
letter-spacing: 0.2px
}
.waffle-filterbox-with-condition:focus {
outline: none
}
.waffle-autofilter-sort {
padding-left: 20px;
margin: 3px 0px 3px 0px
}
.waffle-autofilter-sort.waffle-datasourcesheet-sort-selected.docs-hc-gecko {
outline: 1px solid
}
.waffle-autofilter-sort.waffle-datasourcesheet-sort-selected {
background-color: #e8eaed
}
.goog-menu.waffle-datasourcesheet-filterbox-container .goog-menuitem {
padding-left: 17px
}
.waffle-datasourcesheet-filterbox-container .goog-menuseparator {
margin-left: 17px;
margin-right: 20px
}
.waffle-filterbox-container.waffle-datasourcesheet-filterbox-container .waffle-conditionalformat-condition-type-select .goog-flat-menu-button {
width: 100%
}
.waffle-filterbox-content {
padding: 3px 8px 2px 8px
}
.waffle-filterbox-content>.goog-menuitem {
padding: 6px 0px 6px 22px
}
.waffle-filterbox-label {
margin-top: 15px;
margin-bottom: 13px
}
.waffle-filterbox-with-condition .waffle-filterbox-label {
margin-top: 0
}
.waffle-filterbox-label-icon-jfk {
background: none;
float: right
}
.waffle-filterbox-button-container {
padding: 14px 0 14px 20px;
text-align: right
}
.waffle-filterbox-with-condition {
overflow-y: auto
}
.waffle-filterbox-input-icon {
background: none
}
.waffle-db-filter-by-value-button-container .waffle-ui-text-link-button {
padding-left: 0
}
.waffle-db-filter-by-value-button-container,
.waffle-db-filter-by-value-estimated-bytes-wrapper {
display: inline-block
}
.waffle-db-filter-by-value-estimated-bytes-wrapper {
float: right;
padding-right: 12px
}
.waffle-db-filter-by-value-estimated-bytes-wrapper .waffle-dbobject-estimated-bytes-info {
position: relative
}
.waffle-db-filter-by-value-estimated-bytes-wrapper .waffle-dbobject-estimated-bytes-icon {
left: -4px;
position: absolute
}
.waffle-db-filter-by-value-estimated-bytes-wrapper .waffle-dbobject-estimated-bytes {
padding-top: 6px;
position: relative
}
.waffle-db-filter-by-value-estimated-bytes-wrapper .waffle-dbobject-estimated-bytes-details {
position: absolute;
right: 10px;
text-align: right;
top: 5px;
width: 120px
}
.waffle-db-filter-by-value-estimated-bytes-wrapper .waffle-dbobject-estimated-bytes-error {
font-size: 12px;
position: absolute;
right: -17px;
text-align: right;
text-decoration: none;
top: 3px;
width: 120px
}
.waffle-db-filter-by-value-hc-gecko .waffle-ui-text-link-button-focused {
filter: invert(100%)
}
.waffle-action-menu {
max-height: 400px;
overflow: auto
}
.waffle-recording-toast {
background-color: #fff;
border-bottom: 1px solid rgba(0, 0, 0, 0.14);
border-radius: 8px;
bottom: 52px;
box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15);
color: #3c4043;
font: 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
outline: none;
position: absolute
}
.waffle-recording-toast-top {
height: 64px;
min-width: 454px;
overflow: hidden;
position: relative
}
.waffle-recording-toast-bottom {
background-color: #fff;
border-radius: 0 0 8px 8px;
border-top: 1px solid rgba(0, 0, 0, 0.14);
box-sizing: border-box;
color: #3c4043;
font-size: 14px;
font-weight: 500;
width: 100%
}
.waffle-recording-toast-relativity-split .jfk-radiobutton {
max-width: 232px;
padding: 12px 12px
}
.waffle-recording-toast-new-content.waffle-recording-toast-slide-in {
-webkit-animation: waffle-recording-toast-new-message 2.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
-moz-animation: waffle-recording-toast-new-message 2.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
-o-animation: waffle-recording-toast-new-message 2.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
animation: waffle-recording-toast-new-message 2.1s cubic-bezier(0.4, 0, 0.2, 1) forwards;
opacity: 1
}
.waffle-recording-toast-new-content {
overflow: hidden;
position: absolute;
text-overflow: ellipsis;
top: -42px;
white-space: nowrap
}
@keyframes waffle-recording-toast-new-message {
0% {
top: -42px
}
14%,
86% {
top: 0
}
100% {
top: 42px
}
}
.waffle-recording-toast-content {
display: inline-block;
height: 64px;
line-height: 64px;
margin: 0 4px 0 16px
}
.waffle-recording-toast-content,
.waffle-recording-toast-new-content,
.waffle-recording-toast-default-content {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 205px
}
.waffle-recording-toast-default-content {
opacity: 1;
transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1)
}
.waffle-recording-toast-relativity-split {
width: 50%;
display: inline-block;
vertical-align: top
}
.waffle-recording-toast-label-description {
color: #3c4043;
font-size: 12px;
font-weight: normal;
margin-top: 4px
}
.waffle-recording-toast-right {
float: right
}
.waffle-recording-toast-expand-section {
display: inline-block;
border-left: 1px solid rgba(0, 0, 0, 0.14);
box-sizing: border-box;
height: 64px;
padding: 20px 5px;
vertical-align: bottom
}
.waffle-recording-toast-expand {
border: none;
border-radius: 2px;
display: inline-block;
outline: none;
padding: 3px
}
.waffle-recording-toast .goog-flat-button {
background-color: transparent;
border: none;
border-radius: 2px;
color: #5f6368;
display: inline-block;
font: 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
height: 16px;
margin: 14px 0;
padding: 10px
}
.waffle-recording-toast-cancel,
.waffle-recording-toast-stop {
text-transform: none
}
.waffle-recording-toast .waffle-recording-toast-stop {
margin: 14px 16px
}
.waffle-recording-toast-close-button {
background-color: transparent;
border: none;
cursor: pointer;
display: inline-block;
margin: 0;
padding: 0
}
.waffle-recording-toast-relativity {
display: inline-block;
padding-left: 12px
}
.waffle-recording-toast-relativity-label {
display: inline-block;
padding-left: 24px
}
.waffle-edit-actions-dialog,
.waffle-import-custom-function-actions-dialog {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.waffle-record-script-dialog.modal-dialog {
width: 286px
}
.waffle-record-script-dialog-label {
color: rgba(0, 0, 0, 0.54);
font-size: 11px;
padding-top: 3px
}
.waffle-record-script-dialog .waffle-record-script-dialog-label {
color: #3c4043;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
padding: 0 0 4px 0
}
.waffle-record-script-dialog-name-section {
margin-bottom: 16px
}
.waffle-record-script-dialog .waffle-record-script-name-input {
width: 100%
}
.waffle-record-script-shortcut input {
margin-left: 8px;
text-align: center;
width: 60px
}
.waffle-record-script-dialog .waffle-record-script-shortcut label {
margin-right: 8px
}
.waffle-record-script-dialog .waffle-record-script-shortcut input {
width: 74px
}
.waffle-recording-toast .jfk-radiobutton-label {
margin-left: 28px
}
.waffle-recording-toast .jfk-radiobutton-radio,
.waffle-recording-toast .jfk-radiobutton-hover .jfk-radiobutton-radio {
border: 2px solid #bebebe;
height: 16px;
left: 8px;
top: 12px;
width: 16px
}
.waffle-recording-toast .jfk-radiobutton-radio::after {
background: #188038;
border: 4px solid #188038;
box-sizing: border-box;
height: 8px;
left: 2px;
top: 2px;
width: 8px
}
@media screen and (forced-colors:active) {
.waffle-recording-toast .waffle-import-custom-function-add-function .goog-flat-button-focused,
.waffle-recording-toast .waffle-recording-toast-stop.goog-flat-button-focused,
.waffle-recording-toast .waffle-recording-toast-expand:focus-visible,
.waffle-recording-toast .waffle-import-custom-function-view-script .goog-flat-button-focused,
.waffle-recording-toast .waffle-recording-toast-cancel.goog-flat-button-focused,
.waffle-recording-toast .waffle-recording-toast-relativity-split .jfk-radiobutton-focused .jfk-radiobutton-radio,
.waffle-recording-toast .waffle-recording-toast-relativity-split .jfk-radiobutton-checked.jfk-radiobutton-focused .jfk-radiobutton-radio {
outline: 1px solid
}
}
.waffle-recording-toast .jfk-radiobutton-checked .jfk-radiobutton-radio {
border: 2px solid #188038
}
.waffle-recording-toast-relativity-split .jfk-radiobutton-focused .jfk-radiobutton-radio {
border: 2px solid #188038
}
.waffle-recording-toast-relativity-split .jfk-radiobutton-checked.jfk-radiobutton-focused .jfk-radiobutton-radio {
border: 2px solid #0d652d
}
.waffle-recording-toast-relativity-split .jfk-radiobutton-checked.jfk-radiobutton-focused .jfk-radiobutton-radio::after {
background-color: #0d652d;
border: 4px solid #0d652d
}
.waffle-recording-toast-icon {
color: #ea4335;
display: inline-block;
height: 16px;
margin-bottom: 24px;
margin-left: 16px;
margin-top: 24px;
width: 16px
}
.waffle-recording-toast-outer-circle {
border: 2px solid #ff5959;
border-radius: 50%;
box-sizing: border-box;
height: 16px;
position: relative;
width: 16px
}
.waffle-recording-toast-inner-circle {
-webkit-animation: waffle-recording-toast-recording-cycle 1333ms steps(1) infinite;
-moz-animation: waffle-recording-toast-recording-cycle 1333ms steps(1) infinite;
-o-animation: waffle-recording-toast-recording-cycle 1333ms steps(1) infinite;
animation: waffle-recording-toast-recording-cycle 1333ms steps(1) infinite;
border: 4px solid #ff5959;
border-radius: 50%;
box-sizing: border-box;
height: 8px;
left: 2px;
position: relative;
top: 2px;
width: 8px
}
@keyframes waffle-recording-toast-recording-cycle {
0% {
border: 4px solid #ff5959
}
50% {
border: 0
}
100% {
border: 4px solid #ff5959
}
}
.waffle-recording-toast-expand-icon {
height: 18px;
width: 18px
}
.waffle-recording-toast-expand-icon::after {
content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDE4IDE4Ij48ZyBzdHlsZT0iZmlsbDpub25lO3N0cm9rZS13aWR0aDoxO3N0cm9rZTpub25lIj48ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSg5IDkpc2NhbGUoMSAtMSl0cmFuc2xhdGUoLTkgLTkpIj48cmVjdCB3aWR0aD0iMTgiIGhlaWdodD0iMTgiLz48cG9seWdvbiBwb2ludHM9IjkgNSAzIDExIDQuNCAxMi40IDkgNy44IDEzLjYgMTIuNCAxNSAxMSIgZmlsbD0iIzVmNjM2OCIvPjwvZz48L2c+PC9zdmc+")
}
.goog-zippy-collapsed .waffle-recording-toast-expand-icon {
transform: rotate(-180deg)
}
.waffle-recording-toast-relativity-info {
color: white;
display: inline-block;
float: right;
font-weight: 500;
height: 20px;
text-align: center;
width: 20px
}
.waffle-recording-toast-info-circle {
border: 2px solid white;
border-radius: 50%;
height: 16px;
left: -2px;
position: relative;
top: -2px;
width: 16px
}
.waffle-edit-actions-dialog.modal-dialog {
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .4);
border: none;
padding: 0px;
width: 441px
}
.waffle-edit-actions-dialog .modal-dialog-title {
color: rgba(0, 0, 0, 0.87);
font-size: 18px;
font-weight: 500;
margin-bottom: 16px;
padding: 24px 24px 0 24px
}
.waffle-import-custom-function-actions-dialog .modal-dialog-title .title-action-number {
color: rgba(0, 0, 0, 0.54);
font-size: 18px;
font-weight: 400;
margin-left: 5px
}
.waffle-edit-actions-dialog .modal-dialog-buttons {
float: right;
margin-bottom: 14px;
margin-top: 8px
}
.waffle-edit-actions-dialog .modal-dialog-buttons button {
background-color: white;
background-image: none;
border: none;
border-radius: 2px;
color: rgba(0, 0, 0, 0.54);
font-size: 13px;
font-weight: 500;
height: 32px;
margin-right: 8px;
min-width: 64px;
padding-left: 8px;
padding-right: 8px;
text-transform: uppercase
}
.waffle-edit-actions-dialog .modal-dialog-buttons .goog-buttonset-default,
.waffle-recording-toast .waffle-recording-toast-stop {
color: #4285f4
}
.waffle-edit-actions-dialog .modal-dialog-buttons button:hover:enabled,
.waffle-recording-toast .goog-flat-button-hover,
.waffle-recording-toast-expand:hover {
background-color: rgba(0, 0, 0, 0.12)
}
.waffle-edit-actions-dialog .modal-dialog-buttons button:focus,
.waffle-recording-toast .goog-flat-button-focused,
.waffle-recording-toast-expand:focus {
background-color: #ddd;
background-image: none;
border: none
}
.waffle-edit-actions-dialog .modal-dialog-buttons button:active:enabled,
.waffle-recording-toast .goog-flat-button-active,
.waffle-recording-toast-expand:active {
background-color: rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87)
}
.waffle-edit-actions-dialog .modal-dialog-buttons button.goog-buttonset-default:hover:enabled,
.waffle-recording-toast .waffle-recording-toast-stop.goog-flat-button-hover {
background-color: rgba(66, 133, 244, 0.12)
}
.waffle-edit-actions-dialog .modal-dialog-buttons button.goog-buttonset-default:active:enabled,
.waffle-recording-toast .waffle-recording-toast-stop.goog-flat-button-active,
.waffle-recording-toast .waffle-recording-toast-stop.goog-flat-button-enabled {
background-color: rgba(66, 133, 244, 0.32);
color: #3367d6
}
.waffle-import-custom-function-add-function .goog-flat-button,
.waffle-recording-toast-stop.goog-flat-button {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
color: #137333;
outline: none;
text-transform: none
}
.waffle-import-custom-function-add-function .goog-flat-button-hover,
.waffle-recording-toast-stop.goog-flat-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #f8fcf9;
color: #137333
}
.waffle-import-custom-function-add-function .goog-flat-button-focused,
.waffle-recording-toast-stop.goog-flat-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #e7f5eb;
color: #137333
}
.waffle-import-custom-function-add-function .goog-flat-button-active,
.waffle-recording-toast-stop.goog-flat-button-active {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
color: #137333;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}
.waffle-import-custom-function-view-script .goog-flat-button,
.waffle-recording-toast-cancel.goog-flat-button {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
color: #5f6368;
outline: none;
text-transform: none
}
.waffle-import-custom-function-view-script .goog-flat-button-hover,
.waffle-recording-toast-cancel.goog-flat-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #f8fcf9;
color: #5f6368
}
.waffle-import-custom-function-view-script .goog-flat-button-focused,
.waffle-recording-toast-cancel.goog-flat-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #e7f5eb;
color: #5f6368
}
.waffle-import-custom-function-view-script .goog-flat-button-active,
.waffle-recording-toast-cancel.goog-flat-button-active {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
color: #5f6368;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}
.waffle-recording-toast-expand:hover {
background-color: #f8fcf9
}
.waffle-recording-toast-expand:focus {
background-color: #e7f5eb
}
.waffle-recording-toast-expand:focus:hover {
background-color: #dff2e4
}
.waffle-recording-toast-expand:active {
background-color: #dff2e4;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}
.waffle-edit-actions-dialog .waffle-edit-actions-row {
padding-bottom: 10px;
padding-top: 10px
}
.waffle-edit-actions-row {
color: rgba(0, 0, 0, 0.87);
font-size: 13px;
font-weight: 400;
height: 30px
}
.waffle-edit-actions-row-name {
float: left;
margin-right: 10px;
width: 175px
}
.waffle-edit-actions-row-shortcut-prefix {
display: inline-block;
margin-right: 5px;
padding-top: 4px
}
.waffle-edit-actions-row-shortcut {
display: inline-block;
width: 32px
}
.waffle-edit-actions-row-shortcut-input {
max-width: 100%;
text-align: center
}
.waffle-edit-actions-row-name input:disabled {
color: rgba(0, 0, 0, 0.87);
border: none
}
.waffle-edit-actions-row-name input {
max-width: 100%
}
.waffle-edit-actions-dialog .modal-dialog-title-close {
margin-right: 7px;
padding: 24px 17px 24px 24px
}
.waffle-edit-actions-dialog-scroll {
max-height: 346px;
min-height: 160px;
overflow-y: auto;
padding: 10px 24px 10px 24px
}
.waffle-edit-actions-dialog-gm .waffle-edit-actions-dialog-scroll {
padding: 0 4px
}
.waffle-edit-actions-options {
float: right
}
.waffle-edit-actions-row-menu {
display: inline-block;
margin-left: 10px
}
.waffle-edit-actions-options .goog-menuitem {
padding-right: 30px
}
.waffle-edit-actions-row .goog-menu {
display: inline-block;
overflow: hidden
}
.waffle-edit-actions-shortcut-conflict-message {
clear: left;
color: #db4437;
font-size: 11px
}
.waffle-edit-actions-undo-remove-toast {
z-index: 1003
}
.waffle-edit-actions-dialog .modal-dialog-buttons button:disabled {
opacity: 0.38
}
.waffle-import-custom-function-title-description {
color: rgba(0, 0, 0, 0.54);
font-size: 11px;
font-weight: 400
}
.waffle-import-custom-functions-row-container {
padding-top: 8px
}
.waffle-import-custom-function-actions-dialog.modal-dialog {
border: none;
box-shadow: 0 4px 16px 0 rgba(0, 0, 0, .4);
padding: 24px 12px;
width: 451px
}
.waffle-import-custom-function-actions-dialog .modal-dialog-title {
color: rgba(0, 0, 0, 0.87);
font-size: 18px;
font-weight: 500;
margin-bottom: 16px;
padding: 0 12px
}
.waffle-import-custom-function-actions-title-separator {
border-bottom: 1px solid rgba(0, 0, 0, 0.12);
margin: 0 12px
}
.waffle-import-custom-function-actions-dialog-scroll {
max-height: 381px;
min-height: 185px;
overflow-y: scroll;
padding: 0 1px 10px 2px
}
.waffle-import-custom-function-row {
margin-top: 8px;
padding-left: 10px
}
.waffle-import-custom-function-add-function {
display: inline-block;
float: right
}
.waffle-import-custom-function-add-function button {
background-color: white;
border: none;
border-radius: 2px;
color: #4285f4;
font: 500 15px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
height: 32px;
padding: 8px;
text-transform: uppercase
}
.waffle-import-custom-function-add-function button:hover {
background-color: rgba(66, 133, 244, 0.12)
}
.waffle-import-custom-function-add-function button:active {
background-color: rgba(66, 133, 244, 0.32);
color: #3367d6
}
.waffle-import-custom-function-name {
color: rgba(0, 0, 0, 0.87);
font-weight: 500;
font-size: 13px
}
.waffle-import-custom-function-metadata {
color: rgba(0, 0, 0, 0.54);
font-size: 11px;
font-weight: 400;
margin-top: 6px
}
.waffle-import-custom-function-description-label {
font-weight: 500
}
.waffle-import-custom-function-project-name {
display: inline-block
}
.waffle-import-custom-function-file-name {
display: inline-block;
margin-left: 16px
}
.waffle-import-custom-function-view-script {
display: inline-block
}
.waffle-import-custom-function-view-script button {
background-color: white;
background-image: none;
border: none;
border-radius: 2px;
color: rgba(0, 0, 0, 0.6);
font: 500 15px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
height: 32px;
margin-left: -8px;
text-transform: uppercase;
padding: 8px;
line-height: 1em
}
.waffle-import-custom-function-view-script button:hover {
background-color: rgba(0, 0, 0, 0.12)
}
.waffle-import-custom-function-view-script button:active {
background-color: rgba(0, 0, 0, 0.12);
color: rgba(0, 0, 0, 0.87)
}
.function-description-separator {
padding-left: 5px
}
.waffle-import-custom-function-actions-status-toast {
z-index: 1003
}
.waffle-import-custom-function-actions-checkmark {
height: 24px;
width: 24px
}
.waffle-import-custom-function-actions-checkmark::after {
content: url("data:image/svg+xml;base64,PHN2ZyB4bWxuczp4bGluaz0naHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluaycgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyB2ZXJzaW9uPScxLjEnIHdpZHRoPScyNHB4JyBoZWlnaHQ9JzI0cHgnIHZpZXdCb3g9JzAgMCAxNSAxNSc+PHBhdGggZmlsbD0nZ3JleScgZmlsbC1ydWxlPSdldmVub2RkJyBkPSdNNywxNCBDMTAuODY1OTkzMiwxNCAxNCwxMC44NjU5OTMyIDE0LDcgQzE0LDMuMTM0MDA2NzUgMTAuODY1OTkzMiwwIDcsMCBDMy4xMzQwMDY3NSwwIDAsMy4xMzQwMDY3NSAwLDcgQzAsMTAuODY1OTkzMiAzLjEzNDAwNjc1LDE0IDcsMTQgWiBNMi4yNSw3LjUgTDMuMzA3NSw2LjQ0MjUgTDUuNSw4LjYyNzUgTDEwLjY5MjUsMy40MzUgTDExLjc1LDQuNSBMNS41LDEwLjc1IEwyLjI1LDcuNSBaJz48L3BhdGg+PC9zdmc+")
}
.waffle-edit-actions-empty {
color: rgba(0, 0, 0, 0.54);
font-size: 15px;
font-weight: 400;
line-height: 160px;
text-align: center
}
.docs-ui-toast-content .waffle-ellipses {
left: 4px;
top: 3px
}
.grid-shim-bottom {
border-top: 1px solid #d9d9d9
}
.grid-shim-end-ltr {
border-left: 1px solid #d9d9d9
}
.grid-shim-end-rtl {
border-right: 1px solid #d9d9d9
}
.row-freezebar-extension {
background-color: #dadfe8;
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #dbdbdb;
position: relative
}
.grid-bottom-bar {
border-top: 1px solid #d9d9d9
}
.grid-bottom-bar {
border-top: 1px solid #aaa
}
.column-freezebar-extension {
height: 100%;
background-color: #dadfe8;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #dbdbdb;
position: relative
}
.mimic-overlay::-webkit-scrollbar {
background-color: rgba(255, 255, 255, 1.0)
}
.mimic-overlay::-webkit-scrollbar-corner {
background-color: rgba(255, 255, 255, 1.0)
}
.scroll-container::-webkit-scrollbar:vertical {
width: 12px
}
.scroll-container::-webkit-scrollbar:horizontal {
height: 12px
}
.scroll-container::-webkit-scrollbar-button:start {
display: none
}
.scroll-container::-webkit-scrollbar-button:end {
display: block
}
.scroll-container::-webkit-scrollbar-button {
border: 1px solid #d9d9d9
}
.scroll-container::-webkit-scrollbar-button:horizontal {
border-width: 1px 0 0 0
}
.scroll-container-ltr::-webkit-scrollbar-button:vertical {
border-width: 0 0 0 1px
}
.scroll-container-rtl::-webkit-scrollbar-button:vertical {
border-width: 0 1px 0 0
}
.scroll-container::-webkit-scrollbar-button:horizontal:increment {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -663px -13px;
width: 15px;
padding-left: 1px;
background-clip: border-box;
border: 1px solid #d9d9d9;
border-width: 1px 0 0 0;
box-shadow: none
}
.scroll-container::-webkit-scrollbar-button:horizontal:increment:hover {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -395px -62px
}
.scroll-container::-webkit-scrollbar-button:horizontal:increment:active {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -679px -13px
}
.scroll-container::-webkit-scrollbar-button:horizontal:decrement {
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -283px -62px;
width: 17px
}
.scroll-container::-webkit-scrollbar-button:horizontal:hover {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -145px -70px
}
.scroll-container::-webkit-scrollbar-button:horizontal:active {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -552px 0
}
.scroll-container::-webkit-scrollbar-button:vertical:increment {
padding-top: 1px;
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -531px -24px;
height: 15px
}
.scroll-container::-webkit-scrollbar-button:vertical:increment:hover {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -570px -42px
}
.scroll-container::-webkit-scrollbar-button:vertical:increment:active {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -83px -46px
}
.scroll-container::-webkit-scrollbar-button:vertical:decrement {
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -631px -27px;
height: 17px
}
.scroll-container::-webkit-scrollbar-button:vertical:decrement:hover {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -180px -58px
}
.scroll-container::-webkit-scrollbar-button:vertical:decrement:active {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -776px -28px
}
.scroll-container::-webkit-scrollbar-track:vertical {
background-clip: border-box;
border: 1px solid #d9d9d9;
box-shadow: none;
background-color: #f8f8f8
}
.scroll-container-ltr::-webkit-scrollbar-track:vertical {
border-width: 0 0 0 1px
}
.scroll-container-rtl::-webkit-scrollbar-track:vertical {
border-width: 0 1px 0 0
}
.scroll-container::-webkit-scrollbar-track:horizontal {
background-clip: border-box;
border: 1px solid #d9d9d9;
border-width: 1px 0 0 0;
box-shadow: none;
background-color: #f8f8f8
}
.scroll-container::-webkit-scrollbar-track:hover {
background: none;
box-shadow: none
}
.native-scrollbar::-webkit-scrollbar-track:hover {
border-width: 0;
background: none;
box-shadow: none
}
.scroll-container::-webkit-scrollbar-track:horizontal:hover,
.scroll-container::-webkit-scrollbar-track:vertical:hover {
box-shadow: none;
background-clip: border-box;
border: 1px solid #d9d9d9;
border-width: 1px 0 0 0;
box-shadow: none;
background-color: #f8f8f8
}
.scroll-container::-webkit-scrollbar-track:horizontal:hover {
border-width: 1px 0 0 0
}
.scroll-container::-webkit-scrollbar-track:vertical:hover {
border-width: 0 1px 0 1px
}
.scroll-container::-webkit-scrollbar-thumb {
background-color: #dadce0;
background-clip: padding-box;
border: solid transparent;
min-height: 28px;
padding: none;
box-shadow: none;
border-width: 1px 1px 1px 1px
}
.scroll-container::-webkit-scrollbar-thumb:horizontal {
box-shadow: none;
border-width: 2px 1px 1px 1px
}
.scroll-container::-webkit-scrollbar-thumb:vertical {
padding: 1px 1px 1px 1px;
box-shadow: none
}
.scroll-container-ltr::-webkit-scrollbar-thumb:vertical {
border-width: 1px 1px 1px 2px
}
.scroll-container-rtl::-webkit-scrollbar-thumb:vertical {
border-width: 1px 2px 1px 1px
}
.scroll-container::-webkit-scrollbar-thumb:hover {
background-color: #bdc1c6;
box-shadow: none
}
.scroll-container::-webkit-scrollbar-thumb:active {
background-color: #80868b
}
.native-scrollbar::-webkit-scrollbar-thumb:hover {
background: none;
background-color: #bdc1c6;
box-shadow: none
}
.native-scrollbar::-webkit-scrollbar-thumb:active {
background-color: #80868b
}
.docs-gm .native-scrollbar::-webkit-scrollbar-track:vertical,
.docs-gm .native-scrollbar::-webkit-scrollbar-track:horizontal,
.docs-gm .native-scrollbar::-webkit-scrollbar-track:horizontal:hover,
.docs-gm .native-scrollbar::-webkit-scrollbar-track:vertical:hover,
.docs-gm .scroll-container::-webkit-scrollbar-track:vertical,
.docs-gm .scroll-container::-webkit-scrollbar-track:horizontal,
.docs-gm .scroll-container::-webkit-scrollbar-track:horizontal:hover,
.docs-gm .scroll-container::-webkit-scrollbar-track:vertical:hover {
background-color: #fff
}
.scroll-container::-webkit-scrollbar-corner {
border: 1px solid #d9d9d9
}
.scroll-container-rtl::-webkit-scrollbar-corner {
border-width: 1px 1px 0 0
}
.scroll-container-ltr::-webkit-scrollbar-corner {
border-width: 1px 0 0 1px
}
.native-scrollbar::-webkit-scrollbar:vertical {
width: 12px
}
.native-scrollbar::-webkit-scrollbar:horizontal {
height: 12px
}
.native-scrollbar::-webkit-scrollbar-button:start {
display: none
}
.native-scrollbar::-webkit-scrollbar-button:end {
display: block
}
.native-scrollbar::-webkit-scrollbar-button {
border: 1px solid #d9d9d9
}
.native-scrollbar::-webkit-scrollbar-button:horizontal {
border-width: 1px 0 0 0
}
.native-scrollbar-ltr::-webkit-scrollbar-button:vertical {
border-width: 0 0 0 1px
}
.native-scrollbar-rtl::-webkit-scrollbar-button:vertical {
border-width: 0 1px 0 0
}
.native-scrollbar::-webkit-scrollbar-button:horizontal:increment {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -663px -13px;
width: 15px;
padding-left: 1px;
background-clip: border-box;
border: 1px solid #d9d9d9;
border-width: 1px 0 0 0;
box-shadow: none
}
.native-scrollbar::-webkit-scrollbar-button:horizontal:increment:hover {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -395px -62px
}
.native-scrollbar::-webkit-scrollbar-button:horizontal:increment:active {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -679px -13px
}
.native-scrollbar::-webkit-scrollbar-button:horizontal:decrement {
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -283px -62px;
width: 17px
}
.native-scrollbar::-webkit-scrollbar-button:horizontal:hover {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -145px -70px
}
.native-scrollbar::-webkit-scrollbar-button:horizontal:active {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -552px 0
}
.native-scrollbar::-webkit-scrollbar-button:vertical:increment {
padding-top: 1px;
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -531px -24px;
height: 15px
}
.native-scrollbar::-webkit-scrollbar-button:vertical:increment:hover {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -570px -42px
}
.native-scrollbar::-webkit-scrollbar-button:vertical:increment:active {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -83px -46px
}
.native-scrollbar::-webkit-scrollbar-button:vertical:decrement {
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -631px -27px;
height: 17px
}
.native-scrollbar::-webkit-scrollbar-button:vertical:decrement:hover {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -180px -58px
}
.native-scrollbar::-webkit-scrollbar-button:vertical:decrement:active {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -776px -28px
}
.native-scrollbar::-webkit-scrollbar-track {
margin: 0px
}
.native-scrollbar::-webkit-scrollbar-track:vertical {
background-clip: border-box;
border: 1px solid #d9d9d9;
box-shadow: none;
background-color: #f8f8f8
}
.native-scrollbar-ltr::-webkit-scrollbar-track:vertical {
border-width: 0 0 0 1px
}
.native-scrollbar-rtl::-webkit-scrollbar-track:vertical {
border-width: 0 1px 0 0
}
.native-scrollbar::-webkit-scrollbar-track:horizontal {
background-clip: border-box;
border: 1px solid #d9d9d9;
border-width: 1px 0 0 0;
box-shadow: none;
background-color: #f8f8f8
}
.native-scrollbar::-webkit-scrollbar-track:horizontal:hover,
.native-scrollbar::-webkit-scrollbar-track:vertical:hover {
box-shadow: none;
background-clip: border-box;
border: 1px solid #d9d9d9;
border-width: 1px 0 0 0;
box-shadow: none;
background-color: #f8f8f8
}
.native-scrollbar::-webkit-scrollbar-track:horizontal:hover {
border-width: 1px 0 0 0
}
.native-scrollbar::-webkit-scrollbar-track:vertical:hover {
border-width: 0 1px 0 1px
}
.native-scrollbar::-webkit-scrollbar-thumb:horizontal {
box-shadow: none;
border-width: 2px 1px 1px 1px
}
.native-scrollbar::-webkit-scrollbar-thumb:vertical {
padding: 1px 1px 1px 1px;
box-shadow: none
}
.native-scrollbar-ltr::-webkit-scrollbar-thumb:vertical {
border-width: 1px 1px 1px 2px
}
.native-scrollbar-rtl::-webkit-scrollbar-thumb:vertical {
border-width: 1px 2px 1px 1px
}
.native-scrollbar::-webkit-scrollbar-thumb {
background-clip: padding-box;
background-color: #dadce0;
border: solid transparent;
border-width: 1px 1px 1px 1px;
box-shadow: none;
min-height: 28px;
padding: none
}
.native-scrollbar::-webkit-scrollbar-corner {
border: 1px solid #d9d9d9
}
.native-scrollbar-rtl::-webkit-scrollbar-corner {
border-width: 1px 1px 0 0
}
.native-scrollbar-ltr::-webkit-scrollbar-corner {
border-width: 1px 0 0 1px
}
.native-scrollbar-x {
overflow-x: scroll;
overflow-y: hidden;
border: 1px solid #d9d9d9;
border-width: 0 1px 0 0
}
.native-scrollbar-y {
overflow-x: hidden;
overflow-y: scroll;
border: 1px solid #d9d9d9;
border-width: 0 0 1px 0
}
.waffle-verbal-title {
text-align: center
}
.waffle-verbal-wrapper {
height: 0;
overflow: hidden;
position: absolute;
width: 0
}
.waffle-verbal-highlights-container {
background-color: white;
border: 1px solid #9e9e9e;
border-left: 4px solid #009e55;
font-family: Roboto, Arial, sans-serif;
font-size: 13px;
margin: 3px -1px 0 -1px;
min-width: 400px;
padding: 20px 20px 15px 20px;
white-space: normal
}
.waffle-verbal-highlights-icon {
margin-right: 4px
}
.waffle-verbal-highlights-header {
color: #009e55;
font-weight: 500;
margin-bottom: 10px
}
.waffle-verbal-highlights-header-left {
float: left
}
.waffle-verbal-highlights-title-icon {
display: inline-block;
padding-bottom: 2px;
padding-right: 4px;
margin-left: -2px
}
.waffle-verbal-highlights-title {
display: inline-block;
vertical-align: bottom
}
.waffle-verbal-highlights-close {
float: right;
opacity: 0.46
}
.waffle-verbal-highlights-close.goog-flat-button {
position: static;
border: none;
margin: -4px -4px 0 0;
padding: 0;
background-color: transparent
}
.waffle-verbal-highlights-bullet {
color: #515151;
font-family: Roboto, Arial, sans-serif;
font-size: 13px;
margin-top: 10px;
white-space: pre-wrap
}
.waffle-verbal-highlights-empty-notice {
color: #9e9e9e;
margin-bottom: 25px;
text-align: center
}
.waffle-verbal-highlights-pager {
float: right
}
.waffle-verbal-highlights-viewall.goog-flat-button {
color: #009e55;
background-color: transparent;
border: none;
display: inline-block;
float: left;
font-family: Roboto, Arial, sans-serif;
font-size: 13px;
padding: 0
}
.waffle-verbal-highlights-previous.goog-flat-button,
.waffle-verbal-highlights-next.goog-flat-button {
color: #009e55;
background-color: transparent;
border: none;
display: inline-block;
font-family: Roboto, Arial, sans-serif;
font-size: 13px;
padding: 0
}
.waffle-verbal-highlights-previous.goog-flat-button-disabled,
.waffle-verbal-highlights-next.goog-flat-button-disabled {
color: #ccc
}
.waffle-verbal-highlights-counter {
color: #9e9e9e;
display: inline-block;
font-family: Roboto, Arial, sans-serif;
font-size: 13px;
text-align: center;
width: 70px
}
.waffle-verbal-highlights-floatclear {
clear: both
}
.waffle-verbal-highlights-one-option-footer {
margin: 15px 0
}
.waffle-verbal-highlights-footer {
margin: 15px 0 0 0
}
.waffle-verbal-highlights-viewall-footer.goog-flat-button {
background-color: transparent;
border: none;
margin: 15px 0 0 -5px;
padding: 0
}
.waffle-verbal-highlights-viewall-back-label {
color: #009e55;
display: inline-block;
font-family: Roboto, Arial, sans-serif;
font-size: 13px;
margin-left: 5px;
vertical-align: middle
}
.waffle-overflow-menu-material {
transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
cursor: pointer;
height: 18px;
opacity: 0.54;
width: 18px
}
.waffle-overflow-menu-material::after {
content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgdmlld2JveD0iMCAwIDIwIDIwIiBoZWlnaHQ9IjIwIj48cGF0aCBkPSJtMTAgNmMxLjEgMCAyLTAuOSAyLTJzLTAuOS0yLTItMi0yIDAuOS0yIDIgMC45IDIgMiAyem0wIDJjLTEuMSAwLTIgMC45LTIgMnMwLjkgMiAyIDIgMi0wLjkgMi0yLTAuOS0yLTItMnptMCA2Yy0xLjEgMC0yIDAuOS0yIDJzMC45IDIgMiAyIDItMC45IDItMi0wLjktMi0yLTJ6Ii8+PC9zdmc+")
}
.waffle-overflow-menu-material.waffle-overflow-menu-material-white::after {
content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgdmlld2JveD0iMCAwIDIwIDIwIj48cGF0aCBkPSJNMTAgNmMxLjEgMCAyLTAuOSAyLTJzLTAuOS0yLTItMlM4IDIuOSA4IDQgOC45IDYgMTAgNnpNMTAgOGMtMS4xIDAtMiAwLjktMiAyczAuOSAyIDIgMiAyLTAuOSAyLTJTMTEuMSA4IDEwIDh6TTEwIDE0Yy0xLjEgMC0yIDAuOS0yIDJzMC45IDIgMiAyIDItMC45IDItMlMxMS4xIDE0IDEwIDE0eiIgZmlsbD0iI2ZmZiIvPjwvc3ZnPg==")
}
.waffle-overflow-menu-material:hover {
opacity: 0.7
}
.goog-modalpopup-bg,
.modal-dialog-bg {
z-index: 1002
}
.goog-modalpopup,
.modal-dialog {
z-index: 1003
}
.waffle-dialog-header {
font-weight: 500;
font-size: 14px;
line-height: 2.25em
}
.menuMainLink {
border-style: none;
border-width: 0px;
font-size: 12px;
color: #15c;
text-decoration: underline;
cursor: pointer;
padding: 2px 0 0 6px;
vertical-align: middle
}
.dlgImportDisabled {
color: #666
}
div.uploadBox {
margin-top: 8px
}
div.dlgImportClear {
width: 100%;
height: 1px;
clear: both
}
div.dlgImportButterPane,
div.dlgRitzImportButterPane {
background-color: #f7cb4d;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
padding: 8px
}
span.dlgImportButterPane {
padding-left: 20px
}
span.dlgRitzImportButterPane {
display: block;
padding-top: 10px
}
div.dlgImportHeader {
font-weight: 500;
margin-top: 10px
}
.dlgImportError {
font-weight: 500;
color: red
}
span.waitSpinner {
padding-left: 5px
}
#dlgImportCustomOption {
display: inline-block
}
div.dlgImport {
width: 730px;
font-size: 10pt;
line-height: 130%
}
div.dlgRitzImport {
width: 310px;
font-size: 10pt;
line-height: 130%
}
#customDelimiter {
width: 40px
}
.dlgImport .jfk-radiobutton,
.dlgRitzImport .jfk-radiobutton {
display: block
}
.dlgImportPreview {
background-color: #eee;
height: 300px;
width: 360px;
border: 1px solid #ccc;
display: table-cell;
text-align: center;
vertical-align: middle;
overflow: scroll
}
div.dlgImportPreviewMessage {
color: gray
}
table.dlgImport {
width: 376px;
border: 0px;
padding: 0px
}
.waffle-import-dialog-spinner {
left: 50%;
position: absolute;
top: 50%;
transform: translate(-50%, -50%)
}
.waffle-import-options-condensed {
width: 480px
}
.waffle-import-options-condensed #divUploadMsgs {
margin: 16px 0
}
.waffle-import-options-controls {
display: flex;
flex-wrap: wrap
}
.waffle-import-options-filename {
font-weight: bold;
margin: 8px 0 16px 0
}
.waffle-import-options-destination,
.waffle-import-options-delimiter {
margin-right: 24px
}
#waffle-import-options-custom-delimiter-label,
.waffle-import-options-filename-header {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px
}
.docs-gm .modal-dialog .jfk-textinput.waffle-import-options-custom-delimiter-input {
box-sizing: border-box;
height: 42px;
margin: 8px 0 0 0;
width: 48px
}
.waffle-import-options-converttext,
.waffle-import-options-importtheme {
flex-basis: 100%;
margin: 8px 0
}
.waffle-alert-dialog-inner {
width: 376px;
font-size: 10pt
}
.pub-dialog-wrap {
width: 500px
}
.pub-dialog-txt {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 500
}
.pub-dialog-content-div {
padding: 0px 0px 10px 30px
}
.pub-dialog-checkbox-label {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px
}
.pub-dialog-url-box {
width: 450px;
font-family: monospace;
padding: 5px
}
.pub-dialog-input {
width: 220px
}
.pub-dialog-date-label {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
color: #afafaf;
padding: 0px 0px 0px 3px
}
.pub-dialog-input-div {
padding: 0px 0px 6px 0px
}
.pub-dialog-helpertext {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
color: #afafaf
}
.pub-dialog-hr {
background-color: #bfbfbf;
color: #bfbfbf;
height: 1px;
width: 96%
}
.pub-dialog-hr-div {
padding: 2px 0 2px 0
}
.pub-dialog-stjw-infotext-span {
font-size: 11px;
padding-left: 5px
}
.pub-dialog-link-options-document-part-menu-button,
.pub-dialog-published-content-menu-button {
margin-left: 0;
max-width: 150px
}
.pub-dialog-link-options-document-part-menu-button-content,
.pub-dialog-published-content-menu-button-content {
overflow: hidden;
text-overflow: ellipsis;
width: 100%
}
.pub-dialog-link-options-container,
.pub-dialog-published-content-container {
margin-top: 20px
}
.pub-dialog-link-options-menu,
.pub-dialog-published-content-menu {
overflow: auto
}
.pub-dialog-link-options-chart-menu-item,
.pub-dialog-published-content-chart-menu-item {
max-width: 340px;
overflow: hidden;
padding-left: 15px;
text-overflow: ellipsis
}
.pub-dialog-chart-notice {
color: #999;
font-size: 11px;
margin-top: 5px
}
.pub-dialog-chart-notice-emphasis {
color: #666;
font-weight: 500
}
.dialog-publishobject-div {
border: 1px solid #ccc;
background-color: #efefef;
font-family: inherit;
font-size: 12px;
max-height: 500px;
overflow: auto;
padding: 15px;
width: 350px
}
.dialog-publishobject-msg {
font-size: 12px
}
.waffle-selection-dialog-image-container {
margin: -24px -24px 0 -24px;
padding-bottom: 24px
}
.waffle-selection-dialog-image {
border-radius: 8px 8px 0 0;
height: 204px;
width: 362px
}
.waffle-selection-dialog .modal-dialog-title {
margin: 0 0 24px 0
}
.waffle-selection-dialog-content {
margin-right: 0;
max-height: 400px;
overflow-x: auto;
overflow-y: overlay;
width: 314px
}
.waffle-selection-dialog-row {
display: flex;
justify-content: space-between
}
.docs-gm .modal-dialog .waffle-selection-dialog-row .jfk-textinput {
margin: 0 0 8px 0
}
.waffle-selection-dialog-editbox {
width: 100%
}
.waffle-selection-dialog-active-editbox,
.waffle-flat-multi-range-active-editbox {
border: none;
box-shadow: none
}
.waffle-selection-dialog-remove.docs-material-button-flat-default.docs-material-button {
border-radius: 4px;
height: 32px;
padding: 0;
width: 32px
}
.waffle-flat-multi-range-remove {
color: #999;
cursor: pointer;
display: inline;
margin: 0 0 0 8px
}
.waffle-selection-dialog-remove .docs-icon {
width: 24px;
height: 24px;
margin: 0
}
.waffle-flat-multi-range-remove-table {
display: inline-block
}
.waffle-selection-dialog-error {
color: #b31412;
font-size: 13px
}
.waffle-selection-dialog-title-caption-text {
letter-spacing: 0.01428571em;
font-family: Roboto, Arial, sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 1.25rem;
color: #3c4043;
margin: 24px 0 0 0;
width: 300px
}
.waffle-selection-dialog-title-caption-link-text {
text-decoration: none
}
.waffle-timeline-selection-label {
letter-spacing: 0.01785714em;
font-family: 'Google Sans', Roboto, Arial, sans-serif;
font-size: .875rem;
font-weight: 500;
line-height: 1.25rem;
color: #3c4043;
margin: 0 0 4px 0
}
.waffle-selection-dialog .modal-dialog-buttons {
margin: 32px 0 0 0
}
.waffle-dv-trrules .waffle-range-selection-container.waffle-dv-range-selector {
width: 205px
}
.waffle-dv-trrules .waffle-range-selection-container {
width: 160px
}
.waffle-dv-recs-title-bar {
font-size: 13px;
margin: 25px 0 9px 3px
}
.waffle-dv-rec-wrapper {
background-color: #eee;
margin: 0 -42px;
min-height: 42px;
overflow: hidden;
padding: 5px 38px;
position: relative;
white-space: nowrap;
width: 570px
}
.waffle-dv-rec-description {
color: #404040;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-dv-rec-range {
color: #3b80f4;
float: right;
margin-left: 6px
}
.waffle-dv-rec-chip {
background-color: #fff;
border: 1px solid #e0e0e0;
border-radius: 8px;
float: left;
font-size: 13px;
font-weight: normal;
height: auto;
line-height: 21px;
margin: 5px;
max-width: 241px;
padding: 3px 16px 5px
}
.waffle-dv-rec-chip.jfk-button-focused {
box-shadow: none;
border: 1px solid rgba(0, 0, 0, .4)
}
.waffle-dv-rec-chip.jfk-button-hover {
box-shadow: 0 1px 2px rgba(0, 0, 0, .25)
}
.waffle-dv-rec-chip.waffle-dv-rec-chip-selected {
box-shadow: 0 2px 2px rgba(0, 0, 0, .2);
border: 1px solid #3b80f4
}
.waffle-dv-no-suggestions {
color: #757575;
font-style: italic;
padding-left: 10px;
position: absolute;
top: 50%;
transform: translateY(-50%)
}
.waffle-dv-rec-spinner-container {
height: 100%;
text-align: center
}
.waffle-dv-rec-spinner-container .waffle-spinner {
top: 7px
}
.waffle-dv-table-with-suggestions {
padding-top: 10px
}
.waffle-dv-feedback-link {
float: right;
font-family: 'Google Sans', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
text-decoration: none;
text-transform: uppercase
}
.waffle-range-selection-error {
border: 1px solid #b3261e
}
.input-selection-button-div {
margin-top: -1px;
margin-left: 4px
}
.waffle-flat-range-select-done {
margin-top: 3px
}
.waffle-flat-multi-range-row .waffle-range-selection-holder {
width: 168px;
display: inline-block
}
.waffle-flat-multi-range-select-done {
margin-top: 10px
}
.waffle-flat-range-select-message,
.waffle-flat-multi-range-select-message {
display: none;
margin-top: 3px;
width: 110px
}
.waffle-flat-range-select-listening .waffle-flat-range-select-message,
.waffle-flat-multi-range-select-listening .waffle-flat-multi-range-select-message {
display: inline-block
}
.waffle-flat-range-select-listening,
.waffle-flat-multi-range-select-listening {
background-color: #fbf2cd;
margin: 0 -20px 0;
padding: 10px 20px
}
.waffle-flat-multi-range-add-another {
display: block
}
.waffle-notification-listrule-container {
padding: 5px
}
.waffle-notification-rule-row {
display: inline-block;
margin-bottom: 10px;
width: 100%
}
.waffle-notification-rule-text {
font-size: 10pt
}
.waffle-notification-rule-description {
float: left
}
.waffle-notification-rulerow-buttons-container {
float: right
}
.waffle-notification-rulerow-edit-container {
float: left
}
.waffle-notification-rulerow-delete-container {
float: right
}
.waffle-notification-rule-disabled {
font-size: 8pt;
color: lightgray !important
}
.waffle-dialog-notifications-list {
width: 100%;
vertical-align: top
}
.waffle-dialog-notifications {
width: 100%;
padding: 6px 8px 8px 2px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
vertical-align: top
}
.waffle-dialog-notifications-gap {
padding-left: 25px
}
.waffle-dialog-notifications-input .disabled {
color: lightgray !important
}
.waffle-dialog-notifications-label .disabled {
color: lightgray !important
}
.waffle-dialog-notifications-text {
vertical-align: top;
padding-left: 20px;
color: #676767;
font-size: 8pt;
width: 150px
}
.waffle-notifications-add {
font-weight: 500;
display: block
}
.waffle-notification-rule-area-separator {
padding: 5px
}
.waffle-notification-listrule-container {
padding: 0 !important
}
.waffle-dialog-notifications-bounds {
border: 1px solid #999;
border-color: #dadce0;
border-radius: 8px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 250px;
max-width: 672px;
min-width: 464px;
overflow: auto;
padding: 10px;
width: unset;
vertical-align: top
}
.waffle-notification-buttons-container {
text-align: right
}
@media (forced-colors:active) {
.waffle-notification-buttons-container .jfk-button:focus {
outline: 1px solid Highlight;
outline-offset: -4px
}
}
.waffle-notification-addbutton-container {
align-self: flex-end;
border: none;
padding-bottom: 6px
}
.waffle-notifications-dialog .goog-link-button {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
color: #137333;
height: 24px;
padding: 3px 12px 5px;
text-decoration: none
}
.waffle-dialog-notifications-input {
padding-left: 0;
vertical-align: top
}
.waffle-notifications-dialog .jfk-radiobutton {
left: -7px
}
.waffle-dialog-notifications-toplabel {
font-weight: 500;
padding-bottom: 5px
}
.waffle-dialog-notifications-label {
font-weight: 500;
padding-bottom: 5px
}
.waffle-notifications-dialog .modal-dialog-buttons {
justify-content: space-between
}
.waffle-notifications-dialog .waffle-notification-addbutton-container .goog-link-button {
padding-left: 0
}
.waffle-notification-rule-separator {
border-bottom: 1px solid #dadce0;
clear: both;
padding-top: 10px
}
.waffle-notification-helpbutton-container {
float: right;
margin-right: 34px
}
.waffle-notification-helpbutton-container .goog-link-button {
color: #1a73e8
}
.waffle-notification-bottom-group {
padding-bottom: 2px
}
.waffle-notification-end-button {
margin-right: 0
}
.sketchy-dialog,
.sketchy-dialog-fg {
z-index: 1003
}
.waffle-find-replace-dialog-label {
padding-right: 8px
}
.waffle-find-replace-dialog-border {
border-color: #8cc474;
border-style: solid;
line-height: 0
}
.waffle-find-replace-dialog-display-message {
display: inline-block;
line-height: 20px;
max-width: 458px;
min-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-findandreplacedialog-checkbox-label {
vertical-align: bottom;
padding-left: 8px
}
.waffle-find-replace-find-scope-select {
margin: 8px 8px 8px 0;
width: 126px
}
.waffle-find-replace-selection-input {
margin-top: 8px;
vertical-align: top;
width: 150px
}
.waffle-find-replace-dialog {
min-width: 464px
}
.waffle-find-replace-dialog .modal-dialog-buttons {
margin-top: 7px
}
.waffle-find-replace-dialog .find-replace-regex-help {
display: inline-block;
font: 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
line-height: 16px;
margin-left: 8px;
padding: 3px 0;
width: auto
}
.waffle-dv-trrules .waffle-range-selection-container {
width: 160px
}
.waffle-dv-table {
border-spacing: 3px;
width: 562px
}
.waffle-dv-table .jfk-checkbox {
margin-bottom: 1px;
margin-left: 7px
}
.waffle-dv-table td {
white-space: nowrap
}
.waffle-dv-helptext {
width: 310px;
margin-left: 5px
}
.waffle-dv-errortext {
color: red;
font-weight: 500
}
.waffle-dv-smalltext {
font-size: 10px
}
.waffle-dv-editbox-number {
text-align: right;
width: 60px
}
.waffle-dv-editbox-text {
width: 150px
}
.waffle-dv-editbox-date {
text-align: right;
width: 100px
}
.waffle-dv-list-options-textarea {
padding-top: 5px;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
-webkit-appearance: textfield;
width: 180px
}
.waffle-dv-table .jfk-select {
float: left;
margin-right: 10px
}
.waffle-dv-trrules {
height: 41px
}
.waffle-dv-trrules-appearance,
.waffle-dv-trrules-showitems {
height: 26px
}
.waffle-dv-trrules>td,
.waffle-table-dialog-trrules>td {
padding-bottom: 7px;
vertical-align: top
}
.waffle-dv-trrules>td .input-selection,
.waffle-table-dialog-trrules>td .input-selection {
margin-left: 2px
}
.waffle-cf-tr-rules .jfk-checkbox {
margin-bottom: 1px
}
.waffle-dv-show-dropdown {
padding-top: 5px;
padding-bottom: 1px
}
.waffle-dv-customcheckboxlabel {
width: 80px;
padding-top: 11px
}
.waffle-dv-label {
padding-top: 5px;
padding-left: 2px;
width: 96px;
white-space: nowrap
}
.waffle-dv-label-disabled {
color: #d3d3d3
}
.waffle-dv-separator {
margin-left: 5px;
margin-right: 5px
}
.waffle-dv-highlight-styled-rect {
background-color: #0f9d58;
opacity: 0.06;
pointer-events: none
}
.range-border.waffle-dv-highlight-styled-border {
border-color: #0f9d58;
border-style: dashed
}
.waffle-sd-tr-rules {
padding-top: 7px
}
.waffle-sd-td-rules {
white-space: nowrap;
width: 50px
}
.waffle-sd-td-ascending {
white-space: nowrap
}
.waffle-sd-column-selector {
width: 120px
}
.waffle-sd-delete {
color: #999;
cursor: pointer;
margin-right: 5px;
width: 10px;
text-decoration: none
}
.waffle-sd-row-separator {
border-bottom: 1px solid #dadce0;
margin-bottom: 4px;
margin-top: 4px
}
.waffle-sd-add {
padding-top: 12px;
font-weight: 500;
display: block
}
.waffle-sd-menu-item {
padding-right: 30px
}
.script-gui-dialog-content {
padding: 0px
}
.waffle-custom-decimals-error-div {
padding-left: .7em;
color: #b3261e
}
textarea.waffle-input-error:focus,
input.waffle-input-error:focus,
.waffle-input-error {
border: 1px solid #b3261e
}
.waffle-input-error-butter-container {
width: 100%;
position: absolute;
margin-top: -25px;
left: 0;
text-align: center
}
.waffle-input-error-butter-wrap {
display: inline-block;
line-height: normal
}
.dialog-settings-text {
max-width: 300px;
padding-left: 25px
}
.dialog-settings-sep-td {
padding: 14px 0 9px 0
}
.dialog-settings-sep {
border-top-color: #e8eaed;
border-top-style: solid;
border-width: 1px 0 0 0;
color: #bfbfbf;
height: 0
}
.jfk-radiobutton-checked .jfk-radiobutton-radio::after {
background: #188038;
border: 4px solid #188038;
height: 8px;
left: 0;
margin: 2px;
top: 0;
width: 8px
}
.jfk-radiobutton-radio {
height: 16px;
width: 16px
}
.jfk-radiobutton-checked.jfk-radiobutton:hover .jfk-radiobutton-radio {
border: 2px solid #188038
}
.jfk-radiobutton-checked .jfk-radiobutton-radio {
border: 2px solid #188038
}
.jfk-radiobutton:focus .jfk-radiobutton-radio {
border: 2px solid #188038
}
.jfk-radiobutton-checked.jfk-radiobutton:focus .jfk-radiobutton-radio {
border: 2px solid #0d652d
}
.jfk-radiobutton-checked.jfk-radiobutton:focus .jfk-radiobutton-radio::after {
background-color: #0d652d;
border: 4px solid #0d652d
}
.dialog-settings-general-settings-div {
padding: 10px 0 18px 0
}
.dialog-settings-english-name-div {
padding-top: 10px
}
#waffle-settings-dialog-english-name-checkbox-label {
padding-left: 3px
}
.waffle-prompt-dialog {
width: 340px
}
.waffle-prompt-dialog .modal-dialog-userInput {
width: 300px;
margin: 4px
}
.waffle-spellcheck-cell-display {
font-weight: 500
}
.waffle-resize-option {
margin: 7px
}
.waffle-resize-inset-input {
margin-left: 30px
}
.waffle-resize-row-input-container {
margin-left: 30px
}
.waffle-resize-row-input {
width: 70px
}
.waffle-resize-row-input-label {
margin-left: 10px
}
#waffle-resize-input-error-butter-container {
margin-top: -15px
}
.waffle-confirm-suppress-checkbox {
margin-top: 8px
}
.waffle-confirm-learn-more {
margin-top: 2px
}
.waffle-slidingdialogbar-wrapper {
outline: none;
overflow: hidden;
width: 100%
}
.waffle-pivot-histogram-errorable-input {
display: inline-block;
margin: 4px;
vertical-align: top;
width: 120px
}
.waffle-pivot-histogram-dialog-caption {
color: rgba(0, 0, 0, 0.54);
font-size: 11px;
padding-top: 3px
}
.waffle-pivot-histogram-dialog-error {
color: #db4437;
height: 15px;
margin-top: 6px
}
.waffle-rd-section {
padding: 8px 0
}
.waffle-rd-section-title {
font-weight: 500
}
.waffle-rd-columns-container {
margin-left: -12px;
max-height: 300px;
overflow-x: hidden;
overflow-y: auto;
padding-top: 6px
}
.waffle-rd-expand-to-range {
color: #188038;
cursor: pointer;
padding-top: 2px;
text-decoration: underline
}
.waffle-rd-dialog-gm {
min-width: 312px
}
.waffle-rd-ignore-headers {
padding-top: 6px
}
.waffle-rd-columns-checkbox {
padding-left: 12px;
position: relative
}
.waffle-rd-ignore-headers .docs-material-gm-labeled-checkbox,
.waffle-rd-columns-checkbox .docs-material-gm-labeled-checkbox {
padding: 6px 0
}
.waffle-rd-checkbox-label {
display: inline-block;
padding-left: 5px
}
.waffle-sort-dialog-gm {
min-width: 464px
}
.waffle-sort-dialog-radio-option {
display: inline-block;
padding-left: 8px
}
.waffle-sd-delete .docs-icon {
width: 24px;
height: 24px;
margin: 0 4px 0 0
}
.waffle-sd-row-separator {
margin-top: 16px;
margin-bottom: 16px
}
.waffle-sort-dialog-data-header {
margin-bottom: 25px;
overflow: hidden
}
.waffle-sort-dialog-data-header .docs-material-gm-labeled-checkbox {
padding: 0
}
.docs-dialog .modal-dialog-title-close {
top: -1px
}
.modal-dialog.jfk-confirm .modal-dialog-title-close.docs-hc-gecko:after {
background-color: white;
filter: invert(1)
}
.docs-dialog .goog-flat-menu-button {
padding-top: 7px;
padding-bottom: 7px
}
.importThemeLabel {
padding: 0px 3px
}
.importThemeOption {
padding: 5px 7px
}
.importThemeWarningMessage {
color: #9e9e9e;
padding: 0px 25px
}
.waffle-dialog-range-suggestion-pill {
letter-spacing: 0.01428571em;
font-family: Roboto, Arial, sans-serif;
font-size: .875rem;
font-weight: 400;
line-height: 1.25rem;
align-items: center;
border-radius: 24px;
cursor: pointer;
display: flex;
padding: 8px
}
.waffle-dialog-range-suggestion-pill:hover {
background: #f1f3f4;
color: #202124
}
.waffle-dialog-range-suggestion-pill:focus,
.waffle-dialog-range-suggestion-pill:active {
background: #e8eaed;
color: #202124;
outline: none
}
.waffle-dialog-range-suggestion-pill-icon {
flex-shrink: 0;
height: 18px;
margin: 0 8px;
width: 18px
}
.waffle-dialog-range-suggestion-pill-sheet-name {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.waffle-dialog-range-suggestion-section {
display: flex;
flex-direction: column;
margin-top: 24px
}
.waffle-dialog-range-suggestion-section-header {
letter-spacing: 0.01785714em;
font-family: 'Google Sans', Roboto, Arial, sans-serif;
font-size: .875rem;
font-weight: 500;
line-height: 1.25rem;
color: #3c4043;
margin: 0 0 4px 0
}
.goog-palette-cell-selected .goog-palette-colorswatch {
background: url("//ssl.gstatic.com/docs/spreadsheets/MainMenuVerSprite007.png") transparent no-repeat;
background-position: 0px -15px
}
.goog-palette-cell {
border: 1px #666 solid
}
.trix-palette .goog-palette-cell {
border: 0
}
.trix-palette .goog-palette-table {
border: 0;
border-spacing: 2px;
border-collapse: separate;
margin: 0 4px
}
.trix-palette .goog-palette-cell-hover {
background: #eee
}
.trix-palette .toolbar-icon,
.trix-palette .docs-common-icon {
margin: 0
}
.docs-toolbar-menu-button .goog-toolbar-menu-button-caption {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.docs-toolbar-menu-button .goog-toolbar-menu-button-icon {
margin-left: 3px;
margin-right: 6px;
opacity: 1
}
.docs-toolbar-menu-button .goog-toolbar-menu-button-inner-box {
text-align: left
}
#docs-access-level-indicator.goog-flat-menu-button {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
cursor: pointer;
height: 24px;
line-height: 20px;
margin: 6px 0 6px 8px;
padding: 0 1px;
user-select: none
}
#docs-access-level-indicator.goog-flat-menu-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #2a8947;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15);
cursor: pointer;
height: 24px;
line-height: 20px;
margin: 6px 0 6px 8px;
padding: 0 1px;
user-select: none
}
#docs-access-level-indicator.goog-flat-menu-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #4f9e67;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15);
cursor: pointer;
height: 24px;
line-height: 20px;
margin: 6px 0 6px 8px;
padding: 0 1px;
user-select: none
}
#docs-access-level-indicator.goog-flat-menu-button-hover.goog-flat-menu-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #62a877;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15);
cursor: pointer;
height: 24px;
line-height: 20px;
margin: 6px 0 6px 8px;
padding: 0 1px;
user-select: none
}
#docs-access-level-indicator.goog-flat-menu-button-disabled {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
cursor: pointer;
height: 24px;
line-height: 20px;
margin: 6px 0 6px 8px;
padding: 0 1px;
user-select: none;
cursor: default;
opacity: .38
}
#docs-access-level-indicator.goog-flat-menu-button-pressed,
#docs-access-level-indicator.goog-flat-menu-button:active,
#docs-access-level-indicator.goog-flat-menu-button-open,
#docs-access-level-indicator.goog-flat-menu-button-hover.goog-flat-menu-button-open,
#docs-access-level-indicator.goog-flat-menu-button-focused.goog-flat-menu-button-open {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #62a877;
box-shadow: 0 2px 6px 2px rgba(52, 168, 83, 0.15);
cursor: pointer;
height: 24px;
line-height: 20px;
margin: 6px 0 6px 8px;
padding: 0 1px;
user-select: none
}
.docs-grille-gm3 #docs-access-level-indicator.goog-flat-menu-button {
background: #d3e3fd;
border-radius: 100px;
color: #041e49;
height: 28px;
line-height: 24px;
padding: 0;
user-select: none
}
.docs-grille-gm3 #docs-access-level-indicator.goog-flat-menu-button-hover {
background: #d3e3fd;
border-radius: 100px;
color: #041e49;
height: 28px;
line-height: 24px;
padding: 0;
user-select: none;
background: #cbdbf6;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15)
}
.docs-grille-gm3 #docs-access-level-indicator.goog-flat-menu-button-focused,
.docs-grille-gm3 #docs-access-level-indicator.goog-flat-menu-button-hover.goog-flat-menu-button-focused {
background: #d3e3fd;
border-radius: 100px;
color: #041e49;
height: 28px;
line-height: 24px;
padding: 0;
user-select: none;
background: #b9cbe7
}
.docs-grille-gm3 #docs-access-level-indicator.goog-flat-menu-button-disabled {
background: #d3e3fd;
border-radius: 100px;
color: #041e49;
height: 28px;
line-height: 24px;
padding: 0;
user-select: none;
background: rgba(31, 31, 31, 0.122)
}
.docs-grille-gm3 #docs-access-level-indicator.goog-flat-menu-button-pressed,
.docs-grille-gm3 #docs-access-level-indicator.goog-flat-menu-button:active,
.docs-grille-gm3 #docs-access-level-indicator.goog-flat-menu-button-open,
.docs-grille-gm3 #docs-access-level-indicator.goog-flat-menu-button-hover.goog-flat-menu-button-open,
.docs-grille-gm3 #docs-access-level-indicator.goog-flat-menu-button-focused.goog-flat-menu-button-open {
background: #d3e3fd;
border-radius: 100px;
color: #041e49;
height: 28px;
line-height: 24px;
padding: 0;
user-select: none;
background: #b9cbe7
}
#docs-access-level-indicator .docs-access-level-indicator-icon-container {
margin: 2px 4px 4px 6px
}
.docs-grille-gm3 #docs-access-level-indicator .docs-access-level-indicator-icon-container {
margin: 3px 8px 5px 12px
}
#docs-access-level-indicator .goog-flat-menu-button-caption {
margin-right: 20px;
font-size: 12px;
font-weight: 500;
line-height: 21px
}
.docs-grille-gm3 #docs-access-level-indicator .goog-flat-menu-button-caption {
color: #041e49;
font-size: 14px
}
.docs-grille-gm3 #docs-access-level-indicator.goog-flat-menu-button-disabled .goog-flat-menu-button-caption {
color: #1f1f1f
}
#docs-access-level-indicator .goog-flat-menu-button-dropdown {
border-bottom-color: #fff;
border-top-color: #fff;
right: 7px;
top: 10px
}
.docs-grille-gm3 #docs-access-level-indicator .goog-flat-menu-button-dropdown {
display: none
}
.docs-grille-gm3.docs-gm #docs-access-level-indicator .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_blue.svg)
}
.docs-grille-gm3.docs-gm #docs-access-level-indicator.goog-flat-menu-button-disabled .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_gm3_grey_medium.svg)
}
.docs-grille-gm3.docs-gm #docs-access-level-indicator .docs-icon-acl-view-only-on-brand-color-background,
.docs-grille-gm3.docs-gm #docs-access-level-indicator.goog-flat-menu-button-disabled .docs-icon-acl-view-only-on-brand-color-background {
left: -40px;
top: -10406px
}
.docs-grille-gm3.docs-gm #docs-access-level-indicator .docs-icon-acl-comment-only-on-brand-color-background,
.docs-grille-gm3.docs-gm #docs-access-level-indicator.goog-flat-menu-button-disabled .docs-icon-acl-comment-only-on-brand-color-background {
left: -40px;
top: -8482px
}
.goog-menu.docs-access-level-indicator-menu {
border-radius: 8px;
max-width: 272px;
padding: 22px 24px 24px 24px
}
.docs-access-level-indicator-menu .docs-access-level-indicator-menu-header {
color: #202124;
font: 500 16px/24px "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
margin-bottom: 8px
}
.docs-access-level-indicator-menu .docs-access-level-indicator-menu-text {
padding: 0;
font-size: 14px;
color: #3c4043;
line-height: 20px;
width: 196px
}
.docs-access-level-indicator-menu .docs-access-level-indicator-request-access-button {
height: 24px;
line-height: 15px;
margin: 16px 0 0 0;
padding: 4px 12px;
text-transform: none
}
#docs-approvals-status-indicator-toolbar-separator {
margin-right: 0
}
.docs-gm #docs-primary-toolbars #docs-approvals-locked-menu-button.goog-toolbar-menu-button {
cursor: pointer;
height: 24px;
line-height: 24px;
margin: 6px 0 6px 4px;
padding: 0 4px;
user-select: none
}
.docs-grille-gm3 #docs-primary-toolbars #docs-approvals-locked-menu-button.goog-toolbar-menu-button {
background: #d3e3fd;
border-radius: 100px;
color: #041e49;
font: 500 14px/20px "Google Sans", Roboto, sans-serif;
margin-left: 8px;
padding: 5px 24px 1px 0
}
.docs-grille-gm3 #docs-primary-toolbars #docs-approvals-locked-menu-button.goog-toolbar-menu-button-hover {
background: #cbdbf6;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15)
}
.docs-grille-gm3 #docs-primary-toolbars #docs-approvals-locked-menu-button.goog-toolbar-menu-button-focused,
.docs-grille-gm3 #docs-primary-toolbars #docs-approvals-locked-menu-button.goog-toolbar-menu-button-hover.goog-toolbar-menu-button-focused,
.docs-grille-gm3 #docs-primary-toolbars #docs-approvals-locked-menu-button.goog-toolbar-menu-button-pressed,
.docs-grille-gm3 #docs-primary-toolbars #docs-approvals-locked-menu-button.goog-toolbar-menu-button-open {
background: #b9cbe7
}
#docs-approvals-locked-menu-button .goog-toolbar-menu-button-dropdown {
margin-left: 2px
}
.docs-grille-gm3 #docs-approvals-locked-menu-button .goog-toolbar-menu-button-dropdown {
display: none
}
.docs-gm #docs-primary-toolbars .docs-approval-status-indicator {
cursor: pointer;
color: #137333;
font-size: 14px;
font-weight: 500;
height: 26px;
letter-spacing: .25px;
margin: 5px 0 5px 4px;
min-width: unset;
padding: 0 12px 0 9px;
user-select: none
}
.docs-grille-gm3 #docs-primary-toolbars #docs-approvals-locked-menu-button.goog-toolbar-menu-button-disabled {
background: rgba(31, 31, 31, 0.122);
color: #1f1f1f
}
.docs-gm #docs-primary-toolbars .docs-approval-status-indicator .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg);
cursor: default;
margin: -1px 2px 4px 0
}
.docs-grille-gm3 #docs-primary-toolbars .docs-approval-status-indicator .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_gm3_grey_medium.svg)
}
.docs-grille-gm3 #docs-approvals-locked-menu-button .goog-toolbar-menu-button-icon.docs-icon {
margin: 0 8px 4px 12px
}
.docs-approval-status-indicator-text {
line-height: 23px
}
.docs-grille-gm3 #docs-approvals-locked-menu-button .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_blue.svg)
}
.docs-grille-gm3 #docs-approvals-locked-menu-button.goog-toolbar-menu-button-disabled .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_gm3_grey_medium.svg)
}
.docs-grille-gm3 #docs-approvals-locked-menu-button .docs-icon-approvals-lock,
.docs-grille-gm3 #docs-approvals-locked-menu-button.goog-toolbar-menu-button-disabled .docs-icon-approvals-lock {
left: -42px;
top: -9772px
}
.docs-icon-inputtools-button-inner {
margin: 2px 0
}
.docs-icon-inputtools-menuitem-inner {
margin: 1px 0;
opacity: .70
}
.docs-icon.docs-icon-inputtools-menuitem-outter,
.docs-material .docs-icon.docs-icon-inputtools-menuitem-outter {
margin: 0 10px 0 12px
}
.docs-material .docs-icon.docs-icon-inputtools-menuitem-outter,
.docs-material #inputToolsToggleButton .docs-icon {
width: 21px;
height: 21px
}
.docs-hc-gecko .ita-kd-img {
filter: invert(100%)
}
@media print {
.docs-ui-unprintable {
display: none !important
}
#docs-editor-container.docs-ui-unprintable {
display: none !important
}
}
.docs-fontmenu-icon {
left: 16px
}
.docs-fontmenu-text {
padding-left: 23px
}
.docs-fontmenu-newlyadded {
background-color: #fffecc
}
.goog-menuitem-highlight.docs-menuitem-add-fonts {
border: none;
padding-top: 6px;
padding-bottom: 6px
}
.goog-menuitem-highlight.docs-fontmenu-newlyadded,
.goog-menuitem-hover.docs-fontmenu-newlyadded {
background-color: #eee
}
#docs-font-family .goog-toolbar-menu-button-caption {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 70px
}
.docs-fontmenu .docs-submenuitem {
border: none;
height: 18px;
padding: 6px 8em 6px 30px
}
.docs-fontmenu .docs-submenuitem .goog-menuitem-content {
height: 17px;
line-height: normal
}
.docs-fontmenu .docs-submenuitem .goog-menuitem-checkbox {
height: 21px;
top: 3px
}
.docs-fontmenu .docs-fonts-section-header {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 180px;
color: #3c4043;
font-size: 11px;
font-weight: 500;
line-height: 16px
}
.docs-gm .docs-fontmenu .goog-menuitem-disabled {
padding-left: 12px
}
.docs-fontmenu .goog-menuseparator {
margin-left: 12px;
margin-right: 12px
}
#contain-402 {
bottom: 10px;
position: fixed;
right: 50px;
z-index: 1002
}
.docs-hats-survey-followup-card {
bottom: 10px;
position: fixed;
right: 50px;
z-index: 1002;
background-color: #fafafa;
border: none;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
box-shadow: rgba(255, 255, 255, .9) 0 1px 0 inset, rgba(0, 0, 0, .03) 0 -1px 0 inset, rgba(0, 0, 0, .15) 0 15px 10px, rgba(0, 0, 0, .3) 0 8px 36px;
padding: 20px 26px 10px 16px;
width: 350px
}
.docs-hats-survey-followup-card-text {
color: #3c4043;
font: 14px/20px Roboto-Medium, sans-serif;
height: 46px;
padding: 12px;
width: 304px
}
.docs-hats-survey-followup-card-button-container {
text-align: right
}
.docs-hats-survey-followup-card-button {
border-radius: 2px;
cursor: pointer;
display: inline-block;
font: 14px/20px Roboto-Medium, sans-serif;
height: 36px;
line-height: 36px;
text-align: center;
width: 127px
}
.docs-hats-survey-followup-card-cancel-button {
color: #4285f4
}
.docs-hats-survey-followup-card-survey-button {
background-color: #4285f4;
color: #fff
}
.sketchy-dialog.modal-dialog {
padding: 0
}
.sketchy-dialog .modal-dialog-title {
margin: 24px 44px 14px 44px;
position: relative
}
.docs-gm .sketchy-dialog .modal-dialog-title {
margin: 24px
}
.sketchy-dialog-title-close {
margin-right: 0;
position: absolute;
right: 0;
top: -8px
}
.docs-gm .sketchy-dialog-title-close {
top: -5px
}
.sketchy-dialog-title-autosave {
color: #999;
font-weight: normal;
font-size: 12px;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
margin-left: 24px
}
.docs-gm .sketchy-dialog-title-autosave {
color: #80868b
}
.waffle-comment-anchor {
width: 282px
}
.docos-mole {
bottom: 28px
}
.waffle-docos-target-cell-border {
border-color: #f4b400
}
.waffle-docos-target-cell-rect {
background-color: #ffe168;
opacity: .5;
pointer-events: none
}
.waffle-docos-target-cell-resolved-rect {
background-color: #d9d9d9;
opacity: .5;
pointer-events: none
}
th.waffle-docos-target-cell-header {
background-color: #fcfac6
}
.waffle-objwrap-gvizchart {
background-color: white;
height: 100%;
z-index: 18;
overflow: hidden
}
.waffle-embedded-object-overlay {
outline: 0;
position: absolute;
z-index: 10
}
.waffle-obj-menu-open {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -763px -13px;
border: none;
color: #15c;
float: right;
height: 13px;
margin: 10px;
padding: 0;
text-decoration: none;
width: 13px
}
.waffle-obj-menu-open-active,
.waffle-obj-menu-open:hover {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -618px -27px
}
.waffle-obj-message-div {
padding: 15px 0 15px 15px;
font-size: 12pt
}
.waffle-borderless-embedded-object-overlay {
border: 1px solid #999;
margin: 0;
outline: none;
position: absolute;
z-index: 10;
user-select: none;
pointer-events: all
}
.waffle-borderless-embedded-object-container {
position: relative
}
.waffle-borderless-embedded-object-container .waffle-objwrap-gvizchart {
background-color: transparent;
z-index: 15
}
.waffle-obj-control {
position: absolute;
z-index: 18
}
.waffle-obj-glasspane-control.waffle-obj-control {
z-index: 17
}
.waffle-obj-glasspane-control {
left: 0;
position: absolute;
top: 0
}
.waffle-obj-gviz-control {
border: 1px solid #999;
position: absolute;
right: -48px;
top: -1px
}
.waffle-obj-drag-component {
position: absolute;
border: none;
background-color: #0096fd
}
.waffle-selectionbox-background {
display: none
}
.docs-charts-tooltip {
z-index: 3
}
.waffle-charts-alert {
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 3px 1px -2px rgba(0, 0, 0, 0.12), 0px 1px 5px 0px rgba(0, 0, 0, 0.2);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
background: rgba(0, 0, 0, 0.87);
border-radius: 2px;
bottom: 0;
line-height: 16px;
margin: 4px;
max-height: 93%;
max-width: 99%;
padding: 10px 14px;
position: absolute;
white-space: nowrap;
z-index: 1000
}
.waffle-charts-alert-text {
color: #fff;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
white-space: normal
}
.waffle-charts-alert-link-div {
float: right;
padding-left: 35px
}
a.waffle-charts-alert-link {
transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
color: #a1c2fa;
cursor: pointer;
text-decoration: none;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
opacity: 0.87;
text-transform: uppercase
}
a.waffle-charts-alert-link:hover {
opacity: 1
}
a.waffle-charts-alert-link-close {
color: white;
margin-left: 15px
}
.waffle-charts-overflow-legend {
background-color: #ffffff;
border: 1px solid #999;
position: absolute
}
.waffle-charts-overflow-legend-scrollbar {
position: absolute;
top: 0;
width: 10px
}
.waffle-obj-menu-control {
right: 5px;
top: 5px
}
.waffle-obj-menu-button {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -763px -13px;
cursor: pointer;
height: 13px;
width: 13px
}
.waffle-obj-menu-button.waffle-obj-menu-control-active,
.waffle-obj-menu-button:hover {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -618px -27px
}
.waffle-obj-menu-control-material {
right: 6px;
top: 6px
}
.waffle-obj-menu-control-table-chart {
right: 20px
}
.waffle-chart-filter-indicator-control {
right: 6px;
top: 6px
}
.waffle-borderless-embedded-object-overlay-focused .waffle-chart-filter-indicator-control {
right: 24px
}
.waffle-chart-filter-indicator-control-table-chart {
right: 20px
}
.waffle-borderless-embedded-object-overlay-focused .waffle-chart-filter-indicator-control-table-chart {
right: 38px
}
.waffle-objwrap-gvizchart div[id^='google-visualization-errors-all-'] {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjRTBFMEUwIj48cGF0aCBkPSJNOSAxN0g3di03aDJ2N3ptNCAwaC0yVjdoMnYxMHptNCAwaC0ydi00aDJ2NHptMi41IDJoLTE1VjVoMTV2MTR6bTAtMTZoLTE1Yy0xIDAtMiAxLTIgMnYxNGMwIDEgMSAyIDIgMmgxNWMxIDAgMi0xIDItMlY1YzAtMS0xLTItMi0yeiIvPjxwYXRoIGZpbGw9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiLz48L3N2Zz4="), url("data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNjAwIDM3MSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCAxdjFoNjAwVjF6bTAgOTB2MWg2MDB2LTF6bTAgOTF2MWg2MDB2LTF6bTAgOTF2MWg2MDB2LTF6IiBmaWxsPSIjZWVlIi8+PHBhdGggZD0iTTAgMzY2djJoNjAwdi0yeiIgZmlsbD0iI2NmY2ZjZiIvPjwvc3ZnPgo=");
background-position: center, 0 0;
background-repeat: no-repeat, repeat-x;
background-size: 100px 100px, auto 100%;
height: 100%;
width: 100%;
white-space: normal
}
.waffle-objwrap-gvizchart div[id^='google-visualization-errors-all-']>div {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif !important;
font-size: 14px !important;
padding-top: 15px;
text-align: center
}
.waffle-objwrap-gvizchart div[id^='google-visualization-errors-all-']>div>span {
background-color: transparent !important;
color: #db4437 !important;
display: block
}
.waffle-objwrap-gvizchart div[id^='google-visualization-errors-all-']>div>span:before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iI0RCNDQzNyIgZD0iTTggMEMzLjYgMCAwIDMuNiAwIDhzMy42IDggOCA4IDgtMy42IDgtOC0zLjYtOC04LTh6bS44IDEySDcuMnYtMS42aDEuNlYxMnptMC0zLjJINy4yVjRoMS42djQuOHoiLz48L3N2Zz4K");
background-position: 0 0;
background-repeat: no-repeat;
background-size: 16px 16px;
content: '';
display: inline-block;
height: 16px;
margin-right: 10px;
vertical-align: sub;
width: 16px
}
div.ac-datavalidation-renderer {
z-index: 1001;
overflow: auto;
box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4)
}
div.ac-datavalidation-renderer-upside-down {
z-index: 1001;
overflow: auto;
box-shadow: 1px 0 5px rgba(0, 0, 0, 0.4)
}
.waffle-ac-renderer {
margin: 0px 0px;
padding: 0;
z-index: 85;
overflow: visible;
position: absolute;
white-space: nowrap;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: normal;
line-height: 22px;
border: 1px solid rgba(0, 0, 0, 0.2);
background: #fff;
box-shadow: 0 2px 4px rgba(0, 0, 0, .2)
}
.waffle-ac-row {
margin: 0;
cursor: pointer;
padding: 2px 10px;
color: #666666
}
.waffle-ac-active {
background: #f5f5f5;
color: #000;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
padding: 1px 10px
}
.waffle-ac-highlighted {
font-weight: 500
}
#docs-chrome {
zoom: 1
}
.docs-toolbar .goog-menuitem-highlight {
background-color: #e0edfe
}
.ie8 .goog-toolbar-button-disabled .toolbar-icon,
.ie8 .goog-toolbar-button-disabled .docs-icon-img,
.ie8 .goog-toolbar-button-disabled .goog-toolbar-button-inner-box,
.ie8 .goog-toolbar-menu-button-disabled .toolbar-icon,
.ie8 .goog-toolbar-menu-button-disabled .docs-icon-img,
.ie8 .goog-toolbar-menu-button-disabled .goog-toolbar-menu-button-caption,
.ie8 .goog-toolbar-menu-button-disabled .goog-color-menu-button-indicator,
.ie8 .goog-toolbar-menu-button-disabled .goog-toolbar-menu-button-dropdown {
filter: alpha(opacity=30)
}
.close-icon-small {
width: 12px;
background-position: -720px 2px
}
.docs-icon.goog-menuitem-icon {
position: absolute
}
.goog-clipboard {
width: 16px
}
#chart-toolbar-container {
width: 100%
}
.chart-toolbar-container-with-omnibox {
display: inline-block
}
#chart-toolbar {
border: none;
padding: 0 30px 0 0;
position: absolute;
right: 0;
top: 0
}
#timeline-toolbar-container {
display: inline
}
#datasheet-toolbar,
#timeline-toolbar {
background: none;
border-width: 0 !important;
display: inline;
min-height: 35px;
padding: 0
}
#timeline-toolbar {
display: inline-flex;
float: right;
padding-right: 10px
}
.timeline-toolbar-float-clear {
clear: both
}
.chart-toolbar-with-omnibox#chart-toolbar {
right: 40px
}
.docs-material .chart-toolbar-with-omnibox {
background: none
}
#chart-toolbar-title {
padding-top: 3px
}
.chart-toolbar-title-with-omnibox {
display: inline-block;
vertical-align: middle
}
#chart-toolbar-title.sheet-toolbar-title {
line-height: normal
}
.sheet-toolbar {
min-height: 22px
}
.object-toolbar-secondary {
margin-right: 13px !important
}
.sheet-toolbar-title {
font-weight: 500;
vertical-align: middle;
line-height: 20px;
padding: 0 6px 0 4px
}
.goog-color-menu-button-indicator {
border-bottom: 4px solid #f0f0f0
}
#num-fmt-currency {
margin-top: -250px
}
#num-fmt-date {
margin-top: -100px
}
.num-fmt {
clear: both;
height: 1em;
width: 180px
}
.num-fmt b {
display: block;
font-weight: normal;
float: left
}
.num-fmt span {
display: block;
float: right;
color: #666;
font-size: 85%
}
.currency-fmt {
width: 120px;
font-size: 92%;
height: 0.9em
}
.date-fmt {
width: 140px;
font-size: 92%;
height: 0.9em
}
.cond-fmt .goog-color-menu-button-indicator {
border-bottom-style: double
}
#formula-bar {
padding: 4px 0;
background: #e5e5e5;
margin-right: auto
}
#formula-bar table {
width: 100%;
border-spacing: 0
}
#t-formula-bar-label {
vertical-align: middle;
color: #444;
padding: 0 8px
}
#t-formula-bar-label.waffle-formulabar-label-disabled {
color: #9fa4b3
}
#t-formula-bar-input-container {
width: 100%;
padding: 0
}
#t-formula-bar-input {
resize: none;
border: 1px #7f9db9 solid;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
background-color: #ffffff
}
#t-formula-bar-input.waffle-formulabar-input-disabled {
background-color: #eee;
border-color: #c0c0c0
}
#t-formula-bar-input .cell-input {
word-wrap: break-word;
-webkit-nbsp-mode: space;
-webkit-line-break: after-white-space
}
#t-formula-bar-input .waffle-rich-text-link {
color: black;
text-decoration: none
}
.ie8 .goog-toolbar-button-disabled .toolbar-icon,
.ie8 .goog-toolbar-button-disabled .docs-icon-img,
.ie8 .goog-toolbar-button-disabled .goog-toolbar-button-inner-box,
.ie8 .goog-toolbar-menu-button-disabled .toolbar-icon,
.ie8 .goog-toolbar-menu-button-disabled .docs-icon-img,
.ie8 .goog-toolbar-menu-button-disabled .goog-toolbar-menu-button-caption,
.ie8 .goog-toolbar-menu-button-disabled .goog-color-menu-button-indicator,
.ie8 .goog-toolbar-menu-button-disabled .goog-toolbar-menu-button-dropdown {
filter: alpha(opacity=30)
}
.docs-toolbar-small-separator+div.goog-toolbar-select {
margin-left: -4px
}
#t-text-rotation-palette .goog-palette-table {
border-right: 1px solid #dadce0
}
.waffle-text-rotation-combobox {
border-color: transparent
}
.docs-gm .goog-toolbar-combo-button.waffle-text-rotation-combobox {
margin: 1px
}
.waffle-text-rotation-combobox.goog-toolbar-combo-button-hover {
background: transparent
}
.docs-material .waffle-text-rotation-combobox.goog-toolbar-combo-button-hover {
background: rgba(0, 0, 0, .06)
}
.waffle-text-rotation-combobox .goog-toolbar-combo-button-input {
height: 28px;
width: 25px
}
.goog-menu.goog-menu-vertical .docs-menuheader {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 11px;
font-weight: 500;
padding-left: 12px
}
.docs-grille-gm3 #formula-bar {
height: 28px
}
.docs-grille-gm3 #t-formula-bar-label {
width: 35px
}
.docs-grille-gm3 .formula-bar-with-name-box-wrapper,
.docs-grille-gm3 .formula-bar-separator-container .formula-bar-separator {
background: white
}
.docs-grille-gm3 .formula-bar-separator-container .formula-bar-separator>div {
background: #c7c7c7;
bottom: 6px;
top: 6px
}
.docs-grille-gm3 .formula-bar .formula-bar-separator {
display: none
}
.docs-grille-gm3 #t-formula-bar-input .cell-input {
color: #1f1f1f;
font-family: "Google Sans", Roboto, sans-serif;
height: 26px;
margin-top: 2px
}
.docs-grille-gm3 .waffle-text-rotation-combobox.goog-toolbar-combo-button-hover {
background: rgba(68, 71, 70, 0.078)
}
.docs-grille-gm3 .waffle-text-rotation-combobox.goog-toolbar-combo-button:focus,
.docs-grille-gm3 .waffle-text-rotation-combobox.goog-toolbar-combo-button-open {
background: rgba(68, 71, 70, 0.122)
}
.docs-grille-gm3 .waffle-text-rotation-combobox .goog-toolbar-combo-button-input::selection {
background: #d3e3fd
}
.docs-grille-gm3 .formula-content,
.docs-grille-gm3 .formula-suggestion-in-cell {
font-family: "Google Sans Mono", "Google Sans", Roboto, sans-serif
}
.docs-grille-gm3 #timeline-toolbar {
align-items: center
}
.waffle-revisions-frame {
border-style: none
}
.waffle-revisions-older-text {
color: #676767
}
.waffle-revisions-container {
background-color: #fff;
z-index: 15;
overflow: hidden;
position: absolute;
left: 0
}
.docs-revisions-sidebar {
z-index: 15
}
#revisions-toolbar {
padding: 2px 0
}
#t-revisions-back {
margin-left: 6px
}
#t-revisions-revert,
#t-revisions-label {
margin: 0 8px;
font-weight: 500
}
#t-revisions-label {
line-height: 180%
}
#t-revisions-highlighted-label {
position: absolute;
right: 6px;
top: 0;
line-height: 217%
}
#t-revisions-highlighted {
border: 2px solid #ffa82d;
background-color: #ffd396;
padding: 2px
}
#t-revisions-menu {
overflow-y: auto;
max-height: 75%;
width: 290px
}
#t-revisions-menu .goog-menuitem {
padding: 4px 0px;
width: 268px;
clear: both;
height: 1em
}
#t-revisions-menu em {
display: block;
float: left;
white-space: nowrap;
text-align: right;
font-style: normal;
width: 134px
}
#t-revisions-menu span {
display: block;
float: left;
white-space: nowrap;
color: #666;
width: 134px
}
.waffle-spellcheck-target-cell-rect {
background-color: #f8b39b;
opacity: .5;
pointer-events: none
}
div.sheet-toolbar {
width: 100%;
background-image: none;
min-height: 35px;
border-bottom: 1px solid #d9d9d9;
padding: 0
}
.docs-material #docs-toolbar-wrapper {
padding-left: 30px
}
.docs-material #docs-toolbar-wrapper.docs-hub-appbar {
border-bottom: 1px solid #d9d9d9;
padding-left: 21px
}
.sheet-toolbar-button {
margin: 3px 2px 0 0
}
.sheet-toolbar-title {
line-height: 35px;
padding: 0 44px 0 44px
}
.toolbar-decimal-icon {
margin-bottom: -7px
}
.docs-material .docs-icon.toolbar-decimal-icon {
margin-bottom: -4px
}
.docs-material #t-num-fmt-currency,
.docs-material #t-num-fmt-percent {
font-size: 13px
}
#formula-bar {
background: #fff;
border-bottom: 1px solid #c0c0c0;
height: 23px;
padding: 0;
position: relative
}
#t-formula-bar-input {
border: none;
bottom: 4px;
left: 0;
line-height: 13px;
position: absolute;
right: 0;
top: 4px
}
.name-box-enabled #t-formula-bar-input {
height: 100%;
line-height: 23px;
top: 0
}
.formula-bar-with-name-box-wrapper {
background-color: #eee;
display: flex
}
#t-formula-bar-input.waffle-formulabar-input-disabled {
background-color: #fff;
border: none
}
#t-formula-bar-label {
align-items: center;
display: flex;
float: left;
justify-content: center;
opacity: .55;
padding: 0;
position: relative;
text-align: center;
width: 45px
}
.docs-icon-insert-formula {
margin-top: -1px
}
.docs-material .docs-icon-insert-formula {
margin-top: 0;
opacity: .70
}
.formulabar-disabled#formula-bar {
background-color: #f8f8f8
}
.formulabar-disabled #t-formula-bar-label {
color: #9fa4b3;
opacity: .4
}
.formulabar-disabled #t-formula-bar-input {
background-color: #f8f8f8 !important
}
.formulabar-disabled .default-formula-text-color {
color: #777
}
#t-formula-bar-input-container {
height: 100%;
padding: 0 10px;
overflow: hidden;
width: auto
}
.name-box-enabled #t-formula-bar-input-container,
.name-box-enabled #t-formula-bar-input-container>div {
width: 100%
}
#t-formula-bar-input-container>div {
height: 100%;
overflow-x: hidden;
overflow-y: auto;
position: relative
}
#t-formula-bar-progress-bar {
float: right;
margin-top: 7px;
padding: 0;
width: 161px
}
#t-formula-bar-progress-bar .progress-bar-horizontal {
width: 146px;
height: 5px;
border: 0;
padding: 1px;
background-color: #ceead6
}
#t-formula-bar-progress-bar .progress-bar-thumb {
background-color: #188038;
background-image: none
}
.name-box-enabled .formula-bar {
display: inline-flex;
width: 100%
}
.formula-bar-separator,
.name-box-menu-separator {
float: left;
width: 1px;
height: 100%;
position: relative
}
.name-box-menu-separator-container {
background: #f5f5f5;
display: none;
margin: 1px 1px 2px 0
}
.formula-bar-separator-container,
.waffle-name-box-container:hover .name-box-menu-separator-container {
display: inline-flex
}
.formula-bar-separator>div,
.name-box-menu-separator>div {
background-color: #ccc;
bottom: 3px;
left: 0;
position: absolute;
right: 0;
top: 3px;
width: 1px
}
#formula-bar-dragger {
border-bottom: 1px solid #c0c0c0;
height: 4px;
margin-top: -5px;
position: absolute;
width: 100%
}
#formula-bar-dragger.formula-bar-hoverable {
cursor: ns-resize
}
#formula-bar-dragger.formula-bar-hoverable:hover {
border-bottom: 1px solid #a0a0a0
}
div.formula-bar-disabled {
background-color: #ccc
}
.waffle-formulabar-cellinput-disabled {
background-color: #ccc
}
#t-merge-menu {
margin-right: 2px
}
.docs-material #t-merge-menu {
margin-right: 1px
}
.goog-toolbar-color-menu-button .goog-toolbar-menu-button-dropdown {
margin-top: 9px
}
.goog-menuitem-mnemonic-separator {
font-weight: normal
}
.docs-grille-gm3 #t-formula-bar-progress-bar .progress-bar-horizontal {
background-color: #e1e3e1;
height: 4px;
padding: 0
}
.docs-grille-gm3 #t-formula-bar-progress-bar .progress-bar-horizontal .progress-bar-thumb {
background-color: #0b57d0;
height: 4px
}
.docs-grille-gm3 #t-formula-bar-input-container {
padding: 0
}
.docs-grille-gm3 #t-formula-bar-input {
font-size: 12px
}
.docs-grille-gm3 #t-formula-bar-progress-bar {
margin-top: 12px;
margin-right: 16px
}
.docs-grille-gm3 #formula-bar-dragger {
width: inherit
}
.docos-actionmenu-outer {
width: 11px;
height: 11px
}
.docos-actionmenu-outer>.docos-docomenu-dropdown {
width: 11px;
height: 11px;
margin: auto;
vertical-align: top;
cursor: pointer
}
.docs-gm .docos-actionmenu-outer>.docos-docomenu-dropdown {
background-color: transparent
}
.docos-actionmenu-outer .goog-toolbar-menu-button-dropdown {
width: 11px;
height: 11px;
margin: 0;
padding: 0
}
.docos-actionmenu-outer .goog-toolbar-menu-button-inner-box,
.docos-actionmenu-outer .goog-toolbar-menu-button-outer-box {
width: 11px;
min-width: 11px;
height: 11px;
min-height: 11px
}
.docos-actionmenu>.goog-menuitem {
padding-left: 10px;
padding-right: 10px
}
.docs-gm .docos-actionmenu>.goog-menuitem {
padding-left: 15px;
padding-right: 15px
}
.docos {
color: black;
font-family: Arial, sans-serif, sans;
font-family: var(--docs-material-font-family, Arial, sans-serif, sans);
font-size: 13px;
white-space: normal
}
.docos.docs-gm {
font-size: 14px
}
.docos .jfk-button {
font-family: Arial, sans-serif, sans;
font-family: var(--docs-material-header-font-family, Arial, sans-serif, sans);
font-weight: 700;
font-weight: var(--docs-material-font-weight-bold, 700)
}
.docos.docs-gm .jfk-button {
margin: 0 8px 0 0;
min-width: 24px;
vertical-align: middle
}
.docos.docs-gm .jfk-button-hover {
box-shadow: none;
background-color: rgba(0, 0, 0, .06);
background-image: none;
cursor: pointer;
border-color: transparent !important;
border-radius: 2px;
border-width: 1px
}
.docos.docs-gm .jfk-button-active {
box-shadow: none;
background-color: rgba(0, 0, 0, 0.12);
background-image: none;
cursor: pointer;
border-color: transparent !important;
border-radius: 2px;
border-width: 1px
}
.docos.docs-gm .jfk-button.jfk-button-standard {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
border: 1px solid #dadce0 !important;
color: #137333;
height: 24px;
padding: 3px 12px 5px
}
.docos.docs-gm .jfk-button.jfk-button-standard.jfk-button-disabled {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
border: 1px solid #f1f3f4 !important;
color: #3c4043;
opacity: 0.38;
height: 24px;
padding: 3px 12px 5px
}
@media (forced-colors:active) {
.docos.docs-gm .jfk-button.jfk-button-focused {
outline: 1px solid Highlight;
outline-offset: -4px
}
}
.docos.docs-gm .jfk-button.jfk-button-standard.jfk-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #e7f5eb;
border: 1px solid #bbe2c6 !important;
height: 24px;
padding: 3px 12px 5px
}
.docos.docs-gm .jfk-button.jfk-button-standard.jfk-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #f8fcf9;
border: 1px solid #c8e7d1 !important;
height: 24px;
padding: 3px 12px 5px
}
.docos.docs-gm .jfk-button.jfk-button-standard.jfk-button-focused.jfk-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
border: 1px solid #b5e0c1 !important;
height: 24px;
padding: 3px 12px 5px
}
.docos.docs-gm .jfk-button.jfk-button-standard.jfk-button-focused.jfk-button-active {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
border: 1px solid transparent !important;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
height: 24px;
padding: 3px 12px 5px
}
.docos.docs-gm .jfk-button.jfk-button-action {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
height: 24px;
padding: 3px 12px 5px
}
.docos.docs-gm .jfk-button.jfk-button-action.jfk-button-disabled {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #f8f9fa;
color: #202124;
opacity: 0.62;
height: 24px;
padding: 3px 12px 5px
}
.docos.docs-gm .jfk-button.jfk-button-action.jfk-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #4f9e67;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15);
height: 24px;
padding: 3px 12px 5px
}
.docos.docs-gm .jfk-button.jfk-button-action.jfk-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #2a8947;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15);
height: 24px;
padding: 3px 12px 5px
}
.docos.docs-gm .jfk-button.jfk-button-action.jfk-button-focused.jfk-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #62a877;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15);
height: 24px;
padding: 3px 12px 5px
}
.docos.docs-gm .jfk-button.jfk-button-action.jfk-button-focused.jfk-button-active {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #188038;
color: #fff;
background: #62a877;
box-shadow: 0 2px 6px 2px rgba(52, 168, 83, 0.15);
height: 24px;
padding: 3px 12px 5px
}
.docos .modal-dialog-buttons {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-family: var(--docs-material-header-font-family, Roboto, RobotoDraft, Helvetica, Arial, sans-serif);
font-weight: 500
}
.docos .modal-dialog-title {
font-size: 16px
}
.docs-gm .docos .modal-dialog-title {
font-size: 22px
}
.docos .modal-dialog-title-text {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-family: var(--docs-material-header-font-family, Roboto, RobotoDraft, Helvetica, Arial, sans-serif);
font-weight: normal
}
.docs-gm .doco-modal.modal-dialog {
width: 300px
}
.docs-gm .doco-modal .modal-dialog-title-text {
display: block;
width: 220px;
word-wrap: break-word
}
.docs-grille-gm3 .docos .jfk-button.jfk-button-standard,
.docs-grille-gm3 .docos .jfk-button.jfk-button-action {
border: 1px solid transparent;
border-radius: 100px;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 14px;
font-weight: 500;
height: 40px;
line-height: 20px;
padding: 10px 24px;
height: 36px;
line-height: 16px;
padding: 10px 16px
}
.docs-grille-gm3 .docos.docs-gm .jfk-button.jfk-button-action {
background: #0b57d0;
color: white
}
.docs-grille-gm3 .docos.docs-gm .jfk-button.jfk-button-standard {
background: white;
border-color: #c7c7c7 !important;
color: #0b57d0
}
.docs-grille-gm3 .docos .jfk-button.jfk-button-standard.jfk-button-disabled {
border: 1px solid transparent;
border-radius: 100px;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 14px;
font-weight: 500;
height: 40px;
line-height: 20px;
padding: 10px 24px;
height: 36px;
line-height: 16px;
padding: 10px 16px;
background: #e4e4e4;
color: #1f1f1f;
background: rgba(31, 31, 31, 0.122)
}
.docs-grille-gm3 .docos.docs-gm .jfk-button.jfk-button-standard.jfk-button-hover {
border: 1px solid transparent;
border-radius: 100px;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 14px;
font-weight: 500;
height: 40px;
line-height: 20px;
padding: 10px 24px;
height: 36px;
line-height: 16px;
padding: 10px 16px;
background-color: rgba(11, 87, 208, .08);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 6px 2px rgba(0, 0, 0, 0.15);
border-color: #c7c7c7 !important;
box-shadow: none;
color: #0b57d0
}
.docs-grille-gm3 .docos.docs-gm .jfk-button.jfk-button-standard.jfk-button-focused,
.docs-grille-gm3 .docos.docs-gm .jfk-button.jfk-button-standard.jfk-button-focused.jfk-button-hover,
.docs-grille-gm3 .docos .jfk-button.jfk-button-standard.jfk-button-active {
border: 1px solid transparent;
border-radius: 100px;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 14px;
font-weight: 500;
height: 40px;
line-height: 20px;
padding: 10px 24px;
height: 36px;
line-height: 16px;
padding: 10px 16px;
background-color: rgba(11, 87, 208, .12);
border-color: #0b57d0 !important;
box-shadow: none;
color: #0b57d0
}
.docs-grille-gm3 .docos.docs-gm .jfk-button.jfk-button-action.jfk-button-disabled {
border: 1px solid transparent;
border-radius: 100px;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 14px;
font-weight: 500;
height: 40px;
line-height: 20px;
padding: 10px 24px;
height: 36px;
line-height: 16px;
padding: 10px 16px;
background: #e4e4e4;
color: #1f1f1f
}
.docs-grille-gm3 .docos.docs-gm .jfk-button.jfk-button-action.jfk-button-focused,
.docs-grille-gm3 .docos.docs-gm .jfk-button.jfk-button-action.jfk-button-focused.jfk-button-hover,
.docs-grille-gm3 .docos .jfk-button.jfk-button-action.jfk-button-focused.jfk-button-active {
border: 1px solid transparent;
border-radius: 100px;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 14px;
font-weight: 500;
height: 40px;
line-height: 20px;
padding: 10px 24px;
height: 36px;
line-height: 16px;
padding: 10px 16px;
background-color: rgba(11, 87, 208, .12);
background: #296bd6;
color: white
}
.docs-grille-gm3 .docos.docs-gm .jfk-button.jfk-button-action.jfk-button-hover {
border: 1px solid transparent;
border-radius: 100px;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 14px;
font-weight: 500;
height: 40px;
line-height: 20px;
padding: 10px 24px;
height: 36px;
line-height: 16px;
padding: 10px 16px;
background-color: rgba(11, 87, 208, .08);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 6px 2px rgba(0, 0, 0, 0.15);
background: #1e64d4;
color: white
}
.docs-grille-gm3 .docos .docs-suggestion-button {
background: none;
border: 1px solid transparent !important;
border-radius: 100%;
height: 32px;
width: 32px
}
.docs-grille-gm3 .docos .docs-suggestion-button.jfk-button-hover {
background: none;
border: 1px solid transparent !important;
border-radius: 100%;
height: 32px;
width: 32px;
background-color: rgba(68, 71, 70, .08)
}
.docs-grille-gm3 .docos .docs-suggestion-button.jfk-button-focused,
.docs-grille-gm3 .docos .docs-suggestion-button.jfk-button-active {
background: none;
border: 1px solid transparent !important;
border-radius: 100%;
height: 32px;
width: 32px;
background-color: rgba(68, 71, 70, .12)
}
.docos.docs-gm .jfk-button.jfk-button-standard {
color: #188038
}
.docos.docs-gm .jfk-button.jfk-button-standard.jfk-button-focused {
background-color: #e7f5eb;
border-color: #bbe2c6 !important
}
.docos.docs-gm .jfk-button.jfk-button-standard.jfk-button-hover {
background-color: #f8fcf9;
border-color: #c8e7d1 !important
}
.docos.docs-gm .jfk-button.jfk-button-standard.jfk-button-focused.jfk-button-hover {
background-color: #dff2e4;
border-color: #b5e0c1 !important
}
.docos.docs-gm .jfk-button.jfk-button-standard.jfk-button-active {
background-color: #dff2e4;
color: #188038
}
.docos.docs-gm .jfk-button.jfk-button-action {
background-color: #188038;
color: #fff
}
.docos.docs-gm .jfk-button.jfk-button-action.jfk-button-focused {
background-color: #4f9e67;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15);
color: #fff
}
.docos.docs-gm .jfk-button.jfk-button-action.jfk-button-hover {
background-color: #2a8947;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15);
color: #fff
}
.docos.docs-gm .jfk-button.jfk-button-action.jfk-button-focused.jfk-button-hover {
background-color: #62a877;
box-shadow: 0 1px 3px 1px rgba(52, 168, 83, 0.15);
color: #fff
}
.docos.docs-gm .jfk-button.jfk-button-action.jfk-button-active {
background-color: #62a877;
box-shadow: 0 2px 6px 2px rgba(52, 168, 83, 0.15);
color: #fff
}
.docos.docs-gm .docs-material-gm-checkbox.docs-material-gm-checkbox-checked,
.docos.docs-gm .docs-material-gm-checkbox.docs-material-gm-checkbox-checked.docs-material-gm-checkbox-focused {
background-color: #188038
}
.docos.docs-gm .docs-material-gm-checkbox.docs-material-gm-checkbox-checked,
.docos.docs-gm .docs-material-gm-checkbox.docs-material-gm-checkbox-focused {
border-color: #188038
}
.docs-grille-gm3 .docos.docs-gm .docs-material-gm-checkbox.docs-material-gm-checkbox-checked,
.docs-grille-gm3 .docos.docs-gm .docs-material-gm-checkbox.docs-material-gm-checkbox-checked.docs-material-gm-checkbox-focused {
background-color: #0b57d0
}
.docs-grille-gm3 .docos.docs-gm .docs-material-gm-checkbox.docs-material-gm-checkbox-checked,
.docs-grille-gm3 .docos.docs-gm .docs-material-gm-checkbox.docs-material-gm-checkbox-focused {
border-color: #0b57d0
}
.docos-anchoreddocoview {
background-color: #f5f5f5;
cursor: pointer;
direction: ltr;
position: relative;
width: 240px;
border: none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
border-radius: 2px
}
.docs-gm .docos-anchoreddocoview {
background-color: #fff;
border: 1px solid rgba(60, 64, 67, .15);
box-shadow: none
}
.docs-gm .docos-anchoreddocoview {
width: 282px
}
.docs-gm .docos-layout-anchored-auto-resize .docos-anchoreddocoview {
min-width: 282px;
width: calc(100% - 50px);
max-width: calc(50ch + 24px)
}
.docs-gm .docos-anchoreddocoview:hover {
border-color: transparent;
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15)
}
.docs-gm .docos-anchoreddocoview.docos-docoview-active,
.docs-gm .docos-anchoreddocoview.docos-docoview-active:hover {
border-color: transparent;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}
.docs-gm .docos-anchoreddocoview-internal,
.docs-gm .docos-anchoreddocoview {
border-radius: 8px
}
.docos-docoview-active.docos-anchoreddocoview {
cursor: default
}
.docs-gm .docos-anchoreddocoview.docos-minimized-view,
.docs-gm .docos-emoji-reaction-doco-view.docos-anchoreddocoview.docos-minimized-view:hover,
.docs-gm .docos-docoview-active.docos-anchoreddocoview.docos-minimized-view,
.docs-grille-gm3.docs-gm .docos-anchoreddocoview.docos-minimized-view,
.docs-grille-gm3.docs-gm .docos-emoji-reaction-doco-view.docos-anchoreddocoview.docos-minimized-view:hover,
.docs-grille-gm3.docs-gm .docos-docoview-active.docos-anchoreddocoview.docos-minimized-view {
background-color: transparent;
cursor: pointer;
border: none;
box-shadow: none
}
.docos-layout-anchored-auto-resize .docos-anchoreddocoview.docos-minimized-view,
.docos-anchoreddocoview-minimized,
.docos-anchoreddocoview-minimized .docs-icon {
min-height: 24px;
min-width: 24px;
max-width: 24px
}
.docs-gm .docos-minimized-view.docos-docoview-active .docos-anchoreddocoview-minimized.docs-material .docs-icon .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_blue.svg)
}
.docs-gm .docos-anchoreddocoview.docos-minimized-view:not(.docos-docoview-active):hover .docos-anchoreddocoview-minimized.docs-material .docs-icon .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_dark.svg)
}
.docos-anchoreddocoview:focus,
.docos-anchoreddocoview:active {
outline: 0
}
.docos-anchoreddocoview-internal {
max-height: inherit;
overflow-y: auto;
overflow-x: hidden
}
.docos-anchoreddocoview-content {
overflow-y: auto;
overflow-x: hidden
}
.docos-anchoreddocoview .docos-anchoreddocoview-input-pane {
border: none;
display: none;
padding: 8px
}
.docos-anchoreddocoview .docos-anchoreddocoview-input-pane.docos-draftdiscussionview-input-pane {
padding-top: 0
}
.docos-anchoreddocoview .docos-draftdiscussionview-input-pane {
background: #fff
}
.docos-docoview-active.docos-anchoreddocoview .docos-anchoreddocoview-input-pane {
display: block
}
.docos-anchoreddocoview-input-pane .docos-input-textarea {
display: block;
height: 26px
}
.docos-anchoreddocoview-input-pane .docos-input-buttons {
text-align: left
}
.docos-draftdiscussionview-input-pane {
border-top: none !important;
padding-top: 0
}
.docos-anchoreddocoview .docos-input-at-reply-message,
.docos-anchoreddocoview .docos-input-acl-fixer-message,
.docos-anchoreddocoview .docos-input-assignment-message,
.docos-anchoreddocoview .docos-input-static-message {
color: #777;
font-size: 12px;
font-family: Arial, sans-serif, sans;
font-family: var(--docs-material-header-font-family, Arial, sans-serif, sans);
margin-top: 8px
}
.docs-gm .docos-anchoreddocoview .docos-input-at-reply-message,
.docs-gm .docos-anchoreddocoview .docos-input-acl-fixer-message,
.docs-gm .docos-anchoreddocoview .docos-input-assignment-message,
.docs-gm .docos-anchoreddocoview .docos-input-static-message {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 16px
}
.docos-layout-anchored .docos-anchoreddocoview {
position: absolute;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
z-index: 500
}
.docos-layout-anchored .docos-docomenu-visible.docos-anchoreddocoview {
z-index: 502
}
.docos-layout-anchored .docos-docoview-active.docos-anchoreddocoview {
z-index: 501
}
.docos-layout-anchored-shadows .docos-anchoreddocoview {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2)
}
.docos-anchoreddocoview .docos-input-post {
margin-right: 10px
}
.docs-gm .docos-layout-vertical .docos-anchoreddocoview .docos-anchoreddocoview-arrow-inner.docos-assignee-you {
background-color: #188038
}
.docs-gm .docos-anchoreddocoview .docos-icon-checkmark {
margin-top: 1px
}
.docs-grille-gm3 .docos-anchoreddocoview .docos-icon-checkmark {
margin-top: 4px
}
.docs-grille-gm3 .docos-layout-anchored-shadows .docos-anchoreddocoview,
.docs-grille-gm3 .docos-layout-anchored-shadows .docos-anchoreddocoview:hover {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15)
}
.docs-grille-gm3.docs-gm .docos-input-at-reply-message {
color: #444746;
font-family: "Google Sans", Roboto, sans-serif
}
.docos-replyview-delete,
.docos-replyview-edit {
color: #15c;
font-size: 11px;
margin: 0 2px
}
.docos-replyview-delete:hover,
.docos-replyview-edit:hover {
text-decoration: underline;
cursor: pointer
}
.docos-input-cancel {
margin: 0 0
}
.docos-input-post {
margin: 8px 7px 0 0
}
.docos-root-reply-action-text-wrapper {
padding: 8px 0 0 0;
position: relative
}
.docos-anchoredreplyview .docos-find-match {
background-color: rgba(140, 196, 116, 0.5)
}
.docos-anchoredreplyview .docos-selected-find-match {
background-color: rgba(140, 196, 116, 1)
}
.docs-gm.docs-hc-gecko .docos-anchoredreplyview .docos-find-match,
.docs-gm.docs-hc-gecko .docos-anchoreddocoview .docos-selected-find-match {
background-color: Highlight;
color: HighlightText
}
.docos-anchoredreplyview:focus {
outline: none
}
.docos-anchoredreplyview,
.docos-showrepliesbutton {
border: none;
border-bottom: 1px solid #e5e5e5;
padding: 3px 8px 5px 8px;
zoom: 1;
background: #f5f5f5;
position: static
}
.docos-anchoreddocoview.docos-docoview-active {
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.2)
}
.docs-gm .docos-anchoredreplyview,
.docs-gm .docos-showrepliesbutton,
.docs-gm .docos-anchoreddocoview-input-pane {
background-color: #fff;
border-bottom: none;
border-top: 1px solid #dadce0
}
.docs-gm .docos-showrepliesbutton {
border-top: none;
color: #1a73e8;
letter-spacing: 0.2px;
margin: 0 8px;
padding: 0;
position: relative;
text-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-justify-content: center;
justify-content: center
}
.docs-gm .docos-showrepliesbutton:not([style*="display: none"])+.docos-anchoredreplyview:not([style*="display: none"]),
.docs-gm .docos-showrepliesbutton:not([style*="display: none"])~.docos-anchoredreplyview[style*="display: none"]+.docos-anchoredreplyview:not([style*="display: none"]) {
border-top: none
}
.docs-gm .docos-anchoreddocoview .docos-anchoredreplyview {
padding: 8px 0;
margin: 0 12px
}
.docs-gm .docos-anchoreddocoview .docos-replyview-first.docos-anchoredreplyview {
border-bottom: none;
padding: 12px 12px 8px 12px;
margin: 0
}
.docs-gm .docos-anchoreddocoview-input-pane {
padding: 12px
}
.docs-gm .docos-input-button-row {
padding-top: 8px
}
.docs-gm .docos-anchoreddocoview.docos-docoview-active {
border-radius: 8px;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}
.docos-anchoreddocoview .docos-anchoreddocoview-content>.docos-anchoredreplyview:last-of-type,
.docos-anchoreddocoview .docos-docoview-rootreply:only-child .docos-anchoredreplyview {
padding-bottom: 12px
}
.docos-anchoreddocoview .docos-replyview-first.docos-anchoredreplyview {
padding: 8px;
border-bottom: 1px solid #ddd;
background: #fff;
min-height: 36px
}
.docos-docoview-resolved .docos-anchoredreplyview,
.docos-docoview-resolved .docos-showrepliesbutton,
.docos-anchoreddocoview.docos-docoview-resolved .docos-replyview-first.docos-anchoredreplyview,
.docs-gm .docos-docoview-resolved.docos-anchoreddocoview {
background: #eee
}
.docos-anchoreddocoview .docos-anchoreddocoview-draft .docos-replyview-first.docos-anchoredreplyview {
border: none
}
.docos-anchoredreplyview .docos-anchoredreplyview-avatar {
left: 0 !important;
display: block
}
.docos-anchoredreplyview.docos-replyview-first {
border-top: none !important
}
.docos-anchoredreplyview-header .docos-anchoredreplyview-author {
margin: 0;
margin-top: 2px;
color: #333;
font-family: Arial, sans-serif, sans;
font-family: var(--docs-material-header-font-family, Arial, sans-serif, sans);
font-size: 13px;
font-weight: normal;
font-weight: var(--docs-material-font-weight-bold, normal);
height: 18px
}
.docs-gm .docos-anchoredreplyview-header .docos-anchoredreplyview-author {
color: #3c4043;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
letter-spacing: 0.25px;
line-height: 20px;
margin-top: 0
}
.docos-anchoreddocoview .docos-anchoreddocoview-input-pane .docos-input-textarea,
.docos-anchoredreplyview .docos-anchoredreplyview-body .docos-anchoredreplyview-origin {
line-height: 1.4
}
.docs-gm .docos-anchoreddocoview .docos-anchoreddocoview-input-pane .docos-input-textarea {
line-height: 20px
}
.docos-anchoredreplyview .docos-anchoredreplyview-body {
word-wrap: break-word;
color: #333;
padding: 0
}
.docs-gm .docos-anchoredreplyview .docos-anchoredreplyview-body {
color: #000;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
letter-spacing: 0.2px;
line-height: 20px
}
.docos-anchoredreplyview .docos-replyview-body-emoji-reactable {
padding: 3px 6px 3px
}
.docos-replyview-body-emoji-reactable-background {
background-color: #f1f3f4;
outline: 1px solid #f1f3f4;
border-radius: 6px
}
.docos-replyview-emoji-controls .docs-material-button-raised-default {
background: white;
border-radius: 50%;
bottom: -3px;
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
display: flex;
justify-content: center;
padding: 0 0 0 1px;
position: absolute;
right: -8px;
width: 32px;
z-index: 10
}
.docs-gm .docos-anchoredreplyview .docos-anchoredreplyview-body a {
color: #1a73e8
}
.docos-anchoredreplyview-header .docos-anchoredreplyview-timestamp {
margin: 0;
color: #777;
font-size: 11px
}
.docs-gm .badging-enabled-doco .docos-anchoredreplyview-header .docos-anchoredreplyview-timestamp {
-webkit-align-items: center;
align-items: center;
display: -webkit-inline-box;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row
}
.docs-gm .docos-anchoredreplyview-header .docos-anchoredreplyview-timestamp {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 16px;
letter-spacing: 0.3px
}
.docs-gm .docos-docoview-replycontainer .docos-new-tag {
-ms-flex: none;
-webkit-flex: none;
flex: none;
align-items: center;
background-color: #1a73e8;
border-radius: 9px;
color: white;
height: 16px;
justify-content: center;
margin: auto 0 auto 0;
overflow: hidden;
transform-origin: left;
transition: transform 0.2s ease-out, color 0.1s ease-in, border-radius 0.2s ease
}
.docs-gm .docos-docoview-replycontainer:not(:hover) .docos-new-tag {
border-radius: 50%;
color: white;
width: 6px;
transform: scale(0.375)
}
.docs-gm .docos-anchoredreplyview span+.docos-new-tag {
margin-left: 4px
}
.docos-new-tag {
font-weight: 600;
display: inline-block;
font-size: 0.75rem;
font-family: 'Roboto', sans-serif;
padding: 0 5px
}
.docs-gm .docos-docoview-replycontainer:not(:hover) .docos-new-message {
color: transparent
}
.docos-anchoredreplyview .docos-accept-suggestion,
.docos-anchoredreplyview .docos-reject-suggestion {
min-width: 28px;
width: 28px;
opacity: 0.2
}
.docos-anchoredreplyview .docos-accept-suggestion,
.docos-anchoredreplyview .docos-reject-suggestion {
height: 28px;
margin: 0;
position: relative;
top: auto;
right: auto;
display: inline-block;
vertical-align: middle
}
.docos-anchoredreplyview .docos-accept-suggestion,
.docos-anchoredreplyview .docos-reject-suggestion {
padding: 0
}
.docos-anchoredreplyview .docos-accept-suggestion {
right: -1px
}
.docos-anchoredreplyview .docos-accept-suggestion div,
.docos-anchoredreplyview .docos-reject-suggestion div {
margin: auto;
margin-top: 1px
}
.docos-accept-suggestion {
border-radius: 3px 0 0 3px
}
.docos-reject-suggestion {
border-radius: 0 3px 3px 0
}
.docos.docs-gm .docos-accept-suggestion path,
.docos.docs-gm .docos-reject-suggestion path {
fill: #188038
}
.docos.docs-gm .docos-accept-suggestion.jfk-button-disabled path,
.docos.docs-gm .docos-reject-suggestion.jfk-button-disabled path {
fill: #3c4043
}
.docos.docs-gm .docos-accept-suggestion.jfk-button-disabled,
.docos.docs-gm .docos-reject-suggestion.jfk-button-disabled {
background-color: white;
opacity: .38
}
.docos-accept-suggestion.jfk-button-disabled,
.docos-reject-suggestion.jfk-button-disabled {
background-color: #f9f9f9
}
.docos-docoview-active.docos-anchoreddocoview .docos-replyview-control,
.docos-docoview-active.docos-showrepliesbutton .docos-replyview-control {
display: block
}
.docos-showrepliesbutton-collapsed {
word-wrap: break-word;
color: #15c
}
.docos-showrepliesbutton-collapsed:hover,
.docos-anchoreddocoview:hover .docos-showrepliesbutton-collapsed {
text-decoration: underline
}
.docos-anchoreddocoview:hover .docos-showrepliesbutton-collapsed-internal,
.docos-anchoreddocoview .docos-showrepliesbutton-collapsed:hover .docos-showrepliesbutton-collapsed-internal,
.docos-anchoreddocoview .docos-showrepliesbutton-collapsed-internal:hover {
text-decoration: underline
}
.docs-gm .docos-anchoreddocoview .docos-showrepliesbutton-collapsed {
position: relative;
width: 100%
}
.docos-anchoreddocoview .docos-showrepliesbutton-line {
border-top: 1px solid #dadce0;
height: 50%;
position: absolute;
top: 50%;
width: 100%
}
.docs-gm .docos-anchoreddocoview .docos-showrepliesbutton-collapsed-internal {
background-color: #fff;
display: inline-block;
margin: 0 20px;
overflow-wrap: break-word;
padding: 0 8px;
position: relative;
word-wrap: break-word;
word-break: break-word
}
.docos-collapsible-replyview {
position: relative;
margin: 6px 0;
padding: 0
}
.docs-gm .docos-collapsible-replyview {
margin-bottom: 0
}
.docos-collapsible-replyview.docos-collapsible-replyview-empty {
margin: 0
}
.docos-anchoredreplyview .docos-collapsed-replyview {
height: 78px;
overflow: hidden
}
.docos-anchoredreplyview .docos-collapsed-replyview-emoji-reactions>.docos-replyview-static {
height: 81px;
overflow: hidden
}
.docos-show-more,
.docos-show-less {
color: #15c;
display: none;
opacity: 1;
width: 100%;
outline: none
}
.docos-show-more:focus,
.docos-show-less:focus {
text-decoration: underline
}
.docos-show-more {
bottom: 0;
padding-top: 16px;
position: absolute;
right: 0
}
.docos-anchoreddocoview .docos-show-less,
.docos-anchoreddocoview .docos-show-more {
cursor: pointer;
font-size: 11px
}
.docos-anchoreddocoview .docos-show-less {
background: #f5f5f5;
padding: 2px 0
}
.docos-anchoreddocoview .docos-show-more {
padding: 7px 0 2px 0
}
.docos-anchoreddocoview .docos-replyview-first .docos-show-less {
background: #fff
}
.docos-show-more:hover,
.docos-show-less:hover {
text-decoration: underline
}
.docos-anchoreddocoview .docos-show-more {
background: #f5f5f5;
-ms-filter: none;
filter: none
}
.docos-anchoreddocoview .docos-replyview-first .docos-show-more {
background: #fff
}
.docos-anchoreddocoview.docos-docoview-tesla-conflict:hover .docos-show-more {
background: #f5f5f5;
-ms-filter: none;
filter: none
}
.docos-anchoreddocoview.docos-docoview-tesla-conflict:hover .docos-replyview-first .docos-show-more {
background: #fff
}
.docos-anchoreddocoview.docos-docoview-active .docos-show-more,
.docos-anchoreddocoview.docos-docoview-active:hover .docos-show-more {
background: #f5f5f5;
-ms-filter: none;
filter: none
}
.docs-gm .docos-anchoreddocoview .docos-show-more,
.docs-gm .docos-anchoreddocoview .docos-show-less,
.docs-gm .docos-anchoreddocoview.docos-docoview-active .docos-show-more,
.docs-gm .docos-anchoreddocoview.docos-docoview-active .docos-show-less,
.docs-gm .docos-replyview-first .docos-show-more,
.docs-gm .docos-anchoreddocoview.docos-docoview-tesla-conflict:hover .docos-show-more {
background: #fff
}
.docos-anchoreddocoview.docos-docoview-active .docos-replyview-first .docos-show-more,
.docos-anchoreddocoview.docos-docoview-active:hover .docos-replyview-first .docos-show-more {
background: #fff
}
.docos-collapsed-replyview>.docos-replyview-static>.docos-show-more {
display: block
}
.docos-collapsed-replyview>.docos-replyview-static {
height: 100%
}
.docos-collapsed-replyview-emoji-reactions>.docos-replyview-static>.docos-show-more {
display: block
}
.docos-collapsed-replyview-emoji-reactions>.docos-replyview-static {
height: 100%;
overflow: hidden
}
.docos-anchoreddocoview.docos-docoview-active .docos-show-less {
background: #f5f5f5
}
.docos-anchoreddocoview.docos-docoview-active .docos-replyview-first .docos-show-less {
background: #fff
}
.docos-anchoredreplyview-header {
margin: 6px 0;
height: 38px;
white-space: nowrap;
display: flex
}
.docs-gm .docos-anchoredreplyview-header {
margin-top: 0
}
.docos-replyview-first .docos-anchoredreplyview-header {
margin: 0;
margin-bottom: 8px
}
.docos-anchoreddocoview-draft .docos-replyview-first .docos-anchoredreplyview-header {
margin: 0
}
.docos-anchoredreplyview-buttonholder {
white-space: nowrap
}
.docos-anchoreddocoview:hover .docos-reject-suggestion,
.docos-anchoreddocoview.docos-docoview-active .docos-reject-suggestion,
.docos-anchoreddocoview.docos-docomenu-visible .docos-reject-suggestion,
.docos-anchoreddocoview:hover .docos-accept-suggestion,
.docos-anchoreddocoview.docos-docoview-active .docos-accept-suggestion,
.docos-anchoreddocoview.docos-docomenu-visible .docos-accept-suggestion,
.docos-anchoreddocoview:hover .docos-mark-done-button-black,
.docos-anchoreddocoview.docos-docoview-active .docos-mark-done-button-black,
.docos-anchoreddocoview.docos-docomenu-visible .docos-mark-done-button-black,
.docos-anchoreddocoview:hover .docos-replyview-resolve-button,
.docos-anchoreddocoview.docos-docoview-active .docos-replyview-resolve-button,
.docos-anchoreddocoview.docos-docomenu-visible .docos-replyview-resolve-button,
.docos-anchoreddocoview:hover .docos-overflowmenu-outer>.docos-docomenu-dropdown,
.docos-anchoreddocoview.docos-docoview-active .docos-overflowmenu-outer>.docos-docomenu-dropdown,
.docos-anchoreddocoview.docos-docomenu-visible .docos-overflowmenu-outer>.docos-docomenu-dropdown {
opacity: 0.7
}
.docos-anchoreddocoview:hover .docos-mark-done-button-white,
.docos-anchoreddocoview.docos-docoview-active .docos-mark-done-button-white,
.docos-anchoreddocoview.docos-docomenu-visible .docos-mark-done-button-white {
border: 1px solid rgba(255, 255, 255, .7)
}
.docos-overflowmenu-outer .goog-menu {
z-index: 600
}
.docos-anchoredreplyview-buttonholder:hover .docos-reject-suggestion,
.docos-anchoredreplyview-buttonholder:hover .docos-replyview-resolve-button {
border-top-right-radius: 0;
border-bottom-right-radius: 0
}
.docos-anchoredreplyview-buttonholder>.docos-reject-suggestion:hover,
.docos-anchoredreplyview-buttonholder>.docos-replyview-resolve-button:hover {
border-top-right-radius: 2px;
border-bottom-right-radius: 2px
}
.docos-replyview-first .docos-anchoredreplyview-buttonholder {
padding: 4px 0 4px 4px
}
.docos-accept-suggestion {
margin-right: -1px
}
.docos-anchoredreplyview-authortimestamp {
padding-left: 10px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-box-flex: 1;
box-flex: 1;
-ms-flex-positive: 1;
-webkit-flex-grow: 1;
flex-grow: 1
}
.badging-enabled-doco .docos-anchoredreplyview-authortimestamp span {
overflow: hidden;
text-overflow: ellipsis
}
.docs-gm .docos-anchoredreplyview-authortimestamp {
display: flex;
-webkit-align-items: start;
align-items: start;
-ms-flex-direction: column;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-justify-content: center;
justify-content: center
}
.docos-anchoredreplyview-authortimestamp>* {
overflow: hidden;
text-overflow: ellipsis
}
.docs-gm .docos-anchoredreplyview-authortimestamp>* {
align-self: stretch
}
.docos-anchoredreplyview-avatar-holder {
max-width: 32px
}
.docs-gm .docos-anchoredreplyview-avatar-holder {
height: 38px;
margin-top: 2px;
max-width: 36px;
width: 36px
}
.docos-anchoredreplyview-header .docos-avatar {
position: relative
}
.docs-gm .docos-anchoredreplyview-header .docos-avatar {
margin-left: 2px;
margin-top: 2px
}
.docos-user-presence {
width: 32px;
height: 6px
}
.docs-gm .docos-user-presence {
width: 36px;
height: 36px;
border-radius: 50%;
margin-top: -34px;
margin-left: 0
}
.docos-replyview-resolve-button-original {
display: inline-block;
margin: 0;
opacity: 0.2;
padding-left: 2px;
position: relative;
padding: 0 4px 0 4px;
min-width: 50px;
height: 28px;
vertical-align: top
}
.docs-gm .docos-replyview-resolve-button-original {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
border: 1px solid #dadce0 !important;
color: #137333;
height: 24px;
padding: 3px 12px 5px
}
.docs-gm .docos-replyview-resolve-button-original:hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #f8fcf9;
border: 1px solid #c8e7d1 !important;
height: 24px;
padding: 3px 12px 5px
}
.docs-gm .docos-replyview-resolve-button {
border-radius: 3px 0 0 3px;
display: inline-block;
margin: auto;
margin-top: 1px;
padding: 0;
position: relative;
top: auto;
right: auto;
vertical-align: middle;
width: 28px;
height: 28px
}
.docs-gm .docos-anchoreddocoview:hover .docos-replyview-resolve-button,
.docs-gm .docos-anchoreddocoview.docos-docoview-active .docos-replyview-resolve-button {
opacity: 1
}
.docos-anchoredreplyview .docos-replyview-edit {
margin-left: 0
}
.docos-anchoredreplyview-origin {
word-wrap: break-word;
color: #777;
margin: 8px -8px 0 -8px;
padding: 8px 8px 4px 8px;
border-color: #e5e5e5;
border-top-style: solid;
border-top-width: 1px;
font-size: 11px;
font-style: italic
}
.docs-gm .docos-anchoredreplyview-origin {
color: #80868b;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 16px
}
.docos-anchoredreplyview .docos-action-text {
color: #707070;
font-style: italic;
word-wrap: break-word;
-ms-word-wrap: break-word;
overflow-wrap: break-word
}
.docs-gm .docos-anchoredreplyview .docos-action-text {
color: #80868b;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 20px
}
.docos-action-text-bottom-wrapper {
padding: 8px 0 3px 0;
position: relative
}
.docos-anchoreddocoview .docos-anchoredreplyview:last-of-type .docos-action-text-bottom-wrapper {
padding: 8px 0 0 0
}
.docos-replyview-emojis-wrapper {
display: flex;
flex-wrap: wrap;
padding-top: 5px
}
.docos-replyview-emojis-wrapper .docs-material-button-flat-primary {
border: 1px solid rgba(60, 64, 67, .15);
border-radius: 15px;
margin: 1.5px
}
.docos-replyview-emojis-wrapper .docs-material-button-disabled.docs-material-button-flat-primary {
background-image: radial-gradient(ghostwhite, lavender);
cursor: inherit
}
.docs-grille-gm3 .docos-anchoreddocoview .docos-replyview-first.docos-anchoredreplyview {
padding: 16px 16px 8px
}
.docs-grille-gm3 .docos-anchoreddocoview .docos-docoview-rootreply :only-child.docos-anchoredreplyview {
padding-bottom: 12px
}
.docs-grille-gm3 .docos-anchoreddocoview,
.docs-grille-gm3 .docos-anchoreddocoview .docos-anchoredreplyview,
.docs-grille-gm3 .docos-anchoreddocoview-input-pane {
background: #eef3fc
}
.docs-grille-gm3 .docos-anchoreddocoview,
.docs-grille-gm3 .docos-anchoreddocoview-input-pane {
border: none
}
.docs-grille-gm3 .docos-anchoreddocoview-internal,
.docs-grille-gm3 .docos-anchoreddocoview,
.docs-grille-gm3 .docos-anchoreddocoview.docos-docoview-active {
border-radius: 12px
}
.docs-grille-gm3 .docos-input .docos-input-textarea,
.docs-grille-gm3 .docos-input .docos-input-textarea:focus,
.docs-grille-gm3 .docos-streamdocoview-input-pane .docos-input-textarea,
.docs-grille-gm3 .docos-streamdocoview-input-pane.docos-input .docos-input-textarea:focus {
background: #fff;
border: 1px solid #c7c7c7;
border-radius: 18px;
color: #1f1f1f;
font-family: "Google Sans", Roboto, sans-serif;
padding: 8px 7px 8px 16px
}
.docs-grille-gm3 .docos-anchoreddocoview .docos-anchoredreplyview,
.docs-grille-gm3 .docos-anchoreddocoview-input-pane {
border-color: #c7c7c7;
margin: 0 16px
}
.docs-grille-gm3 .docos-anchoredreplyview .docos-anchoredreplyview-body a {
color: #0b57d0
}
.docs-grille-gm3 .docos-anchoreddocoview:hover,
.docs-grille-gm3 .docos-anchoreddocoview:hover .docos-anchoredreplyview,
.docs-grille-gm3 .docos-anchoreddocoview:hover .docos-anchoreddocoview-input-pane {
background: #eaf1fb;
box-shadow: none
}
.docs-grille-gm3 .docos-anchoreddocoview.docos-docoview-active:hover,
.docs-grille-gm3 .docos-docoview-active:hover .docos-anchoredreplyview,
.docs-grille-gm3 .docos-docoview-active:hover .docos-anchoreddocoview-input-pane,
.docs-grille-gm3 .docos-anchoreddocoview.docos-docoview-active,
.docs-grille-gm3 .docos-docoview-active .docos-anchoredreplyview,
.docs-grille-gm3 .docos-docoview-active .docos-anchoreddocoview-input-pane {
background: #fff
}
.docs-grille-gm3 .docos-anchoredreplyview .docos-anchoredreplyview-body {
color: #444746;
font-family: "Google Sans", Roboto, sans-serif
}
.docs-grille-gm3 .docos-anchoreddocoview.docos-docoview-active,
.docs-grille-gm3 .docos-anchoreddocoview.docos-docoview-active:hover {
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15)
}
.docs-grille-gm3 .docos-anchoredreplyview-buttonholder {
opacity: 0;
transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)
}
.docs-grille-gm3 .docos-replyview-resolve-button,
.docs-grille-gm3 .docos-anchoredreplyview .docos-accept-suggestion,
.docs-grille-gm3 .docos-anchoredreplyview .docos-reject-suggestion {
border: none
}
.docs-grille-gm3 .docos-anchoreddocoview .docos-accept-suggestion,
.docs-grille-gm3 .docos-anchoreddocoview .docos-reject-suggestion,
.docs-grille-gm3 .docos-anchoreddocoview:hover .docos-anchoredreplyview-buttonholder,
.docs-grille-gm3 .docos-anchoreddocoview.docos-docoview-active .docos-anchoredreplyview-buttonholder {
opacity: 1
}
.docs-grille-gm3 .docos-anchoredreplyview-header .docos-anchoredreplyview-author {
color: #1f1f1f
}
.docs-grille-gm3 .docos-anchoredreplyview-header .docos-anchoredreplyview-timestamp,
.docs-grille-gm3.docs-gm .docos-xeditor .docos-streamdocoview-timestamp,
.docs-grille-gm3 .docos-anchoredreplyview .docos-action-text,
.docs-grille-gm3 .docos-streamdocoview .docos-action-text {
color: #444746;
font-family: "Google Sans", Roboto, sans-serif;
font-size: 12px;
font-style: normal
}
.docs-grille-gm3 .docos-root-reply-action-text-wrapper {
padding-bottom: 2px
}
.docs-grille-gm3 .docos-anchoredreplyview .docos-accept-suggestion div,
.docs-grille-gm3 .docos-anchoredreplyview .docos-reject-suggestion div {
margin-top: 2px
}
.docs-grille-gm3 .docos-anchoreddocoview-input-pane {
padding: 0 0 16px
}
.docs-grille-gm3 .docos-showrepliesbutton {
margin: 0 16px
}
.docs-grille-gm3 .docos-showrepliesbutton,
.docs-grille-gm3 .docos-anchoreddocoview .docos-showrepliesbutton-collapsed-internal,
.docs-grille-gm3 .docos-showrepliesbutton-collapsed {
background: none;
color: #444746;
font: 500 14px/20px "Google Sans", Roboto, sans-serif;
-webkit-font-smoothing: antialiased
}
.docs-grille-gm3 .docos-anchoreddocoview .docos-showrepliesbutton-collapsed-internal {
border-radius: 100px;
margin: 0 8px;
padding: 2px 8px
}
.docs-grille-gm3 .docos-showrepliesbutton-collapsed-internal-container {
background: #eef3fc;
display: inline-block;
position: relative
}
.docs-grille-gm3 .docos-anchoreddocoview:hover .docos-showrepliesbutton-collapsed-internal,
.docs-grille-gm3 .docos-anchoreddocoview.docos-docoview-active .docos-showrepliesbutton-collapsed-internal {
color: #0b57d0;
text-decoration: none
}
.docs-grille-gm3 .docos-anchoreddocoview:hover .docos-showrepliesbutton-collapsed-internal-container,
.docs-grille-gm3 .docos-anchoreddocoview.docos-docoview-active .docos-showrepliesbutton-collapsed-internal-container {
background: #eaf1fb
}
.docs-grille-gm3 .docos-anchoreddocoview .docos-showrepliesbutton-collapsed-internal:hover {
background-color: rgba(11, 87, 208, .08)
}
.docs-grille-gm3 .docos-anchoreddocoview .docos-showrepliesbutton-collapsed-internal:focus,
.docs-grille-gm3 .docos-anchoreddocoview .docos-showrepliesbutton-collapsed-internal:active {
background-color: rgba(11, 87, 208, .12)
}
.docs-grille-gm3 .docos-replyview-body-emoji-reactable-background {
background-color: rgba(68, 71, 70, 0.078);
border-radius: 8px;
outline: 1px solid transparent
}
.docs-grille-gm3 .docos-replyview-emoji-controls .docs-material-button-raised-default {
box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3), 0 6px 10px 4px rgba(0, 0, 0, 0.15);
padding: 0
}
.docs-grille-gm3 .docos-replyview-emojis-wrapper .docs-material-button-flat-primary {
border-color: #c7c7c7;
margin: 2px
}
.docs-grille-gm3 .docos-replyview-emojis-wrapper .docs-material-button-hover,
.docs-grille-gm3 .docos-replyview-emojis-wrapper .docs-material-button-focused {
border: none;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 6px 2px rgba(0, 0, 0, 0.15);
margin: 3px 3px 1px 3px
}
.docs-grille-gm3 .docos-replyview-emojis-wrapper .docs-material-button-disabled.docs-material-button-flat-primary {
background-color: #e1e3e1;
background-image: none
}
.docs-grille-gm3 .docos-anchoreddocoview .docos-show-more,
.docs-grille-gm3 .docos-anchoreddocoview .docos-show-less,
.docs-grille-gm3 .docos-replyview-first .docos-show-more {
background: #eef3fc;
font-family: "Google Sans", Roboto, sans-serif
}
.docs-grille-gm3 .docos-anchoreddocoview:hover .docos-show-more,
.docs-grille-gm3 .docos-anchoreddocoview:hover .docos-show-less,
.docs-grille-gm3 .docos-anchoreddocoview:hover .docos-replyview-first .docos-show-more,
.docs-grille-gm3 .docos-anchoreddocoview.docos-docoview-tesla-conflict:hover .docos-show-more {
background: #eaf1fb
}
.docs-grille-gm3 .docos-anchoreddocoview.docos-docoview-active .docos-show-more,
.docs-grille-gm3 .docos-anchoreddocoview.docos-docoview-active .docos-show-less,
.docs-grille-gm3 .docos-docoview-active.docos-docoview-tesla-conflict:hover .docos-show-more {
background: #fff
}
.docs-grille-gm3 .docos-anchoredreplyview-avatar-holder {
max-width: 34px;
width: 34px
}
.docs-grille-gm3 .docos-anchoredreplyview-header .docos-avatar {
margin: 0
}
.docs-grille-gm3 .docos-user-presence {
display: none
}
.docs-grille-gm3 .docos-replyview-first .docos-anchoredreplyview-buttonholder {
padding: 0
}
.docs-grille-gm3 .docos-anchoredreplyview .docos-collapsed-replyview {
height: 81px
}
.docs-grille-gm3 .docos-anchoredreplyview .docos-collapsed-replyview-emoji-reactions>.docos-replyview-static {
height: 87px
}
.docs-grille-gm3.docs-gm .docos-new-tag.docos-new-tag {
background-color: #0b57d0;
font: 500 11px/16px "Google Sans", Roboto, sans-serif
}
.docs-grille-gm3 .docos-show-more,
.docs-grille-gm3 .docos-show-less {
color: #0b57d0;
text-decoration: none
}
.docos-approver-badge-container {
width: fit-content;
width: -moz-fit-content
}
.docos-approver-badge {
cursor: pointer;
display: flex;
height: 18px;
margin: 4px 0 8px 0;
outline: 1px solid transparent
}
.docos-approver-badge.docs-hc-gecko {
border: 1px solid transparent
}
.docos-approver-badge .docs-material .docs-icon-approvals-stamp {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_blue.svg)
}
.docos-approver-badge-text {
color: #1a73e8;
font: 500 14px "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
padding: 0 8px
}
.docs-grille-gm3 .docos-approver-badge {
align-items: center;
border-radius: 12px;
height: 24px;
padding: 2px 8px
}
.docs-grille-gm3 .docos-approver-badge:hover {
background: rgba(11, 87, 208, 0.078)
}
.docs-grille-gm3 .docos-approver-badge:focus,
.docs-grille-gm3 .docos-approver-badge:active {
background: rgba(11, 87, 208, 0.122)
}
.docos-assigneeview {
border-bottom: solid #dddddd 1px;
padding: 7px 10px 7px 8px
}
.docs-gm .docos-assigneeview {
border-bottom: solid #dadce0 1px;
padding: 12px
}
.docs-gm.docos-xeditor .docos-streamdocoview-content .docos-assigneeview {
padding: 10px
}
.docs-gm.docos-xeditor .docos-streamdocoview-content .docos-assigneeview .docos-assigneeview-icon-container {
position: absolute;
right: 8px
}
.docos-assigneeview table {
border-spacing: 0;
width: 100%
}
.docos-assigneeview.docos-assignee-other {
background-color: #f2f2f2;
color: #333
}
.docs-gm .docos-assigneeview.docos-assignee-other {
background-color: #e6f4ea;
color: #3c4043
}
.docos-assigneeview.docos-assignee-you {
background-color: #4285f4;
color: white
}
.docos.docs-gm .docos-assigneeview.docos-assignee-you {
background-color: #188038;
color: #fff
}
.docs-gm .docos-assigneeview-avatar-container {
padding: 2px
}
.docos-assigneeview-avatar.docos-avatar {
position: relative;
display: block
}
.docos-assigneeview-assigneeinfo {
padding: 0 0 0 10px;
width: 100%;
max-width: 135px
}
.docs-gm .docos-assigneeview-label {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
letter-spacing: 0.3px;
line-height: 16px
}
.docs-gm.docos-xeditor .docos-assigneeview-label {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.docos-assigneeview-assignee-text {
font-weight: 700;
font-weight: var(--docs-material-font-weight-bold, 700);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.docs-gm .docos-assigneeview-assignee-text {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
letter-spacing: 0.25px;
line-height: 20px
}
.docos-assigneeview .docos-icon-checkmark-black {
margin-top: 1px
}
.docos-assigneeview .docos-icon-checkmark-white {
margin-top: 6px
}
.docs-gm .docos-assigneeview .docos-icon-checkmark-white {
margin-top: 1px
}
.docos-assigneeview .docos-mark-done-button {
width: 28px;
height: 28px;
min-width: 28px;
padding: 0;
margin: 0;
background: none
}
.docos-assigneeview .docos-mark-done-button-black {
opacity: 0.2
}
.docos.docs-gm .docos-assigneeview .docos-mark-done-button-black {
opacity: 1
}
.docos-assigneeview .docos-mark-done-button-white {
border: 1px solid rgba(255, 255, 255, .38);
opacity: 0.7
}
.docos-assigneeview .docos-mark-done-button-white:hover {
border: 1px solid rgba(255, 255, 255, 1);
opacity: 1;
background: none
}
.docs-gm .docos-assigneeview .docos-mark-done-button-white {
border: none;
opacity: 1
}
.docos-xeditor .docos-streamdocoview-content .docos-streamdocoview-assigneecontainer {
margin: -15px -15px 0;
padding-bottom: 12px
}
.docos-xeditor .docos-streamdocoview-content .docos-assigneeview {
align-items: center;
border: none;
box-sizing: border-box;
border-radius: 4px;
display: flex;
justify-content: space-between;
margin: 5px
}
.docos-xeditor .docos-streamdocoview-content .docos-assigneeview.docos-assignee-other {
color: #137333
}
.docos-xeditor .docos-streamdocoview-content .docos-assigneeview.docos-assignee-you .docos-assigneeview-assignee-text {
text-transform: uppercase
}
.docos-xeditor .docos-streamdocoview-content .docos-assigneeview-label {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
letter-spacing: 0.25px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.docos-xeditor .docos-streamdocoview-content .docos-assigneeview-assignee-text {
margin-left: 4px
}
.docos-xeditor .docos-streamdocoview-content .docos-mark-done-button {
margin: 0
}
.docs-grille-gm3 .docos-assigneeview {
border: none;
padding: 1px 16px
}
.docs-grille-gm3 .docos-assigneeview-assigneeinfo {
height: 38px;
padding: 0
}
.docs-grille-gm3 .docos .docos-assigneeview.docos-assignee-you {
background-color: #d3e3fd;
color: #041e49
}
.docs-grille-gm3 .docos .docos-assigneeview.docos-assignee-other {
background-color: inherit;
color: #444746
}
.docs-grille-gm3 .docos-assigneeview-label,
.docs-grille-gm3 .docos-assigneeview-assignee-text,
.docs-grille-gm3 .docos-xeditor .docos-streamdocoview-content .docos-assigneeview-label {
display: inline-block;
font: 500 12px/16px "Google Sans", Roboto, sans-serif;
vertical-align: middle
}
.docs-grille-gm3 .docos-xeditor .docos-streamdocoview-content .docos-assigneeview-label {
display: flex
}
.docs-grille-gm3 .docos-assigneeview-assignee-text {
margin: 0 3px
}
.docs-grille-gm3 .docos-assigneeview .docos-icon-checkmark-black {
margin-top: 1px
}
.docs-grille-gm3 .docos .docos-assigneeview .docos-mark-done-button {
background: none;
border: 1px solid transparent !important;
border-radius: 100%;
height: 32px;
width: 32px;
align-items: center;
display: flex;
justify-content: center;
margin: 0
}
.docs-grille-gm3 .docos-assigneeview .docos-mark-done-button.jfk-button-hover {
background: none;
border: 1px solid transparent !important;
border-radius: 100%;
height: 32px;
width: 32px;
background-color: rgba(68, 71, 70, .08)
}
.docs-grille-gm3 .docos-assigneeview .docos-mark-done-button.jfk-button-focused,
.docs-grille-gm3 .docos-assigneeview .docos-mark-done-button.jfk-button-active {
background: none;
border: 1px solid transparent !important;
border-radius: 100%;
height: 32px;
width: 32px;
background-color: rgba(68, 71, 70, .12)
}
.docs-grille-gm3 .docos-xeditor .docos-streamdocoview-content .docos-assigneeview .docos-assigneeview-icon-container {
right: 16px
}
.docs-grille-gm3 .docos-xeditor .docos-streamdocoview-content .docos-streamdocoview-assigneecontainer {
padding-bottom: 8px
}
.docs-grille-gm3 .docos-assignee-you .docos-mark-done-button .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_blue.svg)
}
.docs-grille-gm3 .docos-assignee-other .docos-mark-done-button .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_medium.svg);
left: -26px;
top: -1296px
}
.docs-grille-gm3 .docos-anchoreddocoview.docos-docoview-active .docos-assignee-other .docos-mark-done-button .docs-icon-img {
left: -26px;
top: -6638px
}
.docs-grille-gm3.docs-gm .docos-assigneeview.docos-assignee-you .docos-assigneeview-assignee-text {
text-transform: lowercase
}
.CSS_ASSISTED_WRITING_TAB_ICON {
align-items: center;
background-color: #f9f9f9;
border: .0625em solid #bababa;
border-radius: .2em;
bottom: .1em;
box-sizing: border-box;
display: inline-flex;
height: 1.1em;
justify-content: center;
margin-left: .3em;
position: relative;
width: 1.8em
}
.CSS_ASSISTED_WRITING_TAB_ICON_TEXT {
color: #bababa;
font-size: .6em;
font-weight: bold
}
.CSS_ASSISTED_WRITING_TYPEAHEAD_CONTAINER {
color: #80868b !important
}
.docos-ac {
background: #fff;
border: 1px solid #c8c8c8;
font-family: Arial, sans-serif, sans;
font-family: var(--docs-material-font-family, Arial, sans-serif, sans);
margin: 0px 0px;
padding: 4px 0px 4px 0px;
position: absolute;
z-index: 900
}
.docs-gm .docos-ac {
border-color: transparent;
border-radius: 8px;
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
padding: 9px 0px 9px 0px
}
.docos-ac div {
cursor: pointer
}
.docos-ac .ac-row {
height: auto;
padding: 0px
}
.docos-ac .ac-active {
background-color: #eee
}
.docos-ac div.active {
background-color: #eee
}
.docs-gm .docos-ac .ac-active,
.docs-gm .docos-ac div.active {
background-color: #f1f3f4
}
.docos-ac-highlighted {
font-weight: bold
}
.docos-availability-banner {
background-color: #fef7e0;
padding: 8px 0 8px 14px;
margin: 12px 0 8px 0;
display: flex;
align-items: center;
outline: 1px solid transparent
}
.docs-gm .docos-anchoreddocoview .docos-availability-banner {
left: -12px;
width: 268px
}
.docos-anchoreddocoview .docos-availability-banner {
left: -8px;
width: 226px
}
.docs-gm .docos-layout-anchored-auto-resize .docos-anchoreddocoview .docos-availability-banner-container {
display: flex;
flex-direction: row;
width: calc(100% + 24px)
}
.docs-gm .docos-layout-anchored-auto-resize .docos-anchoreddocoview .docos-availability-banner {
width: calc(100% - 12px)
}
.docos-anchoreddocoview .docos-xeditor.docos-availability-banner,
.docs-gm .docos-anchoreddocoview .docos-xeditor.docos-availability-banner {
border-radius: 4px;
left: 0;
width: inherit
}
.docs-gm .docos-layout-anchored-auto-resize .docos-anchoreddocoview .docos-xeditor.docos-availability-banner {
width: calc(100% - 36px)
}
.docos-streamdocoview .docos-availability-banner {
left: -56px;
width: 281px
}
.docos-streamdocoview .docos-xeditor.docos-availability-banner {
border-radius: 4px;
left: 0;
width: inherit
}
.availability-icon-size {
width: 18px;
height: 18px;
margin: 1px 2px 2px 1px
}
.docs-gm .docos .jfk-button.availability-banner-info {
margin-right: 0
}
.docs-gm .docos-layout-anchored-auto-resize .jfk-button.availability-banner-info {
margin-left: auto
}
.docs-gm .docos-availability-banner-text {
font-size: 12px;
width: 195px;
padding-left: 10px
}
.docs-gm .docos-layout-anchored-auto-resize .docos-availability-banner-text {
width: auto
}
.docos-availability-banner-text {
font-size: 12px;
width: 188px
}
.docos-xeditor .docos-availability-banner-text {
width: inherit
}
.docos .docos-availability-banner .jfk-button-standard {
min-width: 21px;
padding: 0 2px;
vertical-align: middle
}
.docos .jfk-button.availability-banner-info {
margin-right: 10px
}
.availability-details-dialog {
min-width: 464px
}
.availability-details-dialog .docs-material-gm-dialog-title {
padding-bottom: 0
}
.availability-details-dialog .docs-material-gm-dialog-content {
padding-bottom: 0
}
.availability-details-dialog .availability-details-help {
cursor: pointer;
float: right
}
.availability-details-dialog .availability-details-desc {
color: #5f6368;
font: 14px/20px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
margin-bottom: 16px
}
.availability-details-dialog .availability-details-row {
padding-bottom: 12px
}
.availability-details-dialog .availability-details-photo {
border-radius: 50%;
float: left;
height: 32px;
margin-right: 16px
}
.availability-details-dialog .availability-details-name {
color: #3c4043;
font: 14px/20px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
letter-spacing: 0.2px
}
.availability-details-dialog .availability-details-status {
color: #5f6368;
font: 12px/16px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
letter-spacing: 0.3px
}
.docos-avatar {
left: 0;
position: absolute;
object-fit: cover
}
.docs-gm .docos-avatar {
border-radius: 50%
}
.docos-avatar-unverified {
opacity: 0.4
}
.docs-gm .docos-avatar-unverified {
background-color: white;
opacity: 1
}
.docos-build-info {
font-family: Arial, sans-serif, sans;
font-family: var(--docs-material-font-family, Arial, sans-serif, sans);
font-size: 10px/12px;
color: #bbb;
text-align: right;
padding-right: 30px
}
.docos-build-info a {
color: #bbb
}
.docos-calltoactionview {
min-height: 36px
}
.docos-calltoactionview-container {
background: #f2f2f2;
padding: 8px
}
.docs-gm .docos-calltoactionview-container {
background: white;
padding: 16px
}
.docos-calltoactionview-header-image {
max-width: 100%;
margin-bottom: 18px
}
.visual-treatment-pageless-promo .docos-calltoactionview-header-image {
border: 1px solid #dadce0;
box-sizing: border-box
}
.docos-calltoactionview-header {
align-items: center;
color: #3c4043;
display: flex;
line-height: 20px;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
vertical-align: top;
width: 100%
}
.visual-treatment-meeting-notes .docos-calltoactionview-header {
color: #202124;
font-size: 16px
}
.visual-treatment-pageless-promo .docos-calltoactionview-header {
color: #202124;
line-height: 28px;
font-size: 22px;
font-weight: 400
}
.docos-calltoactionview-header-icon {
left: -3px;
margin-right: 3px;
position: relative
}
.docs-material .docs-icon.docos-calltoactionview-header-icon-container {
height: 24px;
width: 24px
}
.docos-calltoactionview-body {
padding: 12px 0
}
.visual-treatment-meeting-notes .docos-calltoactionview-body {
color: #3c4043
}
.docos-calltoactionview-collapsible {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 20px;
overflow: hidden
}
.docos-calltoactionview-body a {
color: #1a73e8
}
.docos-calltoactionview-checkbox-container {
border-bottom: 1px solid #dadce0;
margin-bottom: 16px;
padding-bottom: 16px;
padding-top: 4px
}
.docos-calltoactionview-checkbox-container .docs-material-gm-checkbox {
cursor: pointer
}
.docos-calltoactionview-dont-show-again-checkbox {
margin-bottom: 10px
}
.docos-calltoactionview-dont-show-again-label {
color: #3c4043;
padding-left: 10px;
position: relative;
top: 2px
}
.docos-calltoactionview-show-more,
.docos-calltoactionview-show-less {
color: #15c;
cursor: pointer;
font-size: 11px;
outline: none;
padding-top: 4px
}
.docos-calltoactionview-show-more:hover,
.docos-calltoactionview-show-less:hover {
text-decoration: underline
}
.docos-calltoactionview-buttons-message-text {
font-size: 12px;
line-height: 16px;
margin-bottom: 10px;
padding-right: 10px
}
.docos-calltoactionview-text-default-buttons-container {
display: flex;
justify-content: flex-end
}
.docos-calltoactionview-text-default-buttons-container div.docs-material-button {
margin-left: 12px
}
.docs-grille-gm3 .docos-calltoactionview {
background: #fdfcfb;
border: 1px solid #c4c7c5;
border-radius: 12px
}
.docs-grille-gm3 .docos-docoview-active .docos-calltoactionview {
border: none
}
.docs-grille-gm3 .docos-calltoactionview-container {
background: #fdfcfb
}
.docs-grille-gm3 .docos-anchoreddocoview:hover .docos-calltoactionview-container {
background: rgba(31, 31, 31, 0.078)
}
.docs-grille-gm3 .docos-anchoreddocoview:active .docos-calltoactionview-container {
background: rgba(31, 31, 31, 0.122)
}
.docs-grille-gm3 .docos-docoview-active .docos-calltoactionview-container,
.docs-grille-gm3 .docos-docoview-active:hover .docos-calltoactionview-container {
background: white
}
.docs-grille-gm3 .docos-calltoactionview-body,
.docs-grille-gm3 .docos-calltoactionview-show-more,
.docs-grille-gm3 .docos-calltoactionview-show-less,
.docs-grille-gm3 .docos-calltoactionview-dont-show-again-label {
color: #444746;
font-family: "Google Sans", Roboto, sans-serif
}
.docs-grille-gm3 .docos-calltoactionview-body a {
color: #0b57d0
}
.docos-contact-row {
height: 32px;
color: rgb(0, 0, 0);
padding: 4px 8px;
font-family: Arial, sans-serif, sans;
font-family: var(--docs-material-font-family, Arial, sans-serif, sans)
}
.docs-gm .docos-contact-row {
height: 36px;
padding: 6px 8px
}
.docos-contact-row .docos-avatar {
float: left;
left: initial;
position: relative;
padding-right: 8px
}
.docs-gm .docos-contact-row .docos-avatar {
padding-right: 0;
margin-right: 8px;
margin-top: 2px
}
.docos-contact-row-name,
.docos-contact-row-email {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden
}
.docos-contact-row-email {
color: #777;
font-size: 0.9em
}
.docs-gm .docos-contact-row-name {
color: #3c4043;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 20px
}
.docs-gm .docos-ac-highlighted {
font-weight: 700
}
.docs-gm .docos-contact-row-email {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 16px
}
.docos-delete-dialog {
font-size: 14px;
white-space: normal;
width: 472px
}
.docos-delete-dialog .docos-delete-dialog-subtitle {
width: 424px
}
.docos-delete-dialog .docs-material-button-content {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}
.docs-gm .docos-draft-emoji-reaction-view.docos-anchoreddocoview {
border: unset;
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
background: unset;
border-radius: 24px
}
.docs-gm .docos-draft-emoji-reaction-view.docos-anchoreddocoview,
.docos-draft-emoji-reaction-view-post {
width: 282px
}
.docos-draft-emoji-slide-in-animation {
-webkit-animation-duration: 300ms;
-moz-animation-duration: 300ms;
-o-animation-duration: 300ms;
animation-duration: 300ms;
-webkit-animation-name: draft-emoji-slide-in;
-moz-animation-name: draft-emoji-slide-in;
-o-animation-name: draft-emoji-slide-in;
animation-name: draft-emoji-slide-in;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-o-animation-iteration-count: 1;
animation-iteration-count: 1
}
@keyframes draft-emoji-slide-in {
from {
width: 20%;
opacity: 0
}
}
@-webkit-keyframes draft-emoji-slide-in {
from {
width: 20%;
opacity: 0
}
}
.docos-emoji-counter-button-container {
display: flex;
align-items: center;
height: 100%
}
.docos-emoji-counter-button-icon {
background-size: contain;
height: 24px;
width: 24px
}
.docos-emoji-counter-button-icon.docos-emoji-counter-button-emoji-font-enabled {
font-family: 'Noto Color Emoji', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 20px;
height: 32px
}
.docos-emoji-counter-button-count {
align-items: center;
display: flex;
font-size: 14px
}
.docos-emoji-counter-button-icon-container {
display: flex;
flex-direction: row
}
.docos-emoji-counter-button-container>* {
padding: 0 3px
}
.docos-emoji-counter-button-user-involved.docs-material-button-flat-primary .docos-emoji-counter-button-container {
color: #1a73e8;
font-weight: 500
}
:not(.docos-emoji-counter-button-user-involved).docs-material-button-flat-primary .docos-emoji-counter-button-container {
color: #5f6368;
font-weight: 400
}
.docos-emoji-counter-button-offline .docos-emoji-counter-button-icon-container {
font-size: 18px
}
.docos-emoji-counter-button-tooltip {
background-color: #fff;
border-radius: 8px;
box-shadow: 1px 0 8px 1px #bdc1c6;
color: #5f6368;
display: flex;
font-size: 13px;
font-weight: 400;
line-height: 20px;
margin-top: 7px;
max-width: 258px;
padding: 4px;
text-align: center;
width: auto
}
.docos-emoji-counter-button-tooltip .jfk-tooltip-arrowdown .jfk-tooltip-arrowimplafter,
.docos-emoji-counter-button-tooltip .jfk-tooltip-arrowup .jfk-tooltip-arrowimplafter {
border-color: #fff transparent;
left: -6px
}
.docs-grille-gm3 .docos-emoji-counter-button-icon {
height: 32px
}
.docs-grille-gm3 .docos-emoji-counter-button-icon.docos-emoji-counter-button-emoji-font-enabled {
align-items: center;
display: flex;
justify-content: center;
width: 100%
}
.docs-grille-gm3 .docos-emoji-counter-button-post.docs-material-button {
height: 24px;
padding: 0 5px
}
.docs-grille-gm3 .docos-emoji-counter-button-post .docos-emoji-counter-button-icon {
height: 20px
}
.docs-grille-gm3 .docos-emoji-counter-button-post .docos-emoji-counter-button-icon.docos-emoji-counter-button-emoji-font-enabled {
font-size: 16px
}
.docs-grille-gm3 .docos-emoji-counter-button-post .docos-emoji-counter-button-container>* {
padding: 0 1px
}
.docs-gm .docos-emoji-reaction-doco-view.docos-anchoreddocoview {
background: unset;
border: unset;
border-radius: 15px;
max-width: 282px;
width: fit-content;
min-width: auto
}
.docs-gm .docos-emoji-reaction-doco-view.docos-anchoreddocoview:hover {
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15)
}
.docs-gm .docos-emoji-reaction-doco-view.docos-docoview-active,
.docs-gm .docos-emoji-reaction-doco-view.docos-docoview-active:hover {
box-shadow: unset
}
.docos-emoji-reaction-doco-view-emojis {
border: 1px solid rgba(60, 64, 67, .15);
border-radius: 15px;
height: fit-content
}
.docos-docoview-active .docos-emoji-reaction-doco-view-emojis,
.docos-emoji-reaction-single-button .docos-emoji-reaction-doco-view-emojis:not(:hover) {
border-color: transparent
}
.docos-docoview-active .docos-emoji-reaction-doco-view-emojis :not(.docs-material-button-focused).docs-material-button-flat-primary {
border-color: transparent;
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15)
}
.docos-emoji-reaction-doco-view-emojis .goog-container-horizontal {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin: 1.5px;
max-width: 200px
}
.docos-emoji-reaction-doco-view-emojis .docs-material-button-flat-primary {
background-color: #fff;
border: 1px solid rgba(60, 64, 67, .15);
display: flex;
border-radius: 15px;
margin: 1.5px;
opacity: 0;
width: fit-content
}
.docos-docoview-active .docos-emoji-reaction-doco-view-emojis .docs-material-button-disabled.docs-material-button-flat-primary {
background-image: radial-gradient(ghostwhite, lavender);
cursor: inherit
}
.docos-emoji-reaction-doco-view-emojis .docs-material-button-hover.docs-material-button-flat-primary {
background-color: rgb(232, 240, 254)
}
.docos-emoji-reaction-doco-view-emojis .docs-material-button-disabled.docs-material-button-flat-primary {
cursor: pointer
}
.docos-emoji-reaction-doco-view-emojis .docs-material-button-focused.docs-material-button-flat-primary {
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
line-height: 32px;
padding: 0 8px
}
.docos-emoji-reaction-doco-view-emojis .docs-material-button-focused.docs-material-button-no-focus-border.docs-material-button-flat-primary {
padding: 1px 9px
}
.docos-emoji-reaction-doco-view .docos-emoji-reaction-doco-view-container {
display: flex
}
.docos-emoji-reaction-doco-view .docos-emoji-reaction-doco-view-controls {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
padding: 0 4px;
margin-top: 4px;
gap: 4px
}
.docos-emoji-reaction-doco-view .docs-material-button-raised-default,
.docos-emoji-reaction-doco-view .docs-material-menu-button-raised-default {
background-color: #fff;
color: rgba(0, 0, 0, 0.26);
border-radius: calc(32px/2);
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15);
display: flex;
justify-content: center;
height: 32px;
margin: 0;
padding: 0 0 0 1px;
width: 32px
}
.docos-emoji-reaction-doco-view .docs-material-menu-button-raised-default-dropdown {
display: none
}
.docos-emoji-reaction-doco-view .docs-material-menu-button-raised-default {
background-image: none
}
.docos-emoji-reaction-doco-view .docs-material-button-disabled.docs-material-button-raised-default {
background-color: rgba(0, 0, 0, .04);
color: rgba(0, 0, 0, 0.54)
}
.docs-grille-gm3 .docos-emoji-reaction-doco-view-emojis .goog-container-horizontal {
border: none;
margin: 0;
gap: 3px
}
.docs-grille-gm3 .docos-emoji-reaction-doco-view-emojis {
border: none
}
.docs-grille-gm3 .docos-emoji-reaction-doco-view .docos-anchoreddocoview-internal {
overflow: visible
}
.docs-grille-gm3 .docos-emoji-reaction-doco-view.docos-anchoreddocoview:hover {
background: none;
box-shadow: none
}
.docs-grille-gm3 .docos-emoji-counter-button-count {
font-family: "Google Sans", Roboto, sans-serif
}
.docs-grille-gm3 .docos-emoji-counter-button-user-involved .docos-emoji-counter-button-count {
color: #0b57d0
}
.docs-grille-gm3 .docos-emoji-reaction-doco-view .docs-material-button-flat-primary,
.docs-grille-gm3 .docos-emoji-reaction-doco-view-emojis .docs-material-button-focused.docs-material-button-flat-primary {
border: none;
padding: 0
}
.docs-grille-gm3 .docos-emoji-reaction-doco-view-emojis .docs-material-button-flat-primary {
background: #eef3fc
}
.docs-grille-gm3 .docos-docoview-active.docos-emoji-reaction-doco-view .docs-material-button-content {
background: white
}
.docs-grille-gm3 .docos-emoji-reaction-doco-view .docs-material-button-content,
.docs-grille-gm3 .docos-replyview-emoji-controls .docs-material-button-content {
height: 100%;
padding: 0 8px;
width: 100%
}
.docs-grille-gm3 .docos-emoji-reaction-doco-view-controls {
margin-top: 1px
}
.docs-grille-gm3 .docos-emoji-reaction-doco-view-controls .docs-material-menu-button-raised-default-caption {
align-items: center;
border-radius: 100%;
display: flex;
height: 100%;
justify-content: center;
width: 100%
}
.docs-grille-gm3 .docos-replyview-emojis-wrapper .docs-material-button-hover,
.docs-grille-gm3 .docos-replyview-emoji-controls .docs-material-button-hover .docs-material-button-content,
.docs-grille-gm3 .docos-emoji-reaction-doco-view .docs-material-button-hover .docs-material-button-content,
.docs-grille-gm3 .docos-emoji-reaction-doco-view .docs-material-button-flat-primary:hover .docs-material-button-content,
.docs-grille-gm3 .docos-emoji-reaction-doco-view .docs-material-menu-button-raised-default-hover .docs-material-menu-button-raised-default-caption {
background: rgba(11, 87, 208, 0.078)
}
.docs-grille-gm3 .docos-replyview-emojis-wrapper .docs-material-button-focused,
.docs-grille-gm3 .docos-replyview-emoji-controls .docs-material-button-focused .docs-material-button-content,
.docs-grille-gm3 .docos-emoji-reaction-doco-view .docs-material-button:active .docs-material-button-content,
.docs-grille-gm3 .docos-docoview-active.docos-emoji-reaction-doco-view .docs-material-button-focused .docs-material-button-content,
.docs-grille-gm3 .docos-emoji-reaction-doco-view .docs-material-menu-button-raised-default-focused .docs-material-menu-button-raised-default-caption {
background: rgba(11, 87, 208, 0.122)
}
.docs-grille-gm3 .docos-docoview-active .docos-emoji-reaction-doco-view-emojis .docs-material-button-flat-primary,
.docs-grille-gm3 .docos-emoji-reaction-doco-view .docs-material-button-raised-default,
.docs-grille-gm3 .docos-emoji-reaction-doco-view .docs-material-menu-button-raised-default {
border: none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15)
}
.docs-grille-gm3 .docos-emoji-reaction-doco-view .docs-material-button-flat-primary:hover,
.docs-grille-gm3 .docos-emoji-reaction-doco-view.docos-docoview .docs-material-button-flat-primary:active,
.docs-grille-gm3 .docos-emoji-reaction-doco-view .docs-material-button-raised-default.docs-material-button-hover,
.docs-grille-gm3 .docos-emoji-reaction-doco-view .docs-material-button-raised-default.docs-material-button-focused,
.docs-grille-gm3 .docos-emoji-reaction-doco-view .docs-material-menu-button-raised-default-hover,
.docs-grille-gm3 .docos-emoji-reaction-doco-view .docs-material-menu-button-raised-default-focused,
.docs-grille-gm3.docs-gm .docos-replyview-emoji-controls .docs-material-button-hover,
.docs-grille-gm3.docs-gm .docos-replyview-emoji-controls .docs-material-button-focused {
padding: 0
}
.docs-grille-gm3 .docos-docoview-active .docs-material-button-raised-default .docs-icon {
margin: 0 0 1px
}
.docs-grille-gm3 .docos-docoview-active .docs-material-menu-button-raised-default .docs-icon {
margin: 0
}
.docs-grille-gm3 .docos-replyview-emojis-wrapper .docos-emoji-reaction-doco-view .docs-material-button-disabled .docs-material-button-content {
background-color: #e1e3e1;
background-image: none
}
.docos-icon {
overflow: hidden;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none
}
.docos-icon-img:before {
content: url(//ssl.gstatic.com/docs/common/d-icons31.png)
}
.docos-icon-img-hdpi:before {
transform: scale(0.5);
transform-origin: 0 0;
display: inline-block;
image-rendering: optimizeSpeed;
image-rendering: -moz-crisp-edges;
image-rendering: -o-crisp-edges;
image-rendering: -webkit-optimize-contrast;
image-rendering: optimize-contrast;
-ms-interpolation-mode: nearest-neighbor
}
.docos-icon-img {
*background: url(//ssl.gstatic.com/docs/common/d-icons31.png)
}
.docos-icon-img-container {
position: absolute
}
.docos-icon-thumb-black {
top: -88px;
left: -4px
}
.docos-icon-thumb-green {
top: -106px;
left: -4px
}
.docos-icon-thumb-size {
height: 18px;
width: 18px
}
.docos-icon-bell {
top: -25px;
left: -25px
}
.docos-icon-bell-size {
height: 13px;
width: 11px
}
.docos-icon-insert-comment {
top: -48px;
left: -1px
}
.docos-icon-accept-checkmark-black {
left: 0px;
top: 0px
}
.docos-icon-accept-checkmark-white {
top: -140px;
left: -49px
}
.docos-icon-accept-checkmark-size {
height: 21px;
width: 21px
}
.docs-gm .docos-icon-accept-checkmark-black {
left: -42px;
top: -24px
}
.docs-gm .docos-icon-accept-checkmark-white {
top: 0;
left: -42px
}
.docs-gm .docos-icon-accept-checkmark-size,
.docs-grille-gm3 .docos .docos-icon-accept-checkmark-size {
height: 24px;
width: 24px
}
.docos-icon-reject-suggestion-cross {
top: -44px;
left: -21px
}
.docos-icon-reject-suggestion-cross-size {
height: 21px;
width: 21px
}
.docs-gm .docos-icon-reject-suggestion-cross-size {
height: 24px;
width: 24px
}
.docos-icon-insert-comment-size {
height: 14px;
width: 18px
}
.docos-icon-overflow-three-dots {
left: -25px;
top: 0px
}
.docos-icon-overflow-three-dots-size {
height: 21px;
width: 14px
}
.docs-gm .docos-icon-overflow-three-dots {
left: 0;
top: -164px
}
.docs-grille-gm3 .docos-icon-overflow-three-dots {
top: -165px
}
.docs-gm .docos-icon-overflow-three-dots-size {
height: 24px;
width: 14px
}
.docos-icon-explore {
top: -64px;
left: -2px
}
.docos-icon-explore-size {
height: 21px;
width: 21px
}
.docos-hc-gecko .docos-icon-img {
filter: invert(100%)
}
.docos-icon-instant-docos-ltr {
top: -48px;
left: 12px;
height: 14px;
width: 18px;
position: absolute;
clip: rect(48px, 20px, 72px, 0px)
}
.docos-icon-instant-docos-rtl {
top: -48px;
left: 60px;
height: 14px;
width: 18px;
position: absolute;
clip: rect(48px, -28px, 63px, -48px)
}
.docos-hc-gecko .jfk-checkbox-checked .jfk-checkbox-checkmark::before {
content: url(//ssl.gstatic.com/docs/common/d-icons31.png);
position: absolute;
left: -50px;
top: -124px;
width: 15px;
height: 15px;
clip: rect(125px, 65px, 140px, 51px)
}
.docs-material>.docos-new-comment-icon>.docos-icon-add-comment {
top: -125px;
left: -4px
}
.docs-material>.docos-icon-add-comment-size {
height: 18px;
width: 18px
}
.docs-material .docos-icon-instant-docos-ltr {
top: -125px;
left: 11px;
height: 18px;
width: 18px;
clip: rect(125px, 20px, 145px, 0px)
}
.docs-material .docos-icon-instant-docos-rtl {
top: -125px;
left: 59px;
height: 18px;
width: 18px;
clip: rect(125px, -28px, 145px, -48px)
}
.docs-suggestion-button:not(.jfk-button-disabled) .docs-material .docs-icon-img,
.docs-suggestion-button:not(.jfk-button-disabled) .docs-material .docs-icon-img::before {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.docs-suggestion-button.jfk-button-disabled .docs-material .docs-icon-img,
.docs-suggestion-button.jfk-button-disabled .docs-material .docs-icon-img::before {
opacity: .38
}
.docos-icon-close {
top: -364px;
left: -30px
}
.docos-icon-close-size {
height: 18px;
width: 18px
}
.docos-icon-info {
top: -364px;
left: -48px
}
.docos-icon-info-size {
height: 18px;
width: 18px
}
.docs-grille-gm3 .docs-suggestion-button:not(.jfk-button-disabled) .docs-material .docs-icon-img,
.docs-grille-gm3 .docs-suggestion-button:not(.jfk-button-disabled) .docs-material .docs-icon-img::before {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_blue.svg)
}
.docos-input {
position: relative;
outline: none;
zoom: 1
}
.docos-input.docos-input-nohide {
display: block !important
}
.docos-input-contenteditable {
cursor: text;
text-align: start;
word-wrap: break-word
}
.docos-input-contenteditable:empty:before {
color: #80868b;
content: attr(placeholder);
display: block;
pointer-events: none
}
@media screen and (forced-colors:active) {
.docos-input-contenteditable:empty:before {
color: GrayText
}
}
.docos-input-contenteditable p {
margin: 0
}
.docos-input-textarea {
box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
color: #999;
font-family: Arial, sans-serif, sans;
font-family: var(--docs-material-font-family, Arial, sans-serif, sans);
font-size: 13px;
margin: 0;
overflow-x: hidden;
overflow-y: hidden;
outline-width: 0 !important;
padding: 4px;
resize: none;
width: 100%;
border: 1px solid #c8c8c8
}
.docs-gm .docos-input-textarea {
border: 1px solid #dadce0;
border-radius: 4px;
box-sizing: border-box;
color: #3c4043;
font-size: 14px;
line-height: 20px;
min-height: 36px;
padding: 8px
}
.docs-gm .docos-input-textarea:focus {
border: 2px solid #1a73e8;
box-shadow: none;
padding: 7px
}
.docos-input-textarea:disabled {
background-color: #eee !important
}
*:first-child+html .docos-input-textarea {
width: 95%
}
.docos-input-buttons {
display: none;
zoom: 1
}
.docos-input-buttons-post {
font-weight: 700;
font-weight: var(--docs-material-font-weight-bold, 700)
}
.docos-input-typing>.docos-input-textarea {
color: #000
}
.docs-gm .docos-input-typing>.docos-input-textarea {
color: #3c4043
}
.docs-gm.docos-xeditor .docos-input-typing>.docos-input-textarea,
.docs-gm .docs-docos-activity-sidebar .docos-input-typing>.docos-input-textarea {
background-color: #fff
}
.docos-input-typing>.docos-input-buttons {
display: block
}
.docos-input-assign-to-text {
color: #616161;
font-style: italic;
padding: 5px 0 3px 0;
word-wrap: break-word
}
.docos-input-assignment-panel {
padding: 6px 8px 4px 8px;
background-color: #f5f5f5;
border-style: solid;
border-width: 0 1px 1px 1px;
border-color: #c8c8c8;
margin-bottom: 8px;
cursor: pointer
}
.docs-gm .docos-input-assignment-panel {
padding: 6px 8px 11px 0;
background-color: #fff;
border: 1px solid transparent;
border-bottom: 1px solid #dadce0;
margin-bottom: 18px;
cursor: pointer
}
.docos-input-assignment-box {
margin: 2px 10px 0 0;
float: left;
width: 11px
}
.docos-anchoreddocoview .docos-input-assignee-text {
margin-top: 1px
}
.docos-input-assignee-text {
text-align: left;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 13px;
font-family: Arial, sans-serif, sans;
font-family: var(--docs-material-font-family, Arial, sans-serif, sans);
color: #707070;
font-weight: normal;
display: inline-block;
width: calc(100% - 51px)
}
.docos-input-assignee-text.docos-input-assignee-text-no-chevron {
width: calc(100% - 23px)
}
.docs-gm .docos-input-assignee-text {
margin-top: 6px;
margin-left: 8px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 14px;
font-family: Arial, sans-serif, sans;
font-family: var(--docs-material-font-family, Arial, sans-serif, sans);
color: #3c4043;
font-weight: normal;
display: inline-block;
width: calc(100% - 57px)
}
.docs-gm .docos-input-assignee-text.docos-input-assignee-text-no-chevron {
width: calc(100% - 29px)
}
.docos-streamdocoview .docos-input-assignee-select {
margin-top: 0px
}
.docos-assignee-select-focus {
border: 1px solid #4d90fe !important;
border-radius: 2px
}
.docos-input-assignee-select {
border: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
background: none;
box-shadow: none;
cursor: pointer;
float: right;
width: 24px;
height: 15px;
margin: 2px
}
.docs-gm .docos-anchoreddocoview .docos-input-assignee-select {
margin-top: 6px
}
.docos-input-assignee-select .goog-menu-button-caption {
padding: 0px
}
.docos-input-assignee-select .goog-menu-button-inner-box {
margin: 0px
}
.docos-assignee-select-item {
padding: 0px;
border-width: 0px
}
.docos-assignee-select-item.goog-menuitem-highlight {
background-color: #f2f2f2
}
.goog-menu.goog-menu-vertical.docos-assignee-select-menu {
padding: 4px 0 4px 0;
max-height: 222px;
overflow-y: auto;
box-sizing: border-box
}
.goog-menu.goog-menu-vertical.docs-gm.docos-assignee-select-menu {
padding: 8px 0 8px 0
}
.goog-menu.goog-menu-vertical.docs-gm.docos-assignee-select-menu .docos-assignee-select-item,
.goog-menu.goog-menu-vertical.docs-gm.docos-assignee-select-menu .docos-assignee-select-item.goog-menu-item-highlight {
border: none;
padding: 0
}
.docos-input-assignment-panel .goog-menu-button-dropdown {
width: 24px;
background: url(//ssl.gstatic.com/images/icons/material/system/2x/arrow_drop_down_black_24dp.png) center no-repeat;
background-size: 24px;
opacity: 0.54;
box-sizing: border-box
}
.docos-input-assignment-panel .goog-menu-button-dropdown:hover {
opacity: 0.87
}
.docos-input-assignment-panel .goog-menu-button-outer-box,
.docos-input-assignment-panel .goog-menu-button-inner-box {
border-style: none;
padding: 0
}
.docos-availability-banner-container {}
.docs-grille-gm3 .docos-input-contenteditable:empty:before {
color: #444746
}
.docs-grille-gm3 .docos-input-assignment-panel {
background-color: inherit
}
.docos-spinner {
height: 100px;
overflow: hidden;
position: relative
}
.docos-quantum-spinner {
height: 28px;
left: 50%;
margin-left: -14px;
position: absolute;
top: 36px;
width: 28px
}
.docos-mention {
font-weight: 500
}
.docos-mention-current-user {
align-items: center;
background-color: #d2e3fc;
border-radius: 4px;
color: #174ea6;
padding: 2px 4px;
top: 0;
width: max-content
}
.docs-gm .docos-unseen a.docos-mention-current-user {
background: #1a73e8;
color: white
}
.docos-navigation-bar {
background-color: #fff;
border-bottom: none;
border-top: 1px solid #dadce0;
display: flex;
flex-direction: column;
overflow: auto;
padding: 4px
}
.docos-navigation-bar-buttons {
align-items: center;
display: flex;
justify-content: space-between
}
.docos-open-all-comments-button.docs-material-button {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
align-items: center;
color: #0d652d;
cursor: pointer;
display: flex;
margin: 0;
padding: 8px;
text-transform: none
}
.docos-open-all-comments-button.docs-material-button-flat-default.docs-material-button.docs-material-button-hover {
background: rgba(24, 128, 56, 0.04);
color: #0d652d
}
.docos-open-all-comments-button.docs-material-button-flat-default.docs-material-button.docs-material-button-focused {
background: rgba(24, 128, 56, 0.12);
color: #0d652d
}
.docos-open-all-comments-button.docs-material-button-flat-default.docs-material-button.docs-material-button-active {
background: rgba(24, 128, 56, 0.1)
}
.docos-open-all-comments-button.docs-material-button-flat-default.docs-material-button.docs-material-button-no-focus-border {
line-height: 16px
}
.docos-open-all-comments-button>.docs-material-button-ripple-element {
background-color: rgba(52, 168, 83, 0.10)
}
.docos-navigation-bar-iterators {
align-items: center;
display: flex
}
.docos-navigation-bar-previous,
.docos-navigation-bar-next {
margin: 0
}
.docos-navigation-bar-previous .docs-icon,
.docos-navigation-bar-next .docs-icon {
left: -3px;
margin: 0;
top: -3px
}
.docos-navigation-bar-previous:hover,
.docos-navigation-bar-next:hover {
background: rgba(32, 33, 36, 0.04);
cursor: pointer
}
.docos-navigation-bar-previous:focus,
.docos-navigation-bar-next:focus {
background: rgba(32, 33, 36, 0.12)
}
.docos-navigation-bar-previous:active,
.docos-navigation-bar-next:active {
background: rgba(32, 33, 36, 0.1)
}
.docs-grille-gm3 .docos-navigation-bar {
background: #eef3fc
}
.docs-grille-gm3 .docos-docosview:hover .docos-navigation-bar,
.docs-grille-gm3 .docos-docosview-active .docos-navigation-bar {
background: #eaf1fb
}
.docs-grille-gm3 .docos-open-all-comments-button,
.docs-grille-gm3 .docos-open-all-comments-button.docs-material-button.docs-material-button-hover,
.docs-grille-gm3 .docos-open-all-comments-button.docs-material-button.docs-material-button-focused {
border-radius: 100px;
color: #0b57d0;
padding: 10px 12px
}
.docs-grille-gm3 .docos-open-all-comments-button.docs-material-button.docs-material-button-hover {
background: rgba(11, 87, 208, 0.078)
}
.docs-grille-gm3 .docos-open-all-comments-button.docs-material-button.docs-material-button-focused,
.docs-grille-gm3 .docos-open-all-comments-button.docs-material-button.docs-material-button-active {
background: rgba(11, 87, 208, 0.122)
}
.docs-grille-gm3 .docos-open-all-comments-button>.docs-material-button-ripple-element {
display: none
}
.docs-grille-gm3 .docos-navigation-bar-iterators .docs-material-button {
background: none;
border: 1px solid transparent !important;
border-radius: 100%;
height: 32px;
width: 32px
}
.docs-grille-gm3 .docos-navigation-bar-iterators .docs-material-button-hover {
background: none;
border: 1px solid transparent !important;
border-radius: 100%;
height: 32px;
width: 32px;
background-color: rgba(68, 71, 70, .08)
}
.docs-grille-gm3 .docos-navigation-bar-iterators .docs-material-button-focused,
.docs-grille-gm3 .docos-navigation-bar-iterators .docs-material-button-active {
background: none;
border: 1px solid transparent !important;
border-radius: 100%;
height: 32px;
width: 32px;
background-color: rgba(68, 71, 70, .12)
}
.docs-grille-gm3 .docos-navigation-bar-iterators .docs-material-button .docs-icon {
left: -5px;
top: -4px
}
.docos-notificationdialog-content {
width: 500px
}
.docos-notificationdialog-label {
padding: 0 3px 0 8px
}
.docos-notificationdialog-control {
padding-left: 3px;
margin-bottom: 12px
}
.docos-notificationdialog-header {
font-weight: 700;
font-weight: var(--docs-material-font-weight-bold, 700);
margin-bottom: 12px
}
.docos-notificationdialog-help {
position: absolute;
right: 20px
}
.docos-overflowmenu-outer {
display: inline-block
}
.docos-overflowmenu-outer>.docos-docomenu-dropdown {
border: 1px solid transparent;
width: 14px;
height: 28px;
margin: auto;
position: relative;
left: -1px;
opacity: 0.2
}
.docs-gm .docos-overflowmenu-outer>.docos-docomenu-dropdown {
transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1);
border: none;
cursor: pointer
}
.docos-overflowmenu-outer>.docos-docomenu-dropdown:hover,
.docos-overflowmenu-outer>.docos-docomenu-dropdown:focus {
border: 1px solid #4d90fe;
border-top-left-radius: 0;
border-bottom-left-radius: 0
}
.docs-gm .docos-overflowmenu-outer>.docos-docomenu-dropdown:hover,
.docs-gm .docos-overflowmenu-outer>.docos-docomenu-dropdown:focus {
border: none;
background: none;
box-shadow: none;
opacity: 1
}
.docos-overflowmenu-outer .goog-toolbar-menu-button-inner-box,
.docos-overflowmenu-outer .goog-toolbar-menu-button-outer-box {
min-width: 14px;
margin: 0;
padding: 0
}
.docos-overflowmenu-outer .docos-icon {
vertical-align: middle;
opacity: 0.7
}
.docos-overflowmenu-outer .goog-toolbar-menu-button-dropdown {
display: none
}
.docos-overflowmenu .goog-menuitem,
.docs-gm .docos-overflowmenu.goog-menu .goog-menuitem {
padding-right: 15px;
padding-left: 15px
}
.docs-grille-gm3 .docos-overflowmenu-outer .docos-icon {
margin-top: 1px;
opacity: 1
}
.docs-grille-gm3 .docos-overflowmenu-outer>.docos-docomenu-dropdown {
background: none;
border: 1px solid transparent !important;
border-radius: 100%;
height: 32px;
width: 32px;
align-items: center;
display: flex;
justify-content: center
}
.docs-grille-gm3 .docos-overflowmenu-outer>.docos-docomenu-dropdown:hover {
background: none;
border: 1px solid transparent !important;
border-radius: 100%;
height: 32px;
width: 32px;
background-color: rgba(68, 71, 70, .08)
}
.docs-grille-gm3 .docos-overflowmenu-outer>.docos-docomenu-dropdown:focus {
background: none;
border: 1px solid transparent !important;
border-radius: 100%;
height: 32px;
width: 32px;
background-color: rgba(68, 71, 70, .12)
}
.drive-quantum-spinner.active {
-webkit-animation: container-rotate 1568ms linear infinite;
animation: container-rotate 1568ms linear infinite
}
@-webkit-keyframes container-rotate {
to {
-webkit-transform: rotate(360deg)
}
}
@keyframes container-rotate {
to {
transform: rotate(360deg)
}
}
.spinner-layer {
position: absolute;
width: 100%;
height: 100%;
opacity: 0
}
.spinner-blue {
border-color: #4285f4
}
.spinner-red {
border-color: #db4437
}
.spinner-yellow {
border-color: #f4b400
}
.spinner-green {
border-color: #0f9d58
}
.drive-quantum-spinner.active .spinner-layer.spinner-blue {
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both
}
.drive-quantum-spinner.active .spinner-layer.spinner-red {
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both
}
.drive-quantum-spinner.active .spinner-layer.spinner-yellow {
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both
}
.drive-quantum-spinner.active .spinner-layer.spinner-green {
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both
}
@-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
}
}
.spinner-gap-patch {
position: absolute;
box-sizing: border-box;
top: 0;
left: 45%;
width: 10%;
height: 100%;
overflow: hidden;
border-color: inherit
}
.spinner-gap-patch .spinner-circle {
width: 1000%;
left: -450%
}
.spinner-circle-clipper {
display: inline-block;
position: relative;
width: 50%;
height: 100%;
overflow: hidden;
border-color: inherit
}
.spinner-circle-clipper .spinner-circle {
width: 200%
}
.spinner-circle {
box-sizing: border-box;
height: 100%;
border-width: 3px;
border-style: solid;
border-color: inherit;
border-bottom-color: transparent !important;
border-radius: 50%;
-webkit-animation: none;
animation: none
}
.spinner-circle-clipper.spinner-left .spinner-circle {
border-right-color: transparent !important;
-webkit-transform: rotate(129deg);
transform: rotate(129deg)
}
.spinner-circle-clipper.spinner-right .spinner-circle {
left: -100%;
border-left-color: transparent !important;
-webkit-transform: rotate(-129deg);
transform: rotate(-129deg)
}
.drive-quantum-spinner.active .spinner-circle-clipper.spinner-left .spinner-circle {
-webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
animation: left-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both
}
.drive-quantum-spinner.active .spinner-circle-clipper.spinner-right .spinner-circle {
-webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
animation: right-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both
}
@-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)
}
}
.spinner-fit {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0
}
.docos-quantum-spinner.active {
-webkit-animation: container-rotate 1568ms linear infinite;
animation: container-rotate 1568ms linear infinite
}
.active .spinner-layer.spinner-blue {
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both
}
.active .spinner-layer.spinner-red {
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, red-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both
}
.active .spinner-layer.spinner-yellow {
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, yellow-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both
}
.active .spinner-layer.spinner-green {
-webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both, green-fade-in-out 5332ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both
}
.active .spinner-circle-clipper.spinner-left .spinner-circle {
-webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
animation: left-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both
}
.active .spinner-circle-clipper.spinner-right .spinner-circle {
-webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both;
animation: right-spin 1333ms cubic-bezier(0.4, 0.0, 0.2, 1) infinite both
}
.docos-readonly .hide-on-readonly {
display: none !important
}
.show-on-readonly {
display: none
}
.docos-readonly .show-on-readonly {
display: inline-block !important
}
.docos-resolve-highlight {
border: 1px solid rgba(0, 0, 0, 0.2)
}
.docos-resolve-animation {
-webkit-transition: all 270ms ease-out;
-moz-transition: all 270ms ease-out;
-o-transition: all 270ms ease-out;
transition: all 270ms ease-out;
-webkit-transform: scale(0.3);
-moz-transform: scale(0.3);
-o-transform: scale(0.3);
transform: scale(0.3);
-webkit-transform-origin: center top;
-moz-transform-origin: center top;
-o-transform-origin: center top;
transform-origin: center top;
opacity: 0.3
}
#docos-shadow-wrapper {
position: relative
}
#docos-shadow {
background: #000;
background: rgba(0, 0, 0, 0.7);
color: #fff;
position: absolute;
z-index: 700;
left: 0;
top: 0
}
.docos-shadow-contents>:focus {
outline: 1px solid transparent
}
#docos-shadow,
.docos-shadow-table {
height: 100%;
width: 100%
}
#docos-shadow-description {
font-weight: 700;
font-weight: var(--docs-material-font-weight-bold, 700)
}
#docos-shadow-confirm,
#docos-shadow-delete {
margin: 2px 7px
}
.docs-grille-gm3 #docos-shadow .jfk-button-hover,
.docs-grille-gm3 #docos-shadow .jfk-button-focused {
background: white
}
.docos-input-button-row {}
.docos-smart-reply {
display: flex;
justify-content: space-between;
text-align: center;
margin-right: 6px
}
.docos.docs-gm .docos-smart-reply-button.jfk-button.jfk-button.jfk-button {
align-items: center;
display: flex;
height: auto;
justify-content: center;
padding: 3px 12px;
white-space: normal;
width: 100%
}
.docos-smart-reply .docos-smart-reply-button:last-child {
margin-right: 0
}
.docos-smart-reply-button-caption {
display: inline
}
.docs-grille-gm3 .docos.docs-gm .docos-smart-reply-button.jfk-button.jfk-button {
border-radius: 18px;
min-height: 36px;
padding: 3px 12px
}
.docos-streamdocoview {
border-top: 1px solid #e8e8e8;
font-family: Arial, sans-serif, sans;
font-family: var(--docs-material-font-family, Arial, sans-serif, sans);
font-size: 12px;
font-size: var(--docs-material-font-size-normal, 12px);
padding: 18px 0 7px 0;
position: relative;
outline: none;
zoom: 1
}
.docs-gm .docos-streamdocoview {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
padding: 16px
}
.docos-streamdocoview .docos-find-match {
background-color: rgba(140, 196, 116, 0.5)
}
.docos-streamdocoview .docos-selected-find-match {
background-color: rgba(140, 196, 116, 1)
}
.docs-gm.docs-hc-gecko .docos-streamdocoview .docos-find-match {
background-color: Highlight;
color: HighlightText
}
.docos-xeditor .docos-streamdocoview,
.docs-docos-activity-sidebar .docos-streamdocoview {
border: 1px solid #dadce0;
border-radius: 8px;
margin: 16px
}
.docs-gm.docos-xeditor .docos-streamdocoview {
border: 2px solid #f1f3f4;
box-sizing: border-box;
padding: 0
}
.docs-gm.docos-xeditor .streamdocoview-no-header.docos-streamdocoview {
border: 1px solid #dadce0
}
.docos-xeditor .docos-streamdocoview:hover,
.docs-docos-activity-sidebar .docos-streamdocoview:hover {
background-color: #fef7e0;
border: 1px solid transparent;
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15)
}
.docs-gm.docos-xeditor .docos-streamdocoview:hover {
background-color: transparent;
border: 2px solid #feefc3;
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15)
}
.docs-gm.docos-xeditor .streamdocoview-no-header.docos-streamdocoview:hover {
border: 1px solid transparent
}
.docs-gm .docos-streamdocoview-avatar {
left: 16px
}
.docs-gm.docos-xeditor .docos-streamdocoview-avatar {
left: 0;
margin-top: 2px
}
.docos-xeditor .docos-streamreplyview .docos-overflowmenu-outer {
position: absolute;
top: 0;
right: 0
}
.docos-xeditor .docos-overflowmenu-outer>.docos-docomenu-dropdown {
background-color: transparent;
opacity: 0.7
}
.docos:not(.docs-gm) .docos-streamdocoview:last-child {
padding-bottom: 0
}
.docos:not(.docs-gm) .docos-streamdocoview:last-child .docos-streamdocoview-controls {
padding-bottom: 0
}
.docos-streamdocoview .docos-docoview-rootreply {
min-height: 48px
}
.docos-streamrootreplyview {
margin-right: 12px;
min-height: 51px;
padding: 0 6px;
position: relative;
top: -3px
}
.docos-xeditor .docos-streamrootreplyview {
margin-right: 0
}
.docs-gm .docos-streamrootreplyview {
margin-bottom: 8px;
padding: 0;
top: 0
}
.docos:not(.docs-gm) .docos-docoview-resolved .docos-streamrootreplyview {
background-color: #f6f6f6
}
.docos:not(.docs-gm) .docos-docoview-active .docos-streamrootreplyview {
background-color: #fffbe1
}
.docs-gm .docos-streamdocoview.docos-docoview-resolved {
background-color: #f1f3f4
}
.docs-gm.docos-xeditor .docos-streamdocoview.docos-docoview-resolved,
.docs-docos-activity-sidebar .docs-gm .docos-streamdocoview.docos-docoview-resolved {
background-color: #f1f3f4;
border: 1px solid transparent;
box-shadow: none
}
.docs-gm.docos-xeditor .docos-streamdocoview.docos-docoview-resolved:hover,
.docs-docos-activity-sidebar .docs-gm .docos-streamdocoview.docos-docoview-resolved:hover {
background-color: #f1f3f4;
border: 1px solid transparent;
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15)
}
.docs-gm.docos-xeditor .docos-streamdocoview.docos-docoview-resolved:hover {
border: 1px solid #f1f3f4;
box-shadow: none
}
.docos.docs-gm.docos-xeditor .docos-streamdocoview.docos-docoview-resolved.docos-docoview-active,
.docs-docos-activity-sidebar .docos.docs-gm .docos-streamdocoview.docos-docoview-resolved.docos-docoview-active {
background-color: #f1f3f4;
border: 1px solid transparent;
box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15)
}
.docos.docs-gm.docos-xeditor .docos-streamdocoview.docos-docoview-resolved.docos-docoview-active {
border: 1px solid #e8eaed
}
.docos.docs-gm .docos-streamdocoview.docos-docoview-active {
background-color: #fffbe1
}
.docos.docs-gm .docos-streamdocoview.docos-docoview-active-experiment {
background-color: #e6f4ea
}
.docos.docs-gm.docos-xeditor .docos-streamdocoview.docos-docoview-active .docs-docos-activity-sidebar .docos.docs-gm .docos-streamdocoview.docos-docoview-active {
background-color: #feefc3;
border: 1px solid transparent;
box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15)
}
.docos.docs-gm.docos-xeditor .docos-streamdocoview.docos-docoview-active {
background-color: transparent;
border: 2px solid #fdd663;
box-shadow: 0 4px 8px 3px rgba(60, 64, 67, .15)
}
.docos.docs-gm.docos-xeditor .streamdocoview-no-header.docos-streamdocoview.docos-docoview-active {
border: 1px solid transparent
}
.docos-streamdocoview-content {
margin-left: 60px;
position: relative
}
.docs-gm .docos-streamdocoview-content {
margin-left: 40px
}
.docs-gm.docos-xeditor .docos-streamdocoview-content {
margin-left: 0;
padding: 15px
}
.docs-gm.docos-xeditor .docos-streamdocoview-authorname-timestamp {
align-items: start;
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: center;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.docs-gm.docos-xeditor .docos-streamdocoview-authorname-timestamp .docos-streamdocoview-author {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 18px;
letter-spacing: 0.25px;
line-height: 20px;
margin: 0;
max-width: 80%
}
.docs-gm.docos-xeditor .docos-streamdocoview-authorname-timestamp .docos-streamdocoview-timestamp {
align-items: center;
color: #5f6368;
display: flex;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 400;
line-height: 16px;
letter-spacing: 0.3px;
margin: 0
}
.docs-gm.docos-xeditor .docos-streamdocoview-authorname-timestamp>* {
overflow: hidden;
text-overflow: ellipsis
}
.docs-gm.docos-xeditor .docos-streamdocoview-authorname-timestamp>* {
align-self: stretch
}
.docos-xeditor .docos-streamrootreplyview .docos-replyview-static {
padding-top: 5px
}
.docos-streamdocoview-authorname {
font-weight: 700;
font-weight: var(--docs-material-font-weight-bold, 700);
font-family: Arial, sans-serif, sans;
font-family: var(--docs-material-header-font-family, Arial, sans-serif, sans)
}
.docs-gm .badging-enabled-doco .docos-streamdocoview-authorname {
-webkit-align-items: center;
align-items: center;
display: -webkit-inline-box;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row
}
.docs-gm .docos-streamdocoview .docos-new-tag {
-ms-flex: none;
-webkit-flex: none;
flex: none;
align-items: center;
background-color: #1a73e8;
border-radius: 9px;
color: white;
height: 16px;
justify-content: center;
margin: auto 0 auto 0;
overflow: hidden;
transform-origin: left;
transition: transform 0.2s ease-out, color 0.1s ease-in, border-radius 0.2s ease;
line-height: 16px
}
.docs-gm.docos-xeditor .docos-streamdocoview .docos-new-tag {
margin-left: 4px
}
.docs-gm .docos-streamdocoview:not(:hover) .docos-new-tag {
border-radius: 50%;
color: white;
transform: scale(0.375);
width: 6px
}
.docs-gm .docos-streamdocoview-authorname span+.docos-new-tag {
margin-left: 4px
}
.docs-gm .docos-streamdocoview:not(:hover) .docos-new-message {
color: transparent
}
.docos-streamdocoview-body {
color: #333;
word-wrap: break-word;
top: -7px;
zoom: 1
}
.docos-xeditor .docos-replyview-body-container {
padding-top: 5px
}
.docos-streamdocoview-timestamp,
.docos-streamdocoview-comments-off {
color: #5f6368;
font-size: 11px;
font-size: var(--docs-material-font-size-12, 11px);
padding: 0
}
.docos-streamdocoview-timestamp,
.docos-streamdocoview-reopen-control {
right: 2px
}
.docos-streamdocoview-bullet {
color: #ccc;
font-size: 12px;
line-height: 100%;
padding: 0 2px
}
.docos-streamdocoview-controls {
font-family: Arial, sans-serif, sans;
font-family: var(--docs-material-header-font-family, Arial, sans-serif, sans);
font-weight: normal;
font-weight: var(--docs-material-font-weight-bold, normal);
padding: 4px 0
}
.docos-streamdocoview-timestamp:hover {
text-decoration: underline;
cursor: pointer
}
.docs-gm.docos-xeditor .docos-streamdocoview-timestamp:hover {
text-decoration: none;
cursor: inherit
}
.docos-streamdocoview-input-pane {
padding-right: 6px;
margin-left: 30px
}
.docs-gm .docos-streamdocoview-input-pane {
margin-left: 40px;
padding-right: 0
}
.docos-xeditor .docos-availability-banner-container {
margin-left: -40px
}
.docos-streamdocoview-input-pane .docos-input-textarea {
background-color: #fff;
border: 1px solid #c9d4ec;
height: 23px;
font-size: 12px
}
.docs-gm .docos-streamdocoview-input-pane .docos-input-textarea {
border: 1px solid #dadce0;
border-radius: 4px;
box-sizing: border-box;
color: #3c4043;
font-size: 14px;
line-height: 20px;
min-height: 36px;
padding: 8px;
height: unset
}
.docs-gm .docos-streamdocoview-input-pane .docos-input-textarea:focus {
border: 2px solid #1a73e8;
box-shadow: none;
padding: 7px
}
.docos-streamdocoview-input-pane.docos-input-typing .docos-input-textarea {
background-color: #fff
}
.docos-streamdocoview-edit-pane .docos-input-textarea {
height: 36px
}
.docos-streamdocoview-inputcontainer,
.docos-streamdocoview-replycontainer {
margin: 4px 12px 3px 0
}
.docs-gm .docos-streamdocoview-inputcontainer,
.docs-gm .docos-streamdocoview-replycontainer {
margin: 0
}
.docos-streamdocoview-inputcontainer {
background-color: #eff2f9;
-moz-border-radius: 0 0 6px 6px;
-webkit-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
padding: 6px 0 2px 6px;
position: relative;
zoom: 1
}
.docs-gm .docos-streamdocoview-inputcontainer {
background-color: white;
border: 1px solid #dadce0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding: 16px
}
.docs-gm.docos-xeditor .docos-streamdocoview-inputcontainer,
.docs-gm .docs-docos-activity-sidebar .docos-streamdocoview-inputcontainer {
background: inherit;
border: 1px solid transparent;
left: -40px;
margin: 0;
padding: 0;
width: 110%
}
.docos-docoview-resolved .docos-streamdocoview-inputcontainer {
background-color: #f6f6f6
}
.docs-gm .docos-docoview-resolved .docos-streamdocoview-inputcontainer {
background-color: white
}
.docs-gm.docos-xeditor .docos-docoview-resolved .docos-streamdocoview-inputcontainer,
.docs-gm .docs-docos-activity-sidebar .docos-docoview-resolved .docos-streamdocoview-inputcontainer {
background: inherit;
left: -40px;
width: 110%
}
.docs-gm.docos-xeditor .docos-streamdocoview-inputcontainer,
.docs-gm.docos-xeditor .docos-docoview-resolved .docos-streamdocoview-inputcontainer {
left: 0;
width: 100%
}
.docos-streamdocoview-details {
position: absolute;
right: 0;
top: 0
}
.docos-xeditor .docos-streamdocoview-details .docos-accept-suggestion,
.docos-xeditor .docos-streamdocoview-details .docos-reject-suggestion {
height: 28px;
margin: 0;
position: relative;
top: auto;
right: auto;
display: inline-block;
vertical-align: middle
}
.docos-streamdocoview.docos-docoview-resolved .docos-streamdocoview-details {
right: 4px
}
.docos-xeditor .docos-streamdocoview.docos-docoview-resolved .docos-streamdocoview-details {
right: 0
}
.docos-streamdocoview .docos-actionmenu-outer {
position: absolute;
right: -12px;
top: 3px
}
.docos-streamdocoview-reopen-control {
display: inline
}
.docos-streamdocoview-reopen-control>.docos-docoview-reopen {
font-family: Arial, sans-serif, sans;
font-family: var(--docs-material-header-font-family, Arial, sans-serif, sans);
font-size: 11px;
font-size: var(--docs-material-font-size-12, 11px);
font-weight: normal;
font-weight: var(--docs-material-font-weight-bold, normal);
color: #15c
}
.docos-streamdocoview-comment-control>.docos-docoview-comment,
.docos-streamdocoview-resolve-control>.docos-docoview-resolve {
color: #999;
line-height: 100%
}
.docos-streamdocoview-comment-control>.docos-docoview-comment:hover,
.docos-streamdocoview-reopen-control>.docos-docoview-reopen:hover,
.docos-streamdocoview-resolve-control>.docos-docoview-resolve:hover {
text-decoration: underline;
cursor: pointer
}
.docos-streamrootreplyview:hover .docos-docoview-comment,
.docos-streamrootreplyview:hover .docos-docoview-resolve,
.docos-docoview-active .docos-docoview-comment,
.docos-docoview-active .docos-docoview-resolve {
color: #15c
}
.docos-xeditor .docos-streamdocoview-header-container {
background-color: #f1f3f4;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
margin: -1px;
outline: none;
padding: 10px 16px;
position: relative
}
.docos-xeditor .docos-streamdocoview:hover .docos-streamdocoview-header-container {
background-color: #feefc3
}
.docos-xeditor .docos-streamdocoview.docos-docoview-active .docos-streamdocoview-header-container {
background-color: #fdd663
}
.docos-xeditor .docos-docoview-resolved.docos-streamdocoview.docos-docoview-active,
.docos-xeditor .docos-docoview-resolved.docos-streamdocoview .docos-streamdocoview-header-container {
background-color: #f1f3f4
}
.docos-xeditor .docos-docoview-resolved.docos-streamdocoview:hover .docos-streamdocoview-header-container,
.docos-xeditor .docos-docoview-resolved.docos-docoview-active.docos-streamdocoview .docos-streamdocoview-header-container {
background-color: #dadce0
}
.docos-xeditor .docos-streamdocoview-header-placeholder {}
.docos-xeditor .streamdocoview-header-quote-container {
display: inline-flex;
min-width: 0;
flex: 1
}
.docos-xeditor .streamdocoview-header-orphaned-quote {
display: none
}
.docos-xeditor .streamdocoview-header-orphaned-location {
color: #3c4043
}
.docos-xeditor .docos-docoview-active .streamdocoview-header-orphaned-location {
color: #202124;
font-weight: bold
}
.docos-xeditor .streamdocoview-orphaned-header,
.docos-xeditor .docos-docoview-active .streamdocoview-header-quote-expand .streamdocoview-header-orphaned-quote {
display: block;
width: 90%
}
.docos-xeditor .streamdocoview-header {
display: flex
}
.docos-xeditor .streamdocoview-header-expandable .streamdocoview-header {
width: 90%
}
.docos-xeditor .docos-docoview-active .streamdocoview-header-quote-expand .streamdocoview-header {
display: block
}
.docos-xeditor .docos-docoview-active .streamdocoview-header-quote-expand .streamdocoview-header div {
display: inline
}
.docos-xeditor .docos-docoview-active .streamdocoview-header-quote-expand .streamdocoview-header .streamdocoview-header-location {
overflow: hidden;
white-space: nowrap
}
.docos-xeditor .streamdocoview-header-quote-expand .streamdocoview-header .streamdocoview-header-quote {
overflow-wrap: break-word;
white-space: normal
}
.docos-xeditor .streamdocoview-header-divider-container {
display: inline-flex;
align-items: center
}
.docos-xeditor .streamdocoview-header-divider-container .streamdocoview-header-divider {
padding: 0 5px
}
.docos-xeditor .streamdocoview-header-location-container {
align-items: center;
display: inline-flex;
font-weight: 500;
min-width: 0
}
.docos-xeditor .streamdocoview-header-location-container.header-with-quote {
max-width: 50%
}
.docos-xeditor .streamdocoview-header .streamdocoview-header-quote,
.docos-xeditor .streamdocoview-header-location-container .streamdocoview-header-prefix-location {
line-height: 20px;
max-height: 20px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.docos-xeditor .streamdocoview-header-location-container .streamdocoview-header-prefix-divider {
margin-right: 5px
}
.docos-xeditor .streamdocoview-header-quote-buttons-container {
cursor: pointer;
display: none;
position: absolute;
right: 0px;
top: 4px
}
.docos-xeditor .streamdocoview-header-expandable .streamdocoview-header-quote-buttons-container {
display: block
}
.docos-xeditor .streamdocoview-header-expandable .streamdocoview-header-quote-collapse-button,
.docos-xeditor .streamdocoview-header-quote-expand.streamdocoview-header-expandable .streamdocoview-header-quote-expand-button {
display: none
}
.docos-xeditor .streamdocoview-header-quote-expand.streamdocoview-header-expandable .streamdocoview-header-quote-collapse-button {
display: block
}
.docs-grille-gm3 .docos-streamdocoview {
border-radius: 12px
}
.docs-grille-gm3 .docs-gm.docos-xeditor .docos-streamdocoview {
border: none;
outline: 1px solid #c7c7c7
}
.docs-grille-gm3 .docs-gm.docos-xeditor .docos-streamdocoview:hover,
.docs-grille-gm3 .docs-gm .docos-streamdocoview.docos-docoview-resolved:hover {
border: none;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 2px 6px 2px rgba(0, 0, 0, 0.15);
outline: none
}
.docs-grille-gm3 .docs-gm.docos.docos-xeditor .docos-streamdocoview.docos-docoview-active {
border: none;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);
outline: none
}
.docs-grille-gm3 .docos-xeditor .docos-streamdocoview.docos-docoview-resolved.docos-docoview-active,
.docs-grille-gm3 .docs-docos-activity-sidebar .docos .docos-streamdocoview.docos-docoview-resolved.docos-docoview-active {
background-color: #f2f2f2;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), 0 4px 8px 3px rgba(0, 0, 0, 0.15);
outline: none
}
.docs-grille-gm3 .streamdocoview-header,
.docs-grille-gm3 .streamdocoview-header-orphaned-location,
.docs-grille-gm3 .docos-stream-emoji-header-container,
.docs-grille-gm3 .docos-stream-emoji-header-container .docos-stream-emoji-quote-caption {
font: 500 12px/16px "Google Sans", Roboto, sans-serif
}
.docs-grille-gm3 .docos-xeditor .docos-streamdocoview-header-container,
.docs-grille-gm3 .docos-stream-emoji-header-container {
background: #f2f2f2;
border-top-left-radius: 11px;
border-top-right-radius: 11px;
margin: 0;
padding: 6px 16px
}
.docs-grille-gm3 .docos-streamdocoview:hover .docos-streamdocoview-header-container {
background: #fff0d1
}
.docs-grille-gm3 .docos-streamdocoview.docos-docoview-active .docos-streamdocoview-header-container {
background: #ffbb29
}
.docs-grille-gm3 .docos-xeditor .docos-streamdocoview.docos-docoview-resolved,
.docs-grille-gm3 .docos-xeditor .docos-streamdocoview.docos-docoview-resolved:hover {
background: #f2f2f2
}
.docs-grille-gm3 .docos-docoview-resolved.docos-streamdocoview:hover .docos-streamdocoview-header-container,
.docs-grille-gm3 .docos-docoview-resolved.docos-docoview-active.docos-streamdocoview .docos-streamdocoview-header-container {
background-color: #e3e3e3
}
.docs-grille-gm3 .docs-gm .docos-streamdocoview-content {
padding: 14px
}
.docs-grille-gm3 .docos-xeditor .docos-streamdocoview-content .docos-assigneeview {
border-radius: 11px 11px 0 0;
margin: 1px;
padding: 10px 16px
}
.docs-grille-gm3 .docos-xeditor .docos-streamdocoview-header-container+.docos-streamdocoview-content .docos-assigneeview {
border-radius: 0
}
.docs-grille-gm3 .docos-stream-emoji-details,
.docs-grille-gm3 .docos-streamdocoview-details {
opacity: 0;
transition: opacity 250ms cubic-bezier(0.4, 0, 0.2, 1)
}
.docs-grille-gm3 .docos-streamdocoview-details,
.docs-grille-gm3 .docos-streamdocoview-details div[role=button] {
align-items: center;
display: flex;
justify-content: center
}
.docs-grille-gm3 .docos-streamdocoview .docos-overflowmenu-outer,
.docs-grille-gm3 .docos-streamdocoview-details:focus-within,
.docs-grille-gm3 .docos-streamdocoview:hover .docos-streamdocoview-details,
.docs-grille-gm3 .docos-streamdocoview:focus .docos-streamdocoview-details,
.docs-grille-gm3 .docos-streamdocoview.docos-docoview-active .docos-streamdocoview-details,
.docs-grille-gm3 .docos-streamdocoview:hover .docos-stream-emoji-details,
.docs-grille-gm3 .docos-streamdocoview:focus .docos-stream-emoji-details,
.docs-grille-gm3 .docos-streamdocoview.docos-docoview-active .docos-stream-emoji-details {
opacity: 1
}
.docs-grille-gm3 .docs-gm .docos-streamdocoview-input-pane .docos-input-textarea {
border-radius: 18px;
padding: 8px 7px 8px 16px
}
.docs-grille-gm3 .docos-xeditor .streamdocoview-header-quote-buttons-container {
top: 0
}
.docs-grille-gm3 .streamdocoview-header-quote-buttons-container .docs-material-button {
border-radius: 100%;
display: flex;
height: 32px;
justify-content: center;
width: 32px
}
.docs-stream-emoji-container {
display: flex;
align-items: center
}
.docos-stream-emoji-reply-author {
margin: 0
}
.docos-stream-emoji-content .docos-stream-emoji-reply-author .docos-author {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 18px;
letter-spacing: 0.25px;
line-height: 20px;
margin: 0;
max-width: 80%
}
.docos-stream-emoji-reply-emoji {
height: 18px;
width: 18px;
margin-right: 10px
}
.docos-stream-emoji-reply-emoji.docos-stream-emoji-emoji-font-enabled {
font-family: 'Noto Color Emoji', Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 17px;
margin-top: -1px
}
.docos-stream-emoji-content {
padding-left: 40px
}
.docos-stream-emoji-subheading {
display: flex
}
.docos-emoji-view-avatar {
left: 16px
}
.docos-stream-emoji-header-container .docos-stream-emoji-quote-caption {
line-height: 20px;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-style: normal;
font-size: 14px
}
.docos-stream-emoji-header-container {
background-color: #f1f3f4;
display: flex;
flex-direction: row;
align-items: center;
padding: 10px 16px;
border-top-left-radius: 8px;
border-top-right-radius: 9px;
margin: -1px
}
.docos-stream-emoji-doco-view-action-container {
display: flex;
flex-direction: row;
position: relative;
padding-bottom: 15px
}
.docos-stream-emoji-origin {
color: #80868b;
font-size: 11px;
font-style: italic;
text-align: left;
white-space: pre-wrap
}
.stream-emoji-doco-view-header-divider {
padding: 0 5px
}
:not(docos-docoview-resolved) .docos-streamdocoview:hover .docos-stream-emoji-header-container {
background-color: #feefc3
}
:not(docos-docoview-resolved) .docos-streamdocoview.docos-docoview-active .docos-stream-emoji-header-container {
background-color: #fdd663
}
.docos-streamdocoview.docos-docoview-resolved.docos-docoview-active .docos-stream-emoji-header-container,
.docos-streamdocoview.docos-docoview-resolved:hover .docos-stream-emoji-header-container {
background-color: #dadce0
}
.docos-docoview-resolved.docos-streamdocoview.docos-docoview-active .docos-stream-emoji-doco-view,
.docos-docoview-resolved.docos-stream-emoji-doco-view {
background-color: #f1f3f4
}
.docos-stream-emoji-details {
position: absolute;
right: 0;
top: 0
}
.docos-docoview-resolved.docos-streamdocoview .docos-stream-emoji-doco-view .docos-stream-emoji-resolve-button {
display: none
}
.docos-streamdocoview .docos-stream-emoji-doco-view .docos-stream-emoji-resolve-button {
margin: 0 8px 0 0;
width: 28px;
height: 28px;
vertical-align: middle
}
.docos-overflowmenu-outer .goog-toolbar-menu-button-outer-box {
min-width: 14px
}
.docos-stream-emoji-doco-view-total-reacted {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 18px;
letter-spacing: 0.25px;
line-height: 20px
}
.docs-grille-gm3 .docos-stream-emoji-details {
display: flex
}
.docs-grille-gm3 .docos-streamdocoview .docos-stream-emoji-resolve-button {
align-items: center;
border-radius: 100%;
display: flex;
justify-content: center
}
.docs-grille-gm3 .docos-streamdocoview .docos-stream-emoji-resolve-button {
background: none;
border: 1px solid transparent !important;
border-radius: 100%;
height: 32px;
width: 32px
}
.docs-grille-gm3 .docos-streamdocoview .docos-stream-emoji-resolve-button.jfk-button-hover {
background: none;
border: 1px solid transparent !important;
border-radius: 100%;
height: 32px;
width: 32px;
background-color: rgba(68, 71, 70, .08)
}
.docs-grille-gm3 .docos-streamdocoview .docos-stream-emoji-resolve-button.jfk-button-focused {
background: none;
border: 1px solid transparent !important;
border-radius: 100%;
height: 32px;
width: 32px;
background-color: rgba(68, 71, 70, .12)
}
.docos-stream-emoji-reaction-container {}
.docos-stream-emoji-resolved-container {}
.docos-stream-emoji-quote {}
.docos-streampane .docos-input-button-row {
padding-bottom: 6px
}
.docos-streampane .docos-input-post {
margin: 0 4px 0 0
}
.docos-streampane .docos-input-cancel {
background: none
}
.docos-streampane-avatar,
.docos-default-filter-settings,
.docos-location-filter-settings,
.docos-streampane-all-filtered-out-state {}
.docos-streampane-container {
line-height: 140%;
outline: none
}
.docos-streampane-content {
position: relative
}
.docs-docos-activity-sidebar-content .docos-streampane-content {
position: static
}
.docos-streampane-notificationslink {
color: #15c;
cursor: pointer;
font-size: 12px;
position: absolute;
right: 0;
top: -3px
}
.docos-streampane-notificationslink:hover {
text-decoration: underline
}
.docos-offline .docos-streampane-notificationslink {
color: #999;
cursor: default
}
.docos-offline .docos-streampane-notificationslink:hover {
text-decoration: none
}
.docos-streampane-feedbacklink {
bottom: -10px;
color: #15c;
cursor: pointer;
font-size: 12px;
padding-right: 5px;
padding-top: 5px;
position: absolute;
right: 5px;
text-decoration: none
}
.docos-offline .docos-streampane-feedbacklink {
display: none
}
.docos-streampane-readonlytext {
color: #333;
padding: 12px 0 12px 20px
}
.docos-streampane-bannertext {
background-color: #fef7e0;
border-top: 1px solid #dadce0;
border-bottom: 1px solid #dadce0;
color: #5f6368;
font-weight: 500;
padding: 12px 20px 12px 20px;
position: relative
}
.docos-streampane-bannerlink,
.docos-streampane-bannerlink:visited {
color: #1a73e8;
font-weight: 400;
margin-left: 8px
}
.docs-gm .docos-streampane-bannertext {
border-top: 0px;
box-sizing: border-box;
height: 62px
}
.docos-streampane-entryarea {
margin: 6px 29px 10px 20px;
position: relative;
zoom: 1
}
.docos-streampane-entryarea-content {
margin-left: 61px;
position: relative;
zoom: 1
}
.docos-streampane-username {
font-size: 12px;
font-weight: 700;
font-weight: var(--docs-material-font-weight-bold, 700);
margin-bottom: 3px;
top: -3px
}
.docos-streampane-title {
font-size: 1.2em;
margin: 20px 5px 2px
}
.docos-streampane-input-pane {
top: -4px
}
.docos-streampane-input-pane .docos-input-post {
font-weight: 700;
font-weight: var(--docs-material-font-weight-bold, 700)
}
.docos-streampane-input-pane .docos-input-textarea {
font-size: 12px;
height: 30px
}
.docos-streamdocoview-inputcontainer .docos-input-at-reply-message,
.docos-streamdocoview-inputcontainer .docos-input-acl-fixer-message,
.docos-streamdocoview-inputcontainer .docos-input-assignment-message,
.docos-streamdocoview-inputcontainer .docos-input-static-message {
color: #777;
line-height: normal;
margin-top: 8px
}
.docos-streampane-error {
background-color: #dd4b39;
border: 1px solid #602019;
border-radius: 4px;
color: #fff;
margin: 6px;
padding: 6px;
text-align: center
}
.docos-streampane-header {
align-items: center;
display: flex;
background-color: #f5f5f5;
max-height: 52px;
overflow: hidden;
padding: 10px 29px 10px 20px
}
.docs-gm .docos-streampane-header {
background-color: white;
border-bottom: 1px solid #dadce0
}
.docs-gm .docos-streampane-header-round-top-corners {
border-radius: 8px 8px 0 0
}
.docs-docos-activity-sidebar .docs-gm .docos-streampane-header {
padding: 12px
}
.docs-gm.docos-xeditor .docos-search-button,
.docs-gm.docos-xeditor .docos-subscription-settings-button,
.docs-gm .docs-docos-activity-sidebar .docos-subscription-settings-button {
margin-right: 4px;
width: 40px
}
.docs-gm.docos-xeditor .docos-search-button .docs-material-button,
.docs-gm.docos-xeditor .docos-subscription-settings-button .docs-material-button,
.docs-gm .docs-docos-activity-sidebar .docos-subscription-settings-button .docs-material-button {
border-radius: 50%;
height: 40px;
margin: 0;
padding: 4px;
width: 40px
}
.docs-gm.docos-xeditor .docos-search-button .docs-material-button.docs-material-button-focused,
.docs-gm.docos-xeditor .docos-subscription-settings-button .docs-material-button.docs-material-button-focused,
.docs-gm .docs-docos-activity-sidebar .docos-subscription-settings-button .docs-material-button.docs-material-button-focused {
line-height: 32px;
outline: none
}
.docos-search-button .docs-material-button-hover.docs-material-button-flat-default,
.docos-search-button .docs-material-button-focused.docs-material-button-flat-default,
.docos-search-button .docs-material-button-active.docs-material-button-flat-default,
.docos-subscription-settings-button .docs-material-button-hover.docs-material-button-flat-default,
.docos-subscription-settings-button .docs-material-button-focused.docs-material-button-flat-default,
.docos-subscription-settings-button .docs-material-button-active.docs-material-button-flat-default {
background-color: #e8eaed;
border: none
}
.docs-gm.docos-xeditor .docos-search-button .docs-material-button-content {
top: 5px
}
.docs-gm.docos-xeditor .docos-new-comment-button,
.docs-gm .docs-docos-activity-sidebar .docos-new-comment-button {
align-items: center;
background-color: transparent;
border-radius: 50%;
display: flex;
height: 32px;
justify-content: center;
margin: 0;
min-width: 32px
}
.docs-gm.docos-xeditor .docos-new-comment-button,
.docs-gm .docs-docos-activity-sidebar .docos-new-comment-button {
padding: 4px
}
.docos-streampane-content .docos-comment-text {
display: inline-block;
float: left
}
.docos-xeditor .docos-comment-title-container {
align-items: center;
display: flex;
margin-right: auto;
order: -1
}
.docos-xeditor .docos-streampane-content .docos-comment-text.docos-comment-header-title {
color: #202124;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 16px;
font-weight: 500;
line-height: 24px
}
.docos-streampane-header .docos-filter-settings {
padding: 0 0 0 10px
}
.docs-docos-activity-sidebar .docos-streampane-header .docos-filter-settings {
padding: 0;
width: 160px
}
.docos-streampane-header .goog-flat-menu-button,
.docos-streampane-header .jfk-button {
border-color: transparent;
background-color: transparent;
background-image: none
}
.docos-streampane-header .goog-flat-menu-button-hover,
.docos-streampane-header .goog-flat-menu-button-active,
.docos-streampane-header .goog-flat-menu-button-open,
.docos-streampane-header .goog-flat-menu-button-focused,
.docos-streampane-header .jfk-button-hover,
.docos-streampane-header .jfk-button-active,
.docos-streampane-header .jfk-button-focused {
border-color: #c6c6c6;
background-color: #f8f8f8;
background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
background-image: linear-gradient(top, #f8f8f8, #f1f1f1)
}
.docos-streampane-header .goog-flat-menu-button-dropdown {
visibility: hidden
}
.docos-streampane-header .goog-flat-menu-button-hover .goog-flat-menu-button-dropdown,
.docos-streampane-header .goog-flat-menu-button-active .goog-flat-menu-button-dropdown,
.docos-streampane-header .goog-flat-menu-button-open .goog-flat-menu-button-dropdown,
.docos-streampane-header .goog-flat-menu-button-focused .goog-flat-menu-button-dropdown {
visibility: visible
}
.docos-streampane-header .goog-flat-menu-button-disabled .docos-ns-caption-icon {
opacity: 0.3
}
.docs-gm.docos-xeditor .docos-ns-caption,
.docs-gm .docs-docos-activity-sidebar .docos-ns-caption {
align-items: center;
display: flex
}
.docs-gm.docos-xeditor .docos-ns-caption-icon,
.docs-gm .docs-docos-activity-sidebar .docos-ns-caption-icon {
margin: 0
}
.docos-streampane-header .jfk-button-disabled .docos-new-comment-icon {
opacity: 0.15
}
.docos-streampane-searchbar-container {
align-items: center;
border-bottom: 1px solid #dadce0;
box-sizing: border-box;
display: none;
justify-content: space-between;
max-height: 0;
overflow: hidden;
padding: 0 20px;
transition: max-height .3s ease-in-out, padding .3s ease-in-out;
width: 100%
}
.docos-streampane-searchbar-open {
display: flex
}
.docos-streampane-searchbar-expanded {
max-height: 100px;
padding: 10px 20px
}
.docos-streampane-searchbar {
width: 75%
}
.docos-streampane-searchbar .docos-streampane-search-input {
border: 1px solid #bdc1c6;
border-radius: 8px;
box-sizing: border-box;
height: auto;
padding: 8px 10px;
width: 100%
}
.docos-streampane-searchbar .docos-streampane-search-input:focus {
border-color: #4d90fe
}
.docos-streampane-searchbar-close-button {
margin-right: 8px
}
.docos-streampane-searchbar-close-button .docs-material-button-flat-default.docs-material-button-hover {
background-color: transparent
}
.docos-streampane-searchbar-close-button .docs-material-button-ripple-element {
display: none
}
.docos-streampane-searchbar-close-icon-size {
width: 18px;
height: 18px;
margin: 1px 2px 2px 1px
}
.docs-icon.docs-material.docos-streampane-subscription-settings-icon-size {
width: 24px;
height: 24px;
margin: 1px 2px 2px 1px
}
.docos-enable-docs-header .docos-stream-view {
position: relative;
overflow: auto
}
.docos-enable-docs-header .docos-stream-view-height {
max-height: 369px
}
.docos-enable-docs-header:not(.docs-gm) .docos-stream-view>.docos-streamdocoview:first-child {
border-top-color: transparent
}
.docs-docos-activity-sidebar-content .docos-stream-view {
bottom: 1px;
max-height: none;
overflow-x: hidden;
overflow-y: auto;
position: absolute;
top: calc(56px + 52px + 8px);
width: 100%
}
.docs-docos-activity-sidebar-content .docos-readonly.docos-stream-view {
margin-top: 40px
}
.docs-docos-activity-sidebar-content .docos-stream-view.streamview-height-on-banner {
top: calc(56px + 52px + 62px)
}
.docos-new-comment-icon {
display: inline-block;
vertical-align: middle;
margin: 4px 5px 5px 2px;
opacity: 0.65
}
.docs-gm .docos-new-comment-icon {
opacity: 1
}
.docs-gm .docos-new-comment-button {
box-shadow: none;
background-color: white;
background-image: none;
cursor: pointer;
border-color: transparent !important;
border-radius: 2px;
border-width: 1px;
border: none;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 16px;
padding-bottom: 1px;
padding-left: 6px;
padding-right: 6px;
padding-top: 2px
}
.docs-gm.docos-xeditor .docos-new-comment-button,
.docs-gm .docs-docos-activity-sidebar .docos-new-comment-button {
background-color: transparent;
color: transparent
}
.docs-gm.docos-xeditor .docos-new-comment-button.jfk-button-hover,
.docs-gm.docos-xeditor .docos-new-comment-button.jfk-button-focused,
.docs-gm .docs-docos-activity-sidebar .docos-new-comment-button.jfk-button-hover,
.docs-gm .docs-docos-activity-sidebar .docos-new-comment-button.jfk-button-focused {
background-color: #e8eaed;
border-radius: 50%
}
.docs-gm .docos-new-comment-button.jfk-button-hover,
.docs-gm .docos-new-comment-button.jfk-button-focused {
box-shadow: none;
background-color: #e6f4ea;
background-image: none;
cursor: pointer;
border-color: transparent !important;
border-radius: 2px;
border-width: 1px
}
.docs-gm.docos-xeditor .docos-new-comment-button.jfk-button-hover,
.docs-gm .docs-docos-activity-sidebar .docos-new-comment-button.jfk-button-hover {
background-color: #f1f3f4;
border-radius: 50%
}
.docs-gm.docos-xeditor .docos-new-comment-button.jfk-button-focused,
.docs-gm .docs-docos-activity-sidebar .docos-new-comment-button.jfk-button-focused {
background-color: #e8eaed;
border-radius: 50%
}
.docs-gm .docos-new-comment-button.jfk-button-active {
box-shadow: none;
background-color: #ceead6;
background-image: none;
cursor: pointer;
border-color: transparent !important;
border-radius: 2px;
border-width: 1px
}
.docs-gm.docos-xeditor .docos-new-comment-button.jfk-button-active,
.docs-gm .docs-docos-activity-sidebar .docos-new-comment-button.jfk-button-active {
background-color: #e8eaed;
outline: none
}
.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default,
.docs-gm .docos-streampane-content .docos-comment-text {
align-items: center;
color: #3c4043;
font-family: Google Sans;
font-size: 14px;
font-weight: 500;
line-height: 28px;
text-transform: none
}
.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default {
align-items: center;
border: 1px solid #dadce0;
border-radius: 24px;
color: #5f6368;
display: flex
}
.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default.filter-applied {
background-color: #e6f4ea;
border: none;
color: #188038
}
.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default.filter-applied .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default.filter-applied .docs-icon {
display: inline-block;
margin-bottom: 4px;
margin-right: 0
}
.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default .docs-icon {
display: none
}
.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-caption {
margin-left: 4px
}
.docs-gm .docs-docos-activity-sidebar .docos-filter-settings .docs-material-menu-button-flat-default-caption {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100px
}
.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-active,
.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-focused,
.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-hover {
color: #202124
}
.docs-gm .docos-filter-settings .filter-applied.docs-material-menu-button-flat-default-active,
.docs-gm .docos-filter-settings .filter-applied.docs-material-menu-button-flat-default-focused,
.docs-gm .docos-filter-settings .filter-applied.docs-material-menu-button-flat-default-hover {
color: #0d652d
}
.docs-gm .docos-filter-settings .filter-applied.docs-material-menu-button-flat-default-hover {
background-color: #f8fcf9
}
.docs-gm .docos-filter-settings .filter-applied.docs-material-menu-button-flat-default-focused {
background-color: #e7f5eb
}
.docs-gm .docos-filter-settings .filter-applied.docs-material-menu-button-flat-default-active {
background-color: #dff2e4
}
.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-hover {
background: rgba(60, 64, 67, 0.04)
}
.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-focused {
background: rgba(60, 64, 67, 0.12);
border: 1px solid #202124
}
.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-active {
background: rgba(60, 64, 67, 0.16);
border: 1px solid #dadce0
}
.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-dropdown-icon {
fill: #5f6368
}
.docs-gm .docos-filter-settings .filter-applied .docs-material-menu-button-flat-default-dropdown-icon {
fill: #188038
}
.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-focused .docs-material-menu-button-flat-default-dropdown-icon,
.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-active .docs-material-menu-button-flat-default-dropdown-icon,
.docs-gm .docos-filter-settings .docs-material-menu-button-flat-default-hover .docs-material-menu-button-flat-default-dropdown-icon {
fill: #202124
}
.docs-gm .docos-filter-settings .filter-applied.docs-material-menu-button-flat-default-focused .docs-material-menu-button-flat-default-dropdown-icon,
.docs-gm .docos-filter-settings .filter-applied.docs-material-menu-button-flat-default-active .docs-material-menu-button-flat-default-dropdown-icon,
.docs-gm .docos-filter-settings .filter-applied.docs-material-menu-button-flat-default-hover .docs-material-menu-button-flat-default-dropdown-icon {
fill: #0d652d
}
.docos-filter-settings-hc-gecko.docs-material-menu-button-flat-default-focused {
filter: invert(100%)
}
.docos-filter-settings-hc-gecko.docs-material-menu-button-flat-default {
outline: 1px solid transparent
}
.docos-streampane-content .docos-comment-text {
padding: 2px 0
}
.docs-gm .docos-new-comment-button.jfk-button-disabled {
background-color: white;
color: #f1f3f4;
cursor: default
}
.docs-gm .docos-streampane-container .streampane-dragger {
cursor: grab;
border-color: #e8eaed;
border-style: solid;
border-width: 1px 0 0 0;
height: 8px;
width: 100%
}
.docs-gm .docos-streampane-container .streampane-dragger-icon {
height: 4px;
margin: 2px auto 0;
width: 20px
}
.docs-gm .docos-streampane-container .streampane-dragger:hover {
background-color: #e8eaed;
cursor: grab
}
.docos-streampane-all-filtered-out-state-content {
color: #80868b;
padding-top: 24px;
text-align: center
}
.docos-xeditor {}
.docos-ns-caption-icon {
display: inline-block;
vertical-align: middle;
margin: 4px 5px 5px 2px
}
.docs-gm .docos-ns-caption-icon {
margin-left: 0
}
.docos-gm-notification-icon-path,
.docos-new-comment-icon-path {
fill: #188038
}
.docs-gm.docos-xeditor .docos-gm-notification-icon-path,
.docs-gm.docos-xeditor .docos-search-comments-icon-path,
.docs-gm.docos-xeditor .docos-new-comment-icon-path,
.docs-gm .docs-docos-activity-sidebar .docos-gm-notification-icon-path,
.docs-gm .docs-docos-activity-sidebar .docos-search-comments-icon-path,
.docs-gm .docs-docos-activity-sidebar .docos-new-comment-icon-path {
fill: #5f6368
}
.jfk-button-disabled .docos-new-comment-icon-path {
fill: #f1f3f4
}
.docos-ns-caption {
text-align: left
}
.docs-gm .docos-ns-caption {
height: 27px
}
.docos-ns-caption-text {
display: inline-block;
height: 17px
}
.docs-gm .docos-ns-caption-text {
line-height: 16px;
height: 16px
}
.docos-ns-caption-placeholder {
visibility: hidden
}
.docos-streampane-zero-state {
align-items: center;
background-color: #fff;
bottom: 1px;
display: flex;
flex-direction: column;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
justify-content: space-between;
max-height: none;
position: absolute;
text-align: center;
top: calc(56px + 52px + 8px);
width: 100%
}
.docos-streampane-zero-state-header-image {
height: 200px;
margin-top: 2vh;
width: 300px
}
.docos-streampane-zero-state-content-add-comment {
margin-bottom: 16px
}
.docos-streampane-zero-state-content-add-comment {
color: #3c4043;
font-size: 14px;
font-weight: 400;
letter-spacing: 0.2px;
line-height: 20px;
width: 158px
}
.docos-streampane-zero-state-add-comment-button.docs-material-button-fill-primary.docs-material-button {
text-transform: none
}
.docos-streampane-zero-state-footer {
letter-spacing: 0.2px;
font-size: 12px
}
.docos-streampane-zero-state-footer-edu {
color: #80868b;
font-weight: 500;
line-height: 18px;
margin-bottom: 2px
}
.docos-streampane-zero-state-footer-edu-explained {
color: #80868b;
font-weight: 400;
font-size: 12px;
line-height: 18px;
width: 191px
}
.docos-streamreplyview {
background-color: #eff2f9;
color: #666;
font-size: 12px;
padding: 6px 6px 0 6px;
position: relative;
margin-bottom: 3px;
min-height: 24px
}
.docos-streamreplyview,
.docos-streamrootreplyview {
outline: none
}
.docs-gm .docos-streamreplyview {
background-color: white;
border: 1px solid #dadce0;
border-radius: 4px;
font-size: 14px;
margin-bottom: 8px;
padding: 16px
}
.docs-gm.docos-xeditor .docos-streamreplyview,
.docs-gm .docs-docos-activity-sidebar .docos-streamreplyview {
background: inherit;
border: 1px solid transparent;
left: -40px;
margin: 0;
padding: 8px 0;
width: 110%
}
.docs-gm.docos-xeditor .docos-streamreplyview {
left: 0;
width: 100%
}
.docs-gm.docos-xeditor .docos-streamrootreplyview-content {
padding-left: 40px;
position: relative
}
.docos-docoview-resolved .docos-streamreplyview {
background-color: #f6f6f6
}
.docs-gm .docos-docoview-resolved .docos-streamreplyview {
background-color: white
}
.docs-gm.docos-xeditor .docos-docoview-resolved .docos-streamreplyview,
.docs-gm .docs-docos-activity-sidebar .docos-docoview-resolved .docos-streamreplyview {
background: inherit
}
.docos-streamreplyview-avatar {
left: 6px
}
.docs-gm .docos-streamreplyview-avatar {
left: 16px
}
.docs-gm.docos-xeditor .docos-streamreplyview-avatar,
.docs-gm .docs-docos-activity-sidebar .docos-streamreplyview-avatar {
left: 0
}
.docs-gm.docos-xeditor .docos-streamrootreplyview-content {
padding-left: 40px
}
.docos-streamreplyview-content {
padding-left: 30px
}
.docs-gm .docos-streamreplyview-content {
padding-left: 40px
}
.docos-streamreplyview-author {
color: black;
font-weight: 700;
font-weight: var(--docs-material-font-weight-bold, 700)
}
.docos:not(.docs-gm) .docos-streamreplyview-author {
left: -2px;
margin: 0 4px;
right: -2px
}
.docs-gm .badging-enabled-doco .docos-streamreplyview-author {
-webkit-align-items: center;
align-items: center;
display: -webkit-inline-box;
display: -moz-inline-box;
display: -ms-inline-flexbox;
display: -webkit-inline-flex;
display: inline-flex;
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row
}
.docs-gm .docos-streamreplyview-author {
color: #3c4043;
letter-spacing: 0.25px;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
line-height: 20px;
padding-right: 8px
}
.docs-gm .docos-streamreplyview .docos-new-tag {
-ms-flex: none;
-webkit-flex: none;
flex: none;
align-items: center;
background-color: #1a73e8;
border-radius: 9px;
color: white;
height: 16px;
justify-content: center;
margin: auto 0 auto 0;
overflow: hidden;
transform-origin: left;
transition: transform 0.2s ease-out, color 0.1s ease-in, border-radius 0.2s ease;
line-height: 16px
}
.docs-gm .docos-streamreplyview:not(:hover) .docos-new-tag {
border-radius: 50%;
color: white;
transform: scale(0.375);
width: 6px
}
.docs-gm .docos-streamreplyview span+.docos-new-tag {
margin-left: 4px
}
.docs-gm .docos-streamreplyview:not(:hover) .docos-new-message {
color: transparent
}
.docos-streamreplyview-body {
color: #333;
margin: 0;
top: -4px;
width: 100%;
word-wrap: break-word
}
.docos-streamreplyview-text,
.docos-streamreplyview-timestamp {
position: relative;
top: -3px
}
.docos-streamreplyview-text {
width: 100%
}
.docos-streamreplyview-origin {
padding-bottom: 4px;
font-style: italic
}
.docos-streamreplyview-origin,
.docos-streamreplyview-timestamp {
color: #999;
font-size: 11px;
white-space: pre
}
.docos-replyview-origin.docos-streamreplyview-origin {
white-space: pre-wrap
}
.docos-streamdocoview .docos-streamreplyview .docos-replyview-control {
display: inline;
top: -3px
}
.docos-streamreplyview-edit-pane .docos-input-textarea {
height: 23px
}
.docos-streamdocoview .docos-replyview-quote {
border-left: 1px solid #ccc;
font-style: italic;
font-size: 12px;
padding: 3px 10px 3px 10px;
position: relative;
zoom: 1;
word-wrap: break-word
}
.docs-gm .docos-streamdocoview .docos-replyview-quote {
margin: 8px 0;
padding: 0 8px 0 16px;
border-left-width: 3px
}
.docs-gm .docos-streamdocoview .docos-replyview-quote {
border-left-color: #188038
}
.docos-replyview-quote-caption {
font-size: 11px;
font-weight: normal;
font-weight: var(--docs-material-font-weight-bold, normal);
color: #999;
margin-right: 2px;
padding: 0
}
.docs-gm.docos-xeditor .docos-streamreplyview-avatar,
.docs-gm .docs-docos-activity-sidebar .docos-streamreplyview-avatar {
font-size: 12px;
overflow-wrap: break-word
}
.docs-gm .docos-replyview-quote-caption {
color: #3c4043;
letter-spacing: 0.8px;
line-height: 21px;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
text-transform: uppercase
}
.docos-replyview-quote-collapsed {
overflow: hidden;
height: 18px;
padding-left: 3px
}
.docs-gm .docos-replyview-quote-collapse {
height: 21px;
padding-left: 0
}
.docos-replyview-quote-expand {
background: #fff;
padding: 3px 5px 0 5px;
position: absolute;
right: 0;
top: 0
}
.docs-gm .docos-replyview-quote-expand {
padding: 0 5px 0 8px
}
.docos-replyview-quote-collapse,
.docos-replyview-quote-expand {
color: #15c;
visibility: hidden
}
.docs-gm .docos-replyview-quote-collapse,
.docs-gm .docos-replyview-quote-expand {
color: #1a73e8
}
.docos-docoview-active .docos-replyview-quote-collapse,
.docos-docoview-active .docos-replyview-quote-expand {
visibility: visible
}
.docos-docoview-active .docos-replyview-quote-expand {
background: #fffbe1
}
.docos-replyview-quote-collapse:hover,
.docos-replyview-quote-expand:hover {
cursor: pointer;
text-decoration: underline
}
.docos-streamrootreplyview .docos-action-text,
.docos-streamreplyview .docos-action-text {
color: #777;
font-style: italic;
word-wrap: break-word;
-ms-word-wrap: break-word;
overflow-wrap: break-word
}
.docs-gm .docos-streamrootreplyview .docos-action-text,
.docs-gm .docos-streamreplyview .docos-action-text {
color: #3c4043;
opacity: 0.7
}
.docos-streamrootreplyview .docos-action-text {
display: inline-block
}
.docos-streamdocoview-content .docos-input-assignment-panel {
margin-top: -5px
}
.docos-ssd-tooltip {
display: inline-block;
max-width: 35ch;
text-align: center
}
.docos-ssd-content {
box-sizing: border-box;
text-align: left;
width: 330px
}
.docos-ssd-content.goog-menu {
border-radius: 8px;
white-space: normal
}
.docos-ssd-content .docs-callout {
margin-bottom: 12px
}
.docos-ssd-content [role="heading"] {
color: #202124;
font: 400 18px/24px "Google Sans", sans-serif;
margin-bottom: 20px
}
.docos-ssd-content p {
color: #5f6368;
font: 500 11px/16px Roboto, sans-serif;
letter-spacing: 0.8px;
margin-bottom: 16px;
text-transform: uppercase
}
.docos-ssd-radio-button-group .jfk-radiobutton {
padding: 0;
display: block
}
.docos-ssd-radio-button-group .jfk-radiobutton.jfk-radiobutton-disabled {
opacity: 0.38
}
.docos-ssd-radio-button-group .jfk-radiobutton+.jfk-radiobutton {
margin-top: 16px
}
.docos-ssd-content .docos-ssd-radio-button-group .jfk-radiobutton .jfk-radiobutton-radio {
border: 2px solid #5f6368
}
.docos-ssd-radio-button-group .jfk-radiobutton-radio {
left: 3px;
top: 50%;
transform: translateY(-50%) scale(1.2)
}
.docos-ssd-radio-button-group .jfk-radiobutton-hover:not(.jfk-radiobutton-disabled) .jfk-radiobutton-radio {
cursor: pointer
}
.docos-ssd-radio-button-group .jfk-radiobutton-radio::before {
border-color: transparent;
border-radius: 50%;
border-style: solid;
border-width: 6px;
content: '';
height: 19px;
left: -10.5px;
position: absolute;
top: -10.5px;
transform: scale(0.8333);
width: 19px
}
.docos-ssd-radio-button-group :not(.jfk-radiobutton-disabled):not(.jfk-radiobutton-focused) .jfk-radiobutton-radio:hover::before {
border-color: rgba(0, 0, 0, .06)
}
.docos-ssd-radio-button-group .jfk-radiobutton-focused .jfk-radiobutton-radio::before {
border-color: #e6f4ea
}
.docos-ssd-content .docos-ssd-radio-button-group .jfk-radiobutton .jfk-radiobutton-radio {
height: 15px;
width: 15px
}
.docos-ssd-content .docos-ssd-radio-button-group .jfk-radiobutton-checked .jfk-radiobutton-radio {
border-color: #137333
}
.docos-ssd-content .docos-ssd-radio-button-group .jfk-radiobutton-checked.jfk-radiobutton .jfk-radiobutton-radio::after {
background-color: #137333;
border-color: #137333;
border-width: 2px;
height: 7px;
left: 2px;
margin: 0;
top: 2px;
width: 7px
}
.docos-ssd-radio-button-group .jfk-radiobutton .jfk-radiobutton-label {
margin-left: 36px
}
.docos-ssd-radio-button-group .jfk-radiobutton-label label {
color: #3c4043;
display: block;
font: 500 14px/24px "Google Sans", sans-serif;
letter-spacing: 0.1px
}
.docos-ssd-radio-button-group .jfk-radiobutton-checked .jfk-radiobutton-label label {
color: #137333
}
.docos-ssd-radio-button-group .jfk-radiobutton-label span {
color: #5f6368;
font: 400 12px/16px Roboto, sans-serif;
letter-spacing: 0.3px
}
.docos-ssd-content hr {
border: none;
border-top: 1px solid #bdc1c6;
margin: 16px 0
}
.docos-textarea {
margin: 0;
padding: 2px;
font-family: Arial, sans-serif, sans;
font-family: var(--docs-material-font-family, Arial, sans-serif, sans);
outline-width: 0 !important;
resize: none
}
.peoplekitComponentsListImplList {
list-style: none;
margin: 0;
padding: 0
}
.peoplekitComponentsListImplList:focus {
outline: none
}
.peoplekitComponentsContextmenuitemImplMenuItem {
background: #fff;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.peoplekitThemeDark .peoplekitComponentsContextmenuitemImplMenuItem {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(232, 234, 237, .08)), to(rgba(232, 234, 237, .08))), -webkit-gradient(linear, left bottom, left top, from(rgba(232, 234, 237, .08)), to(rgba(232, 234, 237, .08))), #202124;
background: -webkit-linear-gradient(bottom, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), -webkit-linear-gradient(bottom, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124;
background: linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124
}
.peoplekitComponentsContextmenuitemImplMenuItem.googleMaterialDefaultDensity {
font-family: Roboto, Arial, sans-serif;
line-height: 1.5rem;
font-size: 1rem;
letter-spacing: .00625em;
font-weight: 400;
height: 48px
}
.peoplekitComponentsContextmenuitemImplMenuItem.googleMaterialDefaultDensity .peoplekitComponentsContextmenuitemImplIcon {
height: 24px;
width: 24px;
margin-right: 16px
}
.peoplekitComponentsContextmenuitemImplMenuItem.workspaceMaterialComfortableDensity {
font-family: Roboto, Arial, sans-serif;
line-height: 1.25rem;
font-size: .875rem;
letter-spacing: .0142857143em;
font-weight: 400;
height: 32px
}
.peoplekitComponentsContextmenuitemImplMenuItem.workspaceMaterialComfortableDensity .peoplekitComponentsContextmenuitemImplIcon {
height: 20px;
width: 20px;
margin-right: 12px
}
.peoplekitComponentsContextmenuitemImplMenuItem.workspaceMaterialCompactDensity {
font-family: Roboto, Arial, sans-serif;
line-height: 1.25rem;
font-size: .875rem;
letter-spacing: .0142857143em;
font-weight: 400;
height: 32px
}
.peoplekitComponentsContextmenuitemImplMenuItem.workspaceMaterialCompactDensity .peoplekitComponentsContextmenuitemImplIcon {
height: 20px;
width: 20px;
margin-right: 12px
}
.peoplekitComponentsContextmenuitemImplMenuItem:hover {
background: rgba(10, 10, 10, .04)
}
.peoplekitThemeDark .peoplekitComponentsContextmenuitemImplMenuItem:hover {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(232, 234, 237, .19)), to(rgba(232, 234, 237, .19))), #202124;
background: -webkit-linear-gradient(bottom, rgba(232, 234, 237, .19), rgba(232, 234, 237, .19)), #202124;
background: linear-gradient(0deg, rgba(232, 234, 237, .19), rgba(232, 234, 237, .19)), #202124
}
.peoplekitComponentsContextmenuitemImplMenuItem.isActive {
background: rgba(10, 10, 10, .12);
outline: 3px solid transparent
}
.peoplekitThemeDark .peoplekitComponentsContextmenuitemImplMenuItem.isActive {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(232, 234, 237, .25)), to(rgba(232, 234, 237, .25))), #202124;
background: -webkit-linear-gradient(bottom, rgba(232, 234, 237, .25), rgba(232, 234, 237, .25)), #202124;
background: linear-gradient(0deg, rgba(232, 234, 237, .25), rgba(232, 234, 237, .25)), #202124
}
.peoplekitComponentsContextmenuitemImplRow {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
max-width: 450px;
padding-left: 12px;
padding-right: 12px
}
.peoplekitComponentsContextmenuitemImplLeft {
-webkit-box-flex: initial;
-webkit-flex: initial;
flex: initial
}
.peoplekitComponentsContextmenuitemImplCenter {
-webkit-box-flex: 1;
-webkit-flex: auto;
flex: auto;
overflow: hidden
}
.peoplekitComponentsContextmenuitemImplRight {
-webkit-box-flex: initial;
-webkit-flex: initial;
flex: initial
}
.peoplekitComponentsContextmenuitemImplIcon {
margin-left: 0
}
.peoplekitComponentsContextmenuitemImplLabel {
color: rgb(60, 64, 67);
text-overflow: ellipsis;
white-space: nowrap
}
.peoplekitThemeDark .peoplekitComponentsContextmenuitemImplLabel {
color: rgb(232, 234, 237)
}
.peoplekitComponentsContextmenuitemImplKeyboardShortcut {
color: rgb(95, 99, 104);
margin-left: 48px;
margin-right: 0;
white-space: nowrap
}
.peoplekitThemeDark .peoplekitComponentsContextmenuitemImplKeyboardShortcut {
color: rgb(218, 220, 224)
}
.peoplekitComponentsContextmenuImplMenu {
border-width: 0;
box-shadow: 0 1px 3px 0 rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15);
background: #fff;
border-radius: 4px;
outline: 1px solid transparent;
overflow: hidden;
padding-bottom: 8px;
padding-top: 8px;
position: absolute;
-webkit-user-select: none;
user-select: none;
z-index: 999999
}
.peoplekitComponentsContextmenuImplMenu .mdc-elevation-overlay {
opacity: 0
}
.peoplekitThemeDark .peoplekitComponentsContextmenuImplMenu {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(232, 234, 237, .08)), to(rgba(232, 234, 237, .08))), -webkit-gradient(linear, left bottom, left top, from(rgba(232, 234, 237, .08)), to(rgba(232, 234, 237, .08))), #202124;
background: -webkit-linear-gradient(bottom, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), -webkit-linear-gradient(bottom, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124;
background: linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124
}
.peoplekitComponentsResultlistitemResultListItem {
background: #fff;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
cursor: pointer
}
.peoplekitThemeDark .peoplekitComponentsResultlistitemResultListItem {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(232, 234, 237, .08)), to(rgba(232, 234, 237, .08))), #202124;
background: -webkit-linear-gradient(bottom, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124;
background: linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124
}
.peoplekitComponentsResultlistitemResultListItem.googleMaterialDefaultDensity {
height: 64px
}
.peoplekitComponentsResultlistitemResultListItem.googleMaterialDefaultDensity .peoplekitComponentsResultlistitemLabel {
font-family: Roboto, Arial, sans-serif;
line-height: 1.5rem;
font-size: 1rem;
letter-spacing: .00625em;
font-weight: 400
}
.peoplekitComponentsResultlistitemResultListItem.googleMaterialDefaultDensity .peoplekitComponentsResultlistitemSublabel {
font-family: Roboto, Arial, sans-serif;
line-height: 1.25rem;
font-size: .875rem;
letter-spacing: .0142857143em;
font-weight: 400
}
.peoplekitComponentsResultlistitemResultListItem.googleMaterialDefaultDensity .peoplekitComponentsResultlistitemWhiteCheckSvg {
width: 24px;
height: 24px
}
.peoplekitComponentsResultlistitemResultListItem.googleMaterialDefaultDensity .peoplekitComponentsResultlistitemMetaIcon {
width: 25px;
height: 25px
}
.peoplekitComponentsResultlistitemResultListItem.googleMaterialDefaultDensity .peoplekitComponentsResultlistitemResultListItemRow {
padding-left: 16px;
padding-right: 16px
}
.peoplekitComponentsResultlistitemResultListItem.workspaceMaterialComfortableDensity {
height: 52px
}
.peoplekitComponentsResultlistitemResultListItem.workspaceMaterialComfortableDensity .peoplekitComponentsResultlistitemLabel {
font-family: Roboto, Arial, sans-serif;
font-size: .875rem;
letter-spacing: .0142857143em;
font-weight: 400;
line-height: 1.25rem
}
.peoplekitComponentsResultlistitemResultListItem.workspaceMaterialComfortableDensity .peoplekitComponentsResultlistitemSublabel {
font-family: Roboto, Arial, sans-serif;
font-size: .75rem;
letter-spacing: .025em;
font-weight: 400;
line-height: 1rem
}
.peoplekitComponentsResultlistitemResultListItem.workspaceMaterialComfortableDensity .peoplekitComponentsResultlistitemWhiteCheckSvg {
width: 19px;
height: 19px
}
.peoplekitComponentsResultlistitemResultListItem.workspaceMaterialComfortableDensity .peoplekitComponentsResultlistitemMetaIcon {
width: 20px;
height: 20px
}
.peoplekitComponentsResultlistitemResultListItem.workspaceMaterialComfortableDensity .peoplekitComponentsResultlistitemResultListItemRow {
padding-left: 12px;
padding-right: 12px
}
.peoplekitComponentsResultlistitemResultListItem.workspaceMaterialCompactDensity {
height: 44px
}
.peoplekitComponentsResultlistitemResultListItem.workspaceMaterialCompactDensity .peoplekitComponentsResultlistitemLabel {
font-family: Roboto, Arial, sans-serif;
line-height: 1.25rem;
font-size: .875rem;
letter-spacing: .0142857143em;
font-weight: 400;
line-height: 1.125
}
.peoplekitComponentsResultlistitemResultListItem.workspaceMaterialCompactDensity .peoplekitComponentsResultlistitemSublabel {
font-family: Roboto, Arial, sans-serif;
line-height: 1rem;
font-size: .75rem;
letter-spacing: .025em;
font-weight: 400;
line-height: .875rem
}
.peoplekitComponentsResultlistitemResultListItem.workspaceMaterialCompactDensity .peoplekitComponentsResultlistitemWhiteCheckSvg {
width: 17px;
height: 17px
}
.peoplekitComponentsResultlistitemResultListItem.workspaceMaterialCompactDensity .peoplekitComponentsResultlistitemMetaIcon {
width: 20px;
height: 20px
}
.peoplekitComponentsResultlistitemResultListItem.workspaceMaterialCompactDensity .peoplekitComponentsResultlistitemResultListItemRow {
padding-left: 12px;
padding-right: 12px
}
.peoplekitComponentsResultlistitemResultListItem.isDisabled {
cursor: default
}
.peoplekitComponentsResultlistitemResultListItem.isDisabled .peoplekitComponentsResultlistitemLabel,
.peoplekitComponentsResultlistitemResultListItem.isDisabled .peoplekitComponentsResultlistitemSublabelText {
color: rgb(60, 64, 67);
opacity: .38
}
.peoplekitThemeDark .peoplekitComponentsResultlistitemResultListItem.isDisabled .peoplekitComponentsResultlistitemLabel,
.peoplekitThemeDark .peoplekitComponentsResultlistitemResultListItem.isDisabled .peoplekitComponentsResultlistitemSublabelText {
color: rgb(232, 234, 237)
}
.peoplekitComponentsResultlistitemResultListItem.isDisabled .peoplekitComponentsResultlistitemAvatar {
opacity: .5
}
.peoplekitComponentsResultlistitemResultListItem.isSelected .peoplekitComponentsResultlistitemAvatarSelectionOverlay {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1)
}
.peoplekitComponentsResultlistitemResultListItem:hover {
background: rgba(10, 10, 10, .04)
}
.peoplekitThemeDark .peoplekitComponentsResultlistitemResultListItem:hover {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(232, 234, 237, .14)), to(rgba(232, 234, 237, .14))), #202124;
background: -webkit-linear-gradient(bottom, rgba(232, 234, 237, .14), rgba(232, 234, 237, .14)), #202124;
background: linear-gradient(0deg, rgba(232, 234, 237, .14), rgba(232, 234, 237, .14)), #202124
}
.peoplekitComponentsResultlistitemResultListItem.isActive {
background: rgba(10, 10, 10, .12);
outline: 3px solid transparent;
outline-offset: -3px
}
.peoplekitThemeDark .peoplekitComponentsResultlistitemResultListItem.isActive {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(232, 234, 237, .19)), to(rgba(232, 234, 237, .19))), #202124;
background: -webkit-linear-gradient(bottom, rgba(232, 234, 237, .19), rgba(232, 234, 237, .19)), #202124;
background: linear-gradient(0deg, rgba(232, 234, 237, .19), rgba(232, 234, 237, .19)), #202124
}
.peoplekitComponentsResultlistitemResultListItem.isOutOfOffice {
background-color: papayawhip
}
.peoplekitComponentsResultlistitemResultListItemRow {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap
}
.peoplekitComponentsResultlistitemLeft {
-webkit-box-flex: initial;
-webkit-flex: initial;
flex: initial
}
.peoplekitComponentsResultlistitemCenter {
-webkit-box-flex: 1;
-webkit-flex: auto;
flex: auto;
overflow: hidden
}
.peoplekitComponentsResultlistitemRight {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex;
-webkit-box-flex: initial;
-webkit-flex: initial;
flex: initial
}
.peoplekitComponentsResultlistitemLabelContainer {
-webkit-align-content: flex-start;
align-content: flex-start;
-webkit-box-align: start;
-webkit-align-items: flex-start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column nowrap;
flex-flow: column nowrap;
margin-left: 12px;
margin-right: 0
}
.peoplekitComponentsResultlistitemLabelRow {
-webkit-box-flex: initial;
-webkit-flex: initial;
flex: initial;
width: 100%
}
.peoplekitComponentsResultlistitemLabel {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.peoplekitComponentsResultlistitemLabelText {
color: rgb(60, 64, 67);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.peoplekitThemeDark .peoplekitComponentsResultlistitemLabelText {
color: rgb(232, 234, 237)
}
.peoplekitComponentsResultlistitemTags {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center
}
.peoplekitComponentsResultlistitemSublabel {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.peoplekitComponentsResultlistitemSublabelText {
color: rgb(95, 99, 104);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.peoplekitThemeDark .peoplekitComponentsResultlistitemSublabelText {
color: rgb(154, 160, 166)
}
.peoplekitComponentsResultlistitemAvatar {
position: relative
}
.peoplekitComponentsResultlistitemAvatarContainer {
height: inherit;
width: inherit;
position: relative
}
.peoplekitComponentsResultlistitemAvatarSelectionOverlay {
background-color: rgb(26, 115, 232);
border-radius: 50%;
height: 100%;
left: 0;
opacity: 0;
outline: 1px solid transparent;
position: absolute;
top: 0;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition: -webkit-transform .15s ease-out;
transition: -webkit-transform .15s ease-out;
transition: transform .15s ease-out;
transition: transform .15s ease-out, -webkit-transform .15s ease-out;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center
}
.peoplekitThemeDark .peoplekitComponentsResultlistitemAvatarSelectionOverlay {
background-color: rgb(138, 180, 248)
}
.peoplekitComponentsResultlistitemWhiteCheck {
fill: #fff;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: inline-flex
}
.peoplekitThemeDark .peoplekitComponentsResultlistitemWhiteCheck {
fill: rgb(32, 33, 36)
}
@media (forced-colors:active) {
.peoplekitComponentsResultlistitemWhiteCheck {
-webkit-filter: invert(1);
filter: invert(1)
}
}
.peoplekitComponentsResultlistitemOutOfOffice {
font-family: Roboto, Arial, sans-serif;
line-height: 1.25rem;
font-size: .875rem;
letter-spacing: .0142857143em;
font-weight: 400;
color: rgb(95, 99, 104);
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: none
}
.peoplekitComponentsResultlistitemMetaIcon {
margin-left: 16px;
margin-right: 4px
}
.peoplekitComponentsResultlistitemMetaIcon[src=""] {
display: none
}
.peoplekitComponentsAvatarImplAvatarContainer {
position: relative
}
.peoplekitComponentsAvatarImplAvatar {
border-radius: 50%;
outline: 1px solid transparent;
overflow: hidden
}
.peoplekitComponentsAvatarImplBadgeIconImage {
margin: auto;
display: block;
height: 100%;
width: 100%
}
.peoplekitComponentsAvatarImplAvatarBadge {
position: absolute;
bottom: 0;
right: 0;
display: none;
height: 30%;
width: 30%;
min-height: 30%;
min-width: 30%;
object-fit: cover;
overflow: hidden
}
.peoplekitComponentsAvatarImplAvatarBadge.visible {
display: inline
}
.isSelected .peoplekitComponentsAvatarImplAvatarBadge {
display: none
}
.peoplekitComponentsAvatarImplContainer {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
height: inherit;
width: inherit
}
.peoplekitComponentsAvatarImplColumn {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
overflow: hidden;
height: inherit;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
align-items: stretch
}
.peoplekitComponentsAvatarImplRow {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
overflow: hidden
}
.peoplekitComponentsAvatarImplDivider {
margin: 1px
}
.peoplekitComponentsAvatarImplImageRoot {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-flex: 1;
-webkit-flex: auto;
flex: auto;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
justify-items: center;
-webkit-transition: background 50ms ease-in-out;
transition: background 50ms ease-in-out
}
.peoplekitComponentsAvatarImplImageRoot.isLoading {
background-clip: padding-box;
background-color: rgb(189, 193, 198)
}
.peoplekitComponentsAvatarImplDefaultAvatarImage {
display: none
}
.isNotLoaded .peoplekitComponentsAvatarImplDefaultAvatarImage {
display: block;
fill: rgb(95, 99, 104)
}
.peoplekitThemeDark .isNotLoaded .peoplekitComponentsAvatarImplDefaultAvatarImage {
fill: rgb(154, 160, 166)
}
.peoplekitComponentsAvatarImplImage {
opacity: 1;
display: block;
-webkit-transition: opacity 50ms ease-in-out;
transition: opacity 50ms ease-in-out
}
.isLoading .peoplekitComponentsAvatarImplImage {
opacity: 0
}
.isNotLoaded .peoplekitComponentsAvatarImplImage {
display: none
}
.peoplekitComponentsTagTag {
background-color: rgb(241, 243, 244);
color: rgb(32, 33, 36);
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
margin-left: 8px;
border-radius: 4px;
outline: 1px solid transparent;
overflow: hidden
}
.peoplekitComponentsTagTag.isWarning {
background-color: rgb(251, 188, 4);
color: rgb(32, 33, 36)
}
.googleMaterialDefaultDensity .peoplekitComponentsTagTag {
height: 20px;
min-width: 20px
}
.workspaceMaterialComfortableDensity .peoplekitComponentsTagTag,
.workspaceMaterialCompactDensity .peoplekitComponentsTagTag {
height: 16px;
min-width: 16px
}
.googleMaterialDefaultDensity .peoplekitComponentsTagIcon {
width: 16px;
height: 16px;
margin-left: 2px
}
.workspaceMaterialComfortableDensity .peoplekitComponentsTagIcon,
.workspaceMaterialCompactDensity .peoplekitComponentsTagIcon {
width: 14px;
height: 14px;
margin-left: 1px
}
.peoplekitComponentsTagUnrollingAltText {
max-width: 0;
overflow: hidden;
-webkit-transition: max-width .3s;
transition: max-width .3s
}
.peoplekitComponentsTagTag:hover .peoplekitComponentsTagUnrollingAltText {
max-width: 1000px
}
.peoplekitComponentsTagText {
margin-left: 4px;
margin-right: 4px
}
.googleMaterialDefaultDensity .peoplekitComponentsTagText {
font-family: Roboto, Arial, sans-serif;
line-height: 1.25rem;
font-size: .875rem;
letter-spacing: .0178571429em;
font-weight: 500
}
.workspaceMaterialComfortableDensity .peoplekitComponentsTagText,
.workspaceMaterialCompactDensity .peoplekitComponentsTagText {
font-family: Roboto, Arial, sans-serif;
line-height: 1rem;
font-size: .75rem;
letter-spacing: .025em;
font-weight: 400
}
.peoplekitComponentsResultlistitemDisabledDisableReasonContainer {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: flex
}
.peoplekitComponentsResultlistitemDisabledTextIndicator {
font-family: Roboto, Arial, sans-serif;
line-height: 1.5rem;
font-size: 1rem;
letter-spacing: .00625em;
font-weight: 400;
color: rgb(95, 99, 104)
}
.peoplekitThemeDark .peoplekitComponentsResultlistitemDisabledTextIndicator {
color: #fff
}
.peoplekitComponentsResultlistitemDisabledIconIndicator {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
background-color: rgb(241, 243, 244);
border-radius: 50px;
width: 32px;
height: 32px;
margin-left: 16px;
margin-right: 4px
}
.peoplekitThemeDark .peoplekitComponentsResultlistitemDisabledIconIndicator {
background-color: rgba(241, 243, 244, .14)
}
.peoplekitComponentsResultlistitemDisabledSelectedIcon {
fill: rgb(95, 99, 104)
}
.peoplekitThemeDark .peoplekitComponentsResultlistitemDisabledSelectedIcon {
fill: rgb(232, 234, 237)
}
.peoplekitComponentsButtonIconIconButton {
background: none;
border: none;
border-radius: 50%;
cursor: pointer
}
.peoplekitComponentsButtonIconIconButton:hover {
background-color: rgb(218, 220, 224)
}
.peoplekitThemeDark .peoplekitComponentsButtonIconIconButton:hover {
background-color: rgb(95, 99, 104)
}
.peoplekitComponentsButtonIconIconButton:active {
background-color: rgb(189, 193, 198)
}
.peoplekitThemeDark .peoplekitComponentsButtonIconIconButton:active {
background-color: rgb(128, 134, 139)
}
.peoplekitComponentsButtonIconIconButton::-moz-focus-inner {
border: 0
}
.peoplekitComponentsButtonIconIconButton.isFocused {
background-color: rgb(218, 220, 224);
outline: 3px solid transparent
}
.peoplekitThemeDark .peoplekitComponentsButtonIconIconButton.isFocused {
background-color: rgb(95, 99, 104)
}
.peoplekitComponentsButtonIconIconButton.googleMaterialDefaultDensity {
height: 40px;
padding: 8px;
width: 40px
}
.peoplekitComponentsButtonIconIconButton.workspaceMaterialComfortableDensity {
height: 32px;
padding: 6px;
width: 32px
}
.peoplekitComponentsButtonIconIconButton.workspaceMaterialCompactDensity {
height: 28px;
padding: 5px;
width: 28px
}
.peoplekitComponentsTooltipImplTooltip {
font-family: Roboto, Arial, sans-serif;
line-height: 1rem;
font-size: .75rem;
letter-spacing: .025em;
font-weight: 400;
background-color: rgb(60, 64, 67);
color: rgb(241, 243, 244);
border-radius: 5px;
box-sizing: border-box;
line-height: 16px;
min-width: 40px;
max-width: 200px;
min-height: 24px;
max-height: 40vh;
overflow: hidden;
padding: 4px 8px;
position: fixed;
outline: 1px solid transparent;
text-align: center;
font-weight: bold;
width: -webkit-max-content;
width: max-content;
z-index: 9
}
.peoplekitThemeDark .peoplekitComponentsTooltipImplTooltip {
background-color: rgb(60, 64, 67);
color: rgb(232, 234, 237)
}
.peoplekitComponentsGroupingHeaderGroupingHeader {
background: #fff;
padding: 12px 16px
}
.peoplekitThemeDark .peoplekitComponentsGroupingHeaderGroupingHeader {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(232, 234, 237, .08)), to(rgba(232, 234, 237, .08))), #202124;
background: -webkit-linear-gradient(bottom, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124;
background: linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124
}
.peoplekitComponentsGroupingHeaderGroupingHeaderRow {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap
}
.peoplekitComponentsGroupingHeaderHeader {
color: rgb(95, 99, 104);
font-family: Roboto, Arial, sans-serif;
line-height: 1rem;
font-size: .6875rem;
letter-spacing: .0727272727em;
font-weight: 500;
text-transform: uppercase
}
.peoplekitThemeDark .peoplekitComponentsGroupingHeaderHeader {
color: rgb(241, 243, 244)
}
.peoplekitComponentsGroupingHeaderAction {
-webkit-box-flex: initial;
-webkit-flex: initial;
flex: initial;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
flex-grow: 1
}
.peoplekitComponentsGroupingHeaderActionRow {
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
justify-content: space-between
}
.peoplekitComponentsGroupingHeaderLeft,
.peoplekitComponentsGroupingHeaderRight {
-webkit-box-flex: initial;
-webkit-flex: initial;
flex: initial
}
.peoplekitUiResultlistHeader {
background: #fff;
color: rgb(95, 99, 104);
font-family: Roboto, Arial, sans-serif;
line-height: 1rem;
font-size: .6875rem;
letter-spacing: .0727272727em;
font-weight: 500;
text-transform: uppercase;
padding-bottom: 12px;
padding-left: 16px;
padding-top: 12px
}
.peoplekitThemeDark .peoplekitUiResultlistHeader {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(232, 234, 237, .08)), to(rgba(232, 234, 237, .08))), #202124;
background: -webkit-linear-gradient(bottom, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124;
background: linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124;
color: rgb(241, 243, 244)
}
.peoplekitComponentsAutocompleteInlineContainer {
background: #fff;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
overflow: hidden;
-webkit-user-select: none;
user-select: none
}
.peoplekitThemeDark .peoplekitComponentsAutocompleteInlineContainer {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(232, 234, 237, .08)), to(rgba(232, 234, 237, .08))), #202124;
background: -webkit-linear-gradient(bottom, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124;
background: linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124
}
.peoplekitComponentsAutocompleteInlineContainer.isLoading .peoplekitComponentsAutocompleteInlineListContainer,
.peoplekitComponentsAutocompleteInlineContainer.isLoading .peoplekitComponentsAutocompleteInlineNoResultsContainer {
display: none
}
.peoplekitComponentsAutocompleteInlineContainer.isLoading .peoplekitComponentsAutocompleteInlineCircularProgress {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
height: 100%
}
.peoplekitComponentsAutocompleteInlineContainer.isLoading .peoplekitComponentsAutocompleteInlineCircularProgress:before {
-webkit-box-flex: 1;
-webkit-flex: auto;
flex: auto
}
.peoplekitComponentsAutocompleteInlineContainer.isLoading .peoplekitComponentsAutocompleteInlineCircularProgress:after {
-webkit-box-flex: 1;
-webkit-flex: auto;
flex: auto
}
.peoplekitComponentsAutocompleteInlineContainer.noResults .peoplekitComponentsAutocompleteInlineListContainer,
.peoplekitComponentsAutocompleteInlineContainer.noResults .peoplekitComponentsAutocompleteInlineCircularProgress {
display: none
}
.peoplekitComponentsAutocompleteInlineContainer.noResults .peoplekitComponentsAutocompleteInlineNoResultsContainer {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
height: 100%;
overflow: auto
}
.peoplekitComponentsAutocompleteInlineListContainer {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
overflow: hidden
}
.peoplekitComponentsAutocompleteInlineCircularProgress,
.peoplekitComponentsAutocompleteInlineNoResultsContainer {
display: none
}
.peoplekitComponentsCircularprogressCircularProgress {
display: inline-block;
height: 40px;
position: relative;
width: 40px
}
.peoplekitComponentsCircularprogressMessageContainer {
height: 0;
overflow: hidden;
position: absolute;
width: 0
}
.peoplekitComponentsCircularprogressCircularProgressContainer {
width: 100%;
height: 100%
}
.peoplekitComponentsCircularprogressCircularProgress.isActive .peoplekitComponentsCircularprogressCircularProgressContainer {
-webkit-animation: circular-progress-container-rotate 1568ms linear infinite;
-webkit-animation: circular-progress-container-rotate 1568ms linear infinite;
animation: circular-progress-container-rotate 1568ms linear infinite
}
.peoplekitComponentsCircularprogressCircularProgressLayer {
height: 100%;
opacity: 0;
position: absolute;
width: 100%
}
.peoplekitComponentsCircularprogressColorOne {
border-color: #4285f4
}
.peoplekitComponentsCircularprogressColorTwo {
border-color: #ea4335
}
.peoplekitComponentsCircularprogressColorThree {
border-color: #fbbc04
}
.peoplekitComponentsCircularprogressColorFour {
border-color: #34a853
}
.peoplekitComponentsCircularprogressCircularProgress.isActive .peoplekitComponentsCircularprogressCircularProgressLayer.peoplekitComponentsCircularprogressColorOne {
-webkit-animation: circular-progress-fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, circular-progress-blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
-webkit-animation: circular-progress-fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, circular-progress-blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: circular-progress-fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, circular-progress-blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}
.peoplekitComponentsCircularprogressCircularProgress.isActive .peoplekitComponentsCircularprogressCircularProgressLayer.peoplekitComponentsCircularprogressColorTwo {
-webkit-animation: circular-progress-fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, circular-progress-red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
-webkit-animation: circular-progress-fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, circular-progress-red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: circular-progress-fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, circular-progress-red-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}
.peoplekitComponentsCircularprogressCircularProgress.isActive .peoplekitComponentsCircularprogressCircularProgressLayer.peoplekitComponentsCircularprogressColorThree {
-webkit-animation: circular-progress-fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, circular-progress-yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
-webkit-animation: circular-progress-fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, circular-progress-yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: circular-progress-fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, circular-progress-yellow-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}
.peoplekitComponentsCircularprogressCircularProgress.isActive .peoplekitComponentsCircularprogressCircularProgressLayer.peoplekitComponentsCircularprogressColorFour {
-webkit-animation: circular-progress-fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, circular-progress-green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
-webkit-animation: circular-progress-fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, circular-progress-green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: circular-progress-fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, circular-progress-green-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}
.peoplekitComponentsCircularprogressGapPatch {
position: absolute;
-webkit-box-sizing: border-box;
box-sizing: border-box;
top: 0;
left: 45%;
width: 10%;
height: 100%;
overflow: hidden;
border-color: inherit
}
.peoplekitComponentsCircularprogressGapPatch .peoplekitComponentsCircularprogressCircle {
width: 1000%;
left: -450%
}
.peoplekitComponentsCircularprogressCircleClipper {
display: inline-block;
position: relative;
width: 50%;
height: 100%;
overflow: hidden;
border-color: inherit
}
.peoplekitComponentsCircularprogressCircleClipper .peoplekitComponentsCircularprogressCircle {
width: 200%
}
.peoplekitComponentsCircularprogressCircle {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
border-width: 3px;
border-style: solid;
border-color: inherit;
border-bottom-color: transparent;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-animation: none;
-webkit-animation: none;
animation: none
}
.peoplekitComponentsCircularprogressCircleClipper.peoplekitComponentsCircularprogressLeft .peoplekitComponentsCircularprogressCircle {
border-right-color: transparent;
-webkit-transform: rotate(129deg);
-webkit-transform: rotate(129deg);
transform: rotate(129deg)
}
.peoplekitComponentsCircularprogressCircleClipper.peoplekitComponentsCircularprogressRight .peoplekitComponentsCircularprogressCircle {
left: -100%;
border-left-color: transparent;
-webkit-transform: rotate(-129deg);
-webkit-transform: rotate(-129deg);
transform: rotate(-129deg)
}
.peoplekitComponentsCircularprogressCircularProgress.isActive .peoplekitComponentsCircularprogressCircleClipper.peoplekitComponentsCircularprogressLeft .peoplekitComponentsCircularprogressCircle {
-webkit-animation: circular-progress-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
-webkit-animation: circular-progress-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: circular-progress-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}
.peoplekitComponentsCircularprogressCircularProgress.isActive .peoplekitComponentsCircularprogressCircleClipper.peoplekitComponentsCircularprogressRight .peoplekitComponentsCircularprogressCircle {
-webkit-animation: circular-progress-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
-webkit-animation: circular-progress-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
animation: circular-progress-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}
.peoplekitComponentsCircularprogressCircularProgress.isWarmdown .peoplekitComponentsCircularprogressCircularProgressContainer {
-webkit-animation: circular-progress-container-rotate 1568ms linear infinite, circular-progress-fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
-webkit-animation: circular-progress-container-rotate 1568ms linear infinite, circular-progress-fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1);
animation: circular-progress-container-rotate 1568ms linear infinite, circular-progress-fade-out 400ms cubic-bezier(0.4, 0, 0.2, 1)
}
@-webkit-keyframes circular-progress-container-rotate {
to {
-webkit-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes circular-progress-container-rotate {
to {
-webkit-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes circular-progress-fill-unfill-rotate {
12.5% {
-webkit-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg)
}
25% {
-webkit-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
transform: rotate(270deg)
}
37.5% {
-webkit-transform: rotate(405deg);
-webkit-transform: rotate(405deg);
transform: rotate(405deg)
}
50% {
-webkit-transform: rotate(540deg);
-webkit-transform: rotate(540deg);
transform: rotate(540deg)
}
62.5% {
-webkit-transform: rotate(675deg);
-webkit-transform: rotate(675deg);
transform: rotate(675deg)
}
75% {
-webkit-transform: rotate(810deg);
-webkit-transform: rotate(810deg);
transform: rotate(810deg)
}
87.5% {
-webkit-transform: rotate(945deg);
-webkit-transform: rotate(945deg);
transform: rotate(945deg)
}
to {
-webkit-transform: rotate(1080deg);
-webkit-transform: rotate(1080deg);
transform: rotate(1080deg)
}
}
@keyframes circular-progress-fill-unfill-rotate {
12.5% {
-webkit-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg)
}
25% {
-webkit-transform: rotate(270deg);
-webkit-transform: rotate(270deg);
transform: rotate(270deg)
}
37.5% {
-webkit-transform: rotate(405deg);
-webkit-transform: rotate(405deg);
transform: rotate(405deg)
}
50% {
-webkit-transform: rotate(540deg);
-webkit-transform: rotate(540deg);
transform: rotate(540deg)
}
62.5% {
-webkit-transform: rotate(675deg);
-webkit-transform: rotate(675deg);
transform: rotate(675deg)
}
75% {
-webkit-transform: rotate(810deg);
-webkit-transform: rotate(810deg);
transform: rotate(810deg)
}
87.5% {
-webkit-transform: rotate(945deg);
-webkit-transform: rotate(945deg);
transform: rotate(945deg)
}
to {
-webkit-transform: rotate(1080deg);
-webkit-transform: rotate(1080deg);
transform: rotate(1080deg)
}
}
@-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-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-red-fade-in-out {
0% {
opacity: 0
}
15% {
opacity: 0
}
25% {
opacity: .99
}
50% {
opacity: .99
}
51% {
opacity: 0
}
}
@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-yellow-fade-in-out {
0% {
opacity: 0
}
40% {
opacity: 0
}
50% {
opacity: .99
}
75% {
opacity: .99
}
76% {
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-green-fade-in-out {
0% {
opacity: 0
}
65% {
opacity: 0
}
75% {
opacity: .99
}
90% {
opacity: .99
}
to {
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-left-spin {
0% {
-webkit-transform: rotate(130deg);
-webkit-transform: rotate(130deg);
transform: rotate(130deg)
}
50% {
-webkit-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg)
}
to {
-webkit-transform: rotate(130deg);
-webkit-transform: rotate(130deg);
transform: rotate(130deg)
}
}
@keyframes circular-progress-left-spin {
0% {
-webkit-transform: rotate(130deg);
-webkit-transform: rotate(130deg);
transform: rotate(130deg)
}
50% {
-webkit-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
transform: rotate(-5deg)
}
to {
-webkit-transform: rotate(130deg);
-webkit-transform: rotate(130deg);
transform: rotate(130deg)
}
}
@-webkit-keyframes circular-progress-right-spin {
0% {
-webkit-transform: rotate(-130deg);
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg)
}
50% {
-webkit-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
transform: rotate(5deg)
}
to {
-webkit-transform: rotate(-130deg);
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg)
}
}
@keyframes circular-progress-right-spin {
0% {
-webkit-transform: rotate(-130deg);
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg)
}
50% {
-webkit-transform: rotate(5deg);
-webkit-transform: rotate(5deg);
transform: rotate(5deg)
}
to {
-webkit-transform: rotate(-130deg);
-webkit-transform: rotate(-130deg);
transform: rotate(-130deg)
}
}
@-webkit-keyframes circular-progress-fade-out {
0% {
opacity: .99
}
to {
opacity: 0
}
}
@keyframes circular-progress-fade-out {
0% {
opacity: .99
}
to {
opacity: 0
}
}
.peoplekitComponentsScrollboxScrollbar {
border: none;
outline: none;
overflow: auto
}
.peoplekitComponentsScrollboxScrollbar::-webkit-scrollbar-thumb {
background: #ddd;
border-bottom: 1px solid white;
border-left: 4px solid white;
border-radius: 8px;
border-right: 4px solid white;
border-top: 1px solid white;
box-shadow: none;
min-height: 40px
}
.peoplekitComponentsScrollboxScrollbar::-webkit-scrollbar-thumb:active {
background: rgb(95, 99, 104)
}
.peoplekitComponentsScrollboxScrollbar:hover::-webkit-scrollbar-thumb,
.peoplekitComponentsScrollboxScrollbar::-webkit-scrollbar-thumb:hover {
background: rgb(128, 134, 139)
}
.peoplekitComponentsNoResultsMessageNoResultsMessage {
color: rgb(95, 99, 104);
padding: 2em;
text-align: center;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center
}
.peoplekitThemeDark .peoplekitComponentsNoResultsMessageNoResultsMessage {
color: rgb(154, 160, 166)
}
.peoplekitComponentsNoResultsMessageHeader {
font-family: "Google Sans", Roboto, Arial, sans-serif;
line-height: 1.5rem;
font-size: 1rem;
letter-spacing: .00625em;
font-weight: 500
}
.peoplekitComponentsNoResultsMessageExplanation {
font-family: Roboto, Arial, sans-serif;
line-height: 1.25rem;
font-size: .875rem;
letter-spacing: .0142857143em;
font-weight: 400
}
.peoplekitComponentsNoResultsMessageLearnMoreLink {
color: inherit;
text-decoration: underline;
white-space: nowrap
}
.peoplekitComponentsAutocompletePopupContainer {
border-width: 0;
box-shadow: 0 1px 3px 0 rgba(60, 64, 67, .3), 0 4px 8px 3px rgba(60, 64, 67, .15);
background: #fff;
border-radius: 4px;
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
flex-direction: column;
outline: 2px solid transparent;
overflow: hidden;
padding-bottom: 8px;
padding-top: 8px;
position: absolute;
-webkit-user-select: none;
user-select: none;
z-index: 999999
}
.peoplekitComponentsAutocompletePopupContainer .mdc-elevation-overlay {
opacity: 0
}
.peoplekitThemeDark .peoplekitComponentsAutocompletePopupContainer {
background: -webkit-gradient(linear, left bottom, left top, from(rgba(232, 234, 237, .08)), to(rgba(232, 234, 237, .08))), #202124;
background: -webkit-linear-gradient(bottom, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124;
background: linear-gradient(0deg, rgba(232, 234, 237, .08), rgba(232, 234, 237, .08)), #202124
}
sentinel {}
.goog-date-picker-wday,
.goog-date-picker table tbody td {
width: 22px !important;
height: 17px;
text-align: center;
vertical-align: middle;
padding: 0
}
.goog-date-picker-btn {
border: 0;
display: block;
float: left;
width: 12px;
cursor: pointer;
font: 9px Verdana;
font-weight: 500;
text-align: center;
margin: 0;
padding: 0
}
* html .goog-date-picker table {
margin-left: -1px
}
.goog-date-picker-menu {
position: absolute;
background: threedface;
-moz-user-focus: normal;
border-style: solid;
border-width: 1px
}
.goog-date-picker-menu ul {
list-style: none;
margin: 0;
padding: 0
}
.goog-date-picker-menu ul li {
float: none;
cursor: default
}
.goog-date-picker,
.goog-date-picker-wday {
background-color: #d9e6f7
}
.goog-date-picker-btn {
background-color: transparent;
color: #069
}
.goog-date-picker-wkend-start,
.goog-date-picker-wkend-end {
background-color: #e8eef7
}
#goog-dp-0,
#goog-dp-1,
#goog-dp-2,
#goog-dp-3,
#goog-dp-4,
#goog-dp-5,
#goog-dp-6 {
border-top: 1px solid #a2bbdd
}
#goog-dp-0,
#goog-dp-7,
#goog-dp-14,
#goog-dp-21,
#goog-dp-28,
#goog-dp-35 {
border-left: 1px solid #a2bbdd
}
#goog-dp-6,
#goog-dp-13,
#goog-dp-20,
#goog-dp-27,
#goog-dp-34,
#goog-dp-41 {
border-right: 1px solid #fff
}
.goog-date-picker {
-moz-user-focus: normal;
-moz-user-select: none;
background-color: #fff;
border: 1px solid #dadce0;
border-radius: 4px;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 400;
outline: none;
padding: 0 10px 8px 10px;
position: relative;
user-select: none;
width: 188px
}
.goog-date-picker table {
empty-cells: hide;
outline: none;
width: 100%
}
.goog-date-picker table,
.goog-date-picker-head td {
background-color: transparent
}
.goog-date-picker table tbody tr th:first-of-type {
display: none
}
.goog-date-picker table tbody:focus {
outline: none;
background-color: #e6f4ea
}
.goog-date-picker-head {
color: #80868b;
font-size: 11px;
height: 40px
}
.goog-date-picker-monthyear {
letter-spacing: 0.2px;
padding-left: 7px;
text-align: left;
width: 63px
}
.goog-date-picker-button {
border: 0;
border-radius: 50%;
cursor: pointer;
display: block;
font-size: 10px;
height: 20px;
left: 2px;
line-height: 20px;
margin: 0 auto;
padding-left: 0;
position: relative;
text-align: center;
width: 20px;
background-color: rgba(0, 0, 0, 0);
transition: background-color 100ms linear
}
.goog-date-picker-button:hover {
background-color: #f1f3f4;
transition: background-color 100ms linear
}
.goog-date-picker-button:focus {
outline: none
}
.goog-date-picker-button:active {
background-color: #dadce0;
transition: background-color 100ms linear
}
.goog-date-picker-nextMonth,
.goog-date-picker-previousMonth {
background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSI4IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogICAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgPHBhdGggZmlsbD0iIzc1NzU3NSIgZD0iTS43MjY2NjY2NyA3LjA2TDMuNzggNCAuNzI2NjY2NjcuOTRsLjk0LS45NEw1LjY2NjY2NjcgNCAxLjY2NjY2NjY3IDh6Ii8+CiAgICAgIDxwYXRoIGQ9Ik0tNS00aDE2djE2SC01eiIvPgogICAgPC9nPgogIDwvc3ZnPg==") center no-repeat
}
[dir="rtl"] .goog-date-picker-nextMonth {
transform: rotate(180deg)
}
.goog-date-picker-previousMonth {
transform: rotate(180deg)
}
[dir="rtl"] .goog-date-picker-previousMonth {
transform: rotate(0deg)
}
.goog-date-picker-foot {
display: none
}
.goog-date-picker-wday,
.goog-date-picker .goog-date-picker-date {
font-size: 10px;
font-weight: 400;
height: 20px;
line-height: 20px;
margin: auto;
position: relative;
text-align: center;
width: 24px
}
.goog-date-picker-wday {
background-color: transparent;
color: #80868b
}
.goog-date-picker-date {
color: #202124;
cursor: pointer;
background-color: transparent;
z-index: 1
}
.goog-date-picker-date:focus {
outline: none
}
.goog-date-picker-date::before {
border-radius: 50%;
content: "";
display: block;
height: 20px;
left: 2px;
position: absolute;
top: 0;
width: 20px;
z-index: -1;
background-color: rgba(0, 0, 0, 0);
transition: background-color 100ms linear
}
.goog-date-picker-date::after {
content: "";
display: block;
height: 20px;
left: 0;
position: absolute;
top: 0;
width: 24px;
z-index: 2
}
.goog-date-picker-date:hover::before {
background-color: #dadce0;
transition: background-color 100ms linear
}
.goog-date-picker-other-month {
color: #80868b
}
.goog-date-picker-other-month:hover::before {
background-color: #f1f3f4;
transition: background-color 100ms linear
}
.goog-date-picker-selected {
background-color: transparent !important;
color: #fff !important;
font-weight: 400 !important
}
.goog-date-picker-selected,
.goog-date-picker-selected:hover {
color: #fff
}
.goog-date-picker-selected::before,
.goog-date-picker-selected:hover::before {
background-color: #188038;
transition: background-color 100ms linear
}
.docs-date-picker-action-row {
display: flex;
justify-content: space-between
}
.waffle-banding-sidebar-content {
overflow-y: hidden
}
.waffle-banding-sidebar {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
height: calc(100% - 36px);
overflow-y: auto
}
.waffle-banding-range-picker {
border-bottom: 1px solid lightgrey;
padding: 15px 10px
}
.waffle-banding-range-label {
color: #3c4043;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 20px;
padding-bottom: 10px
}
.waffle-banding-header-footer-checkbox-wrapper {
border-bottom: 1px solid lightgrey;
padding: 10px 10px 0
}
.waffle-banding-range-picker,
.waffle-banding-header-footer-checkbox-wrapper {
border-bottom: 0
}
.waffle-banding-checkbox-wrapper {
align-items: flex-start;
display: flex;
flex-wrap: wrap
}
.waffle-banding-checkbox-wrapper .docs-material-gm-labeled-checkbox {
max-width: none;
padding: 1px 20px 0 0;
width: auto
}
.waffle-banding-checkbox-wrapper .docs-material-gm-labeled-checkbox:last-child {
padding-right: 0
}
.waffle-banding-sidebar-color-picker {
padding: 15px 10px
}
.waffle-banding-sidebar-color-picker-label {
color: #3c4043;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
font-weight: 500;
line-height: 12px;
padding: 5px 0
}
.waffle-banding-color-picker-table,
.waffle-banding-color-picker-focused,
.waffle-banding-color-picker-hover {
border: 0;
margin: 0;
outline: none;
padding: 0;
width: 0
}
.waffle-banding-color-picker-table {
border-collapse: separate;
border-spacing: 4px
}
.waffle-banding-color-picker-cell {
border-width: 0
}
.waffle-banding-color-picker-cell:focus {
outline: 1px solid #5e97f6
}
.waffle-banding-sidebar-color-tile-wrapper {
border: 1px solid transparent
}
.waffle-banding-color-picker-cell-selected .waffle-banding-sidebar-color-tile-wrapper {
border: 1px solid #4d90fe
}
.waffle-banding-color-picker-cell-hover .waffle-banding-sidebar-color-tile {
border-color: darkgrey
}
.waffle-banding-sidebar-color-tile {
border: 1px solid lightgrey;
cursor: pointer;
height: 35px;
line-height: 35px;
margin: 1px;
vertical-align: middle;
width: 33px
}
.waffle-assistant-banding-recommendation .waffle-banding-sidebar-color-tile {
width: 26px
}
.waffle-banding-sidebar-color-tile-wrapper .docs-sheet-add .docs-icon {
margin-left: 7px
}
.docs-sheet-add .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.waffle-banding-sidebar-color-tile-band {
border-bottom: 1px solid lightgrey;
height: 8px;
width: 100%
}
.waffle-banding-sidebar-color-tile-band:last-child {
border-bottom-width: 0
}
.waffle-banding-sidebar-color-picker-preview {
padding: 5px
}
.waffle-banding-sidebar-color-preview {
display: flex;
padding: 5px 0
}
.waffle-banding-sidebar-color-preview .goog-toolbar-menu-button {
margin: 0
}
.waffle-banding-sidebar-color-preview-label {
border: 1px solid lightgrey;
border-radius: 4px;
box-sizing: border-box;
display: inline-block;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
margin-right: 5px;
padding: 9px 24px 11px 24px;
text-align: center;
vertical-align: middle;
width: 170px
}
.waffle-banding-sidebar-color-picker-container {
border: 1px solid #dadce0;
border-radius: 4px;
margin-top: 5px
}
.waffle-banding-sidebar-custom-color-wrapper {
border-bottom: 1px solid #dadce0
}
.waffle-banding-sidebar-color-preview-picker {
background-color: #f8f8f8;
border-color: #c6c6c6;
display: inline-block;
margin: 0
}
.waffle-banding-sidebar-color-preview-picker.goog-flat-menu-button-active {
background-color: #fff !important
}
.waffle-banding-sidebar-buttons {
margin-bottom: 0;
padding: 0 10px 10px 10px;
text-align: right
}
.waffle-banding-sidebar-buttons .jfk-button {
margin-left: 16px;
margin-right: 0
}
.waffle-named-ranges-edit-buttons {
text-align: right
}
.waffle-banding-sidebar-clear-container {
border-top: 1px solid lightgrey;
bottom: 0;
left: 0;
position: absolute;
text-align: center;
vertical-align: bottom;
width: 100%
}
.waffle-banding-sidebar-clear .docs-icon {
opacity: unset
}
.waffle-banding-sidebar-clear .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.waffle-banding-sidebar-clear:hover {
background-color: #eee;
border-color: darkgrey;
color: #424242
}
.waffle-banding-sidebar-clear-label {
padding-left: 3px
}
.waffle-banding-sidebar-color-wrapper {
margin-bottom: 3px;
margin-left: 1px
}
.waffle-banding-sidebar-clear {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
color: #137333;
border-radius: 0 !important;
cursor: pointer;
outline: none
}
.waffle-banding-sidebar-clear.goog-button-hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #f8fcf9;
color: #137333
}
.waffle-banding-sidebar-clear.goog-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #e7f5eb;
color: #137333
}
.waffle-banding-sidebar-clear.goog-button-hover.goog-button-focused {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
color: #137333
}
.waffle-banding-sidebar-clear.goog-button-active {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
color: #137333;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15)
}
.waffle-conditionalformat-warning {
background: #fff;
border-bottom: 1px solid #bdbdbd;
border-left: 8px solid #f4b400;
box-sizing: border-box;
box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.22);
color: #424242;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
line-height: 16px;
padding: 14px 14px 14px 16px;
z-index: 2
}
.waffle-conditionalformat-dismiss-warning-button-holder {
height: 14px;
margin-top: 6px;
width: 212px
}
.waffle-conditionalformat-dismiss-warning-button {
color: #3367d6;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
height: 14px;
line-height: 14px;
position: absolute;
right: 14px
}
.waffle-conditionalformat-scroll-pane {
overflow-x: hidden;
overflow-y: auto
}
.jfk-button-clear-outline.waffle-conditionalformat-add-rule-button {
border: 1px solid #bdbdbd
}
.jfk-button-clear-outline.waffle-conditionalformat-add-another-rule-button {
border: 1px solid #eee
}
.waffle-conditionalformat-add-rule-button:focus,
.waffle-conditionalformat-add-another-rule-button:focus {
background-color: #e8eaed;
cursor: pointer
}
.waffle-conditionalformat-add-rule-button:hover,
.waffle-conditionalformat-add-another-rule-button:hover {
cursor: pointer
}
.waffle-filterbox-container .waffle-conditionalformat-condition-type-select .goog-flat-menu-button,
.waffle-filterbox-container .waffle-conditionalformat-condition-date-select .goog-flat-menu-button,
.waffle-filterbox-container .waffle-conditionalformat-arg1,
.waffle-filterbox-container .waffle-conditionalformat-arg2,
.waffle-filterbox-container .waffle-filterbox-input {
width: 252px
}
.waffle-conditionalformat-condition-type-select .goog-flat-menu-button,
.waffle-conditionalformat-condition-date-select .goog-flat-menu-button {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #fff;
border: 1px solid #dadce0 !important;
font-weight: normal;
text-align: left
}
.waffle-filterbox-boolean-condition-picker-body input {
border: 1px solid #dadce0;
border-radius: 4px;
box-sizing: border-box;
color: #3c4043;
padding: 1px 8px;
font-size: 14px;
height: 36px;
margin: 8px 0
}
.waffle-filterbox-boolean-condition-picker-body input:focus {
border: 2px solid #1a73e8;
box-shadow: none;
padding: 0px 7px
}
.waffle-conditionalformat-condition-type-select .goog-flat-menu-button,
.waffle-conditionalformat-condition-date-select .goog-flat-menu-button {
padding-right: 8px
}
.waffle-filterbox-boolean-condition-picker-body {
margin: 6px 0 8px 0
}
.waffle-conditionalformat-add-rule-icon {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -83px -24px;
height: 10px;
position: absolute;
right: 15px;
top: 18px;
width: 10px
}
.waffle-conditionalformat-add-another-rule-icon {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -552px -42px;
height: 18px;
position: absolute;
right: 18px;
top: 13px;
width: 18px
}
.waffle-conditionalformat-view-pill.waffle-conditionalformat-filter-border {
border-left: 4px solid #f4b400;
padding-left: 6px
}
.waffle-conditionalformat-view-pill:focus,
.waffle-conditionalformat-view-pill:hover {
background-color: #f3f3f3;
outline: none
}
.waffle-conditionalformat-drag-handle {
cursor: move;
height: 76px;
line-height: 76px;
left: 0;
position: absolute;
top: 0;
visibility: hidden;
width: 10px
}
.waffle-conditionalformat-view-pill:hover .waffle-conditionalformat-drag-handle {
visibility: visible
}
.waffle-conditionalformat-view-pill.waffle-conditionalformat-filter-border .waffle-conditionalformat-drag-handle {
left: -4px
}
.waffle-conditionalformat-drag-handle-icon {
background: no-repeat url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png") -716px -17px;
height: 18px;
left: 4px;
position: absolute;
top: 29px;
width: 3px
}
.waffle-conditionalformat-format-preview {
height: 54px;
line-height: 54px;
margin-right: 10px;
position: absolute;
text-align: center;
width: 44px
}
.waffle-conditionalformat-condition {
color: #333;
font-size: 13px;
font-weight: 500;
line-height: 15px;
max-height: 30px;
margin-bottom: 4px;
overflow: hidden;
text-overflow: ellipsis;
width: 142px
}
.waffle-conditionalformat-range {
color: #555;
height: 14px;
font-size: 12px;
line-height: 14px;
overflow: hidden;
text-overflow: ellipsis;
width: 142px
}
.waffle-conditionalformat-view-pill.waffle-conditionalformat-filter-border .waffle-conditionalformat-delete-button-holder {
left: 212px
}
.waffle-conditionalformat-delete-button-holder .waffle-conditionalformat-delete-rule {
opacity: 0.5
}
.waffle-conditionalformat-delete-button-holder .waffle-conditionalformat-delete-rule:hover {
opacity: 1
}
.waffle-conditionalformat-range-border {
border-color: #8cc474;
border-style: solid;
line-height: 0
}
.waffle-conditionalformat-range-wrapper {
color: #444;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px
}
.waffle-conditionalformat-boolean-format-picker {
padding: 0 18px
}
.waffle-conditionalformat-edit-pill-section-label {
color: #646464;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 14px;
margin-bottom: 6px;
margin-top: 18px
}
.waffle-conditionalformat-cancel-button,
.waffle-conditionalformat-done-button {
cursor: pointer
}
.waffle-sidebar-content .waffle-conditionalformat-format-button-inner {
font-size: 13px;
font-weight: normal;
height: 30px;
line-height: 30px;
padding-left: 6px;
text-align: left
}
.waffle-conditionalformat-default-style-button,
.waffle-conditionalformat-custom-style-button {
background: #fff;
background-clip: padding-box;
cursor: pointer;
height: 26px;
line-height: 26px;
margin: 3px
}
.waffle-conditionalformat-active-style-check {
color: #000;
font-weight: 500
}
.waffle-conditionalformat-condition-date-select .jfk-select {
margin-top: 6px
}
.waffle-conditionalformat-arg1 {
margin: 6px 6px 0 0;
width: 196px
}
.waffle-conditionalformat-arg1-short {
width: 162px
}
.waffle-conditionalformat-arg2 {
margin: 6px 6px 0 0;
width: 162px
}
.waffle-conditionalformat-multi-arg-content {
max-height: 150px;
overflow: auto
}
.waffle-conditionalformat-multi-arg-content .docs-material-button {
height: fit-content
}
.waffle-datavalidation-one-of-range-container {
overflow: auto
}
.waffle-conditionalformat-custom-toolbar {
background-color: #fff;
border: 1px solid #d8d8d8;
border-radius: 0 0 4px 4px !important;
border-top: none;
box-sizing: border-box;
margin: 6px 0;
margin-left: -1px;
margin-top: 0;
padding: 0 2px;
width: 100%
}
.waffle-conditionalformat-gradient-point-holder {
margin-bottom: 18px
}
.waffle-conditionalformat-gradient-point-holder-last {
margin-bottom: 0
}
.waffle-conditionalformat-gradient-input-holder {
margin-right: 6px;
top: 1px;
width: 90px
}
.waffle-conditionalformat-gradient-min-input,
.waffle-conditionalformat-gradient-mid-input,
.waffle-conditionalformat-gradient-max-input {
width: 66px
}
.waffle-conditionalformat-gradient-min-input.label-input-label-disabled,
.waffle-conditionalformat-gradient-mid-input.label-input-label-disabled,
.waffle-conditionalformat-gradient-max-input.label-input-label-disabled {
background-color: #ebebe4
}
.waffle-conditionalformat-gradient-min-color:focus,
.waffle-conditionalformat-gradient-mid-color:focus,
.waffle-conditionalformat-gradient-max-color:focus {
background-color: #e8eaed
}
.waffle-conditionalformat-gradient-min-color.goog-toolbar-menu-button,
.waffle-conditionalformat-gradient-mid-color.goog-toolbar-menu-button,
.waffle-conditionalformat-gradient-max-color.goog-toolbar-menu-button {
height: 27px;
margin: 0
}
.jfk-bubble.waffle-error-bubble.waffle-conditionalformat-error-bubble {
z-index: 1 !important
}
.waffle-conditionalformat-no-suggestions {
color: #757575;
font-size: 12px;
font-style: italic;
padding-top: 12px
}
.waffle-conditionalformat-suggestion {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
background-clip: content-box;
height: 24px;
line-height: 24px;
padding: 1px;
text-align: center
}
.waffle-conditionalformat-suggestion-chip {
padding-top: 14px
}
.waffle-conditionalformat-suggestion-group {
display: flex;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
border: 1px solid #d0d0d0;
padding: 1px
}
.waffle-conditionalformat-suggestion-range {
font-weight: 500
}
.waffle-conditionalformat-collapsible-suggestions {
border-bottom: 1px solid #d6d6d6
}
.waffle-conditionalformat-suggestions-section {
padding: 18px
}
.waffle-conditionalformat-suggestion-text {
color: #646464;
font-size: 12px;
padding-top: 6px
}
.waffle-conditionalformat-suggestions-title {
color: #646464;
font-weight: 500
}
.waffle-conditionalformat-suggestions-spinner-container {
padding-top: 14px;
text-align: center
}
.waffle-conditionalformat-edit-pill-section-header {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
margin-bottom: 18px;
margin-top: 25px
}
.waffle-conditionalformat-range-picker {
border-bottom: none;
padding: 0 18px 18px 18px
}
.waffle-conditionalformat-boolean-condition-picker,
.waffle-conditionalformat-gradient-format-picker {
border-top: none;
padding: 0 18px
}
.waffle-conditionalformat-slide-pane .waffle-conditionalformat-edit-pill-section-header {
margin-top: 10px;
padding: 0 18px
}
.waffle-conditionalformat-slide-pane .waffle-conditionalformat-edit-pill-button-bar {
padding: 12px 18px 18px 24px
}
.waffle-conditionalformat-slide-frame,
.waffle-conditionalformat-slide-pane {
position: absolute;
width: 100%
}
.waffle-conditionalformat-condition-type-select .jfk-select,
.waffle-conditionalformat-condition-date-select .jfk-select {
margin: 0;
width: 100%
}
.waffle-conditionalformat-default-boolean-picker {
width: 100%
}
.waffle-conditionalformat-arg1-holder,
.waffle-conditionalformat-arg2,
.waffle-conditionalformat-arg1 {
width: 100%
}
.waffle-conditionalformat-arg2,
.waffle-conditionalformat-arg1 {
padding-left: 8px;
padding-right: 8px
}
.waffle-conditionalformat-arg-separator {
color: #424242;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
margin: 0 7px
}
.waffle-conditionalformat-twoArgs-holder {
align-items: center;
display: flex;
justify-content: space-evenly
}
.waffle-sidebar-content .waffle-conditionalformat-format-button {
border-radius: 4px 4px 0 0 !important;
font-size: 14px;
height: 36px;
left: -1px;
margin: 0
}
.waffle-conditionalformat-format-button.goog-flat-menu-button,
.waffle-conditionalformat-format-button .goog-flat-menu-button-caption,
.waffle-conditionalformat-format-button-inner {
width: 100%
}
.waffle-conditionalformat-default-menu .goog-palette-table {
width: 100%
}
.waffle-conditionalformat-default-menu {
border-radius: 4px;
width: 262px
}
.waffle-conditionalformat-custom-style-button {
padding: 0 6px;
text-align: left;
width: auto
}
.waffle-conditionalformat-default-style-button {
height: 31px;
line-height: 30px;
margin-left: 1px;
margin-right: 0;
width: 69px
}
.waffle-conditionalformat-default-menu .trix-palette .goog-palette-table {
margin: 0px
}
.waffle-conditionalformat-default-menu .goog-palette.trix-palette {
padding: 5px
}
.waffle-conditionalformat-default-menu .trix-palette .goog-palette-cell {
padding: 5px
}
.waffle-conditionalformat-edit-pill-button-bar {
position: relative;
text-align: right;
padding: 0 18px 24px 18px;
border-bottom: 1px solid #dadce0
}
.waffle-conditionalformat-done-button {
margin-right: 0px
}
.waffle-conditionalformat-add-another-rule-button {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
color: #137333;
background-color: #fff;
height: 59px;
padding: 16px 24px;
text-align: left;
width: 100%
}
.waffle-conditionalformat-add-another-rule-plus,
.waffle-conditionalformat-add-rule-plus {
font-size: 24px;
font-weight: 100;
line-height: 21px;
margin-right: 8px;
vertical-align: text-bottom
}
.waffle-conditionalformat-default-gradient-picker {
width: 100%
}
.waffle-conditionalformat-gradient-min-color .goog-toolbar-menu-button-inner-box,
.waffle-conditionalformat-gradient-mid-color .goog-toolbar-menu-button-inner-box,
.waffle-conditionalformat-gradient-max-color .goog-toolbar-menu-button-inner-box {
min-width: 30px
}
.waffle-conditionalformat-gradient-min-select .jfk-select,
.waffle-conditionalformat-gradient-mid-select .jfk-select,
.waffle-conditionalformat-gradient-max-select .jfk-select {
margin: 0 6px 0 0;
text-align: left;
width: 123px
}
.waffle-conditionalformat-gradient-input-holder input {
width: 100%
}
.waffle-conditionalformat-gradient-point {
align-items: center;
display: flex;
justify-content: flex-start
}
.waffle-conditionalformat-gradient-point .jfk-select {
height: 36px;
margin-top: 1px;
width: 123px
}
.waffle-conditionalformat-delete-button-holder {
height: 56px;
left: 250px !important;
line-height: 56px;
position: absolute
}
.waffle-conditionalformat-delete-button-holder .docs-icon {
width: 21px;
height: 21px
}
.waffle-conditionalformat-view-pill {
background-color: #fff;
border-bottom: 1px solid #ccc;
cursor: pointer;
display: flex;
height: 56px;
padding: 10px;
position: relative
}
.waffle-conditionalformat-view-pill-summary {
left: 56px;
margin-bottom: auto;
margin-right: 8px;
margin-top: auto;
position: relative;
width: 142px
}
.waffle-conditionalformat-add-rule-button {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
color: #137333;
height: 61px;
padding-top: 17px;
text-align: left;
width: 100%
}
.waffle-conditionalformat-drag-item {
border: 1px solid #ccc;
padding-left: 7px;
width: 280px
}
.waffle-conditionalformat-range-args-holder .waffle-conditionalformat-arg1-holder,
.waffle-conditionalformat-range-args-holder .waffle-conditionalformat-arg2-holder,
.waffle-conditionalformat-range-args-holder .waffle-conditionalformat-arg1 {
display: flex;
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
overflow: hidden
}
.waffle-conditionalformat-range-args-holder .waffle-conditionalformat-arg2 {
-ms-flex: 1;
-webkit-flex: 1;
flex: 1;
margin-right: 0;
overflow: hidden
}
.waffle-conditionalformat-range-slider {
margin-top: 10px
}
.waffle-conditionalformat-add-automated-actions-bolt {
display: inline-block
}
.waffle-conditionalformat-add-automated-actions-bolt .docs-icon-editors-ia-bolt {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg) !important
}
.waffle-conditionalformat-add-automated-actions-text {
display: inline-block;
font-size: 14px;
font-weight: 500
}
.docs-material-button-hairline-primary.docs-material-button.waffle-conditionalformat-add-automated-actions-button:focus,
.docs-material-button-hairline-primary.docs-material-button.waffle-conditionalformat-add-automated-actions-button {
display: inline-block;
padding: 10px 10px;
width: 210px
}
.waffle-conditionalformat-automated-actions-description {
color: #5f6368;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: normal;
margin: 15px 45px 10px;
text-align: center;
width: 210px;
word-spacing: 1px
}
.waffle-conditionalformat-add-automated-actions-button-wrapper {
margin: auto;
padding: 20px 0 0 0;
width: 210px
}
.waffle-find-replace-active-cell-rect {
-webkit-animation-name: waffle-find-replace-pulse;
-moz-animation-name: waffle-find-replace-pulse;
-o-animation-name: waffle-find-replace-pulse;
animation-name: waffle-find-replace-pulse;
-webkit-animation-duration: 200ms;
-moz-animation-duration: 200ms;
-o-animation-duration: 200ms;
animation-duration: 200ms;
-webkit-animation-timing-function: ease-in-out;
-moz-animation-timing-function: ease-in-out;
-o-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
background-color: rgba(140, 196, 116, 0.5);
border: 1px solid white;
border-radius: 1px;
box-shadow: 0px 0px 0px 2px black, 0 2px 3px 0 rgba(60, 64, 67, 0.30), 0 6px 10px 4px rgba(60, 64, 67, 0.15);
margin: -1px 0 0 -1px;
pointer-events: none;
position: absolute
}
.waffle-find-replace-not-active-cell-rect {
background-color: rgba(140, 196, 116, 0.25);
pointer-events: none;
position: absolute
}
@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
}
}
.docs-grille-gm3 .waffle-find-replace-active-cell-rect {
background-color: rgba(55, 190, 95, 0.702);
border-radius: 0;
box-shadow: 0 0 0 2px #146c2e
}
.docs-grille-gm3 .waffle-find-replace-not-active-cell-rect {
background-color: rgba(109, 213, 140, 0.4)
}
#waffle-gotobar-button-go {
margin-right: 8px
}
.docs-slidingdialog .docs-icon-next {
filter: alpha(opacity=40);
opacity: .40;
-moz-opacity: .40
}
#waffle-gotobar-input {
width: 200px
}
#waffle-gotobar-error {
color: #b3261e;
cursor: default;
padding: 0 7px 0 0;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none
}
#waffle-gotobar-error-icon {
background: #b3261e;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: white;
display: inline-block;
font-weight: 500;
padding: 0 5px;
position: relative;
text-decoration: none;
top: -1px
}
#waffle-named-ranges-container {
border: none;
height: auto;
overflow-y: auto
}
#waffle-named-ranges-add-range {
background: white;
border-bottom: 1px solid #ddd;
color: #188038;
cursor: pointer;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 16px;
height: auto;
padding: 13px 10px 13px 10px
}
.waffle-named-ranges-add-range-active {
color: #dd4b39
}
.waffle-named-ranges-add-range-inactive {
color: #15c
}
.waffle-named-ranges-add-range-icon {
margin-top: -1px
}
.waffle-named-ranges-add-range-icon .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
.waffle-named-ranges-pill {
border-bottom: 1px solid #ddd;
cursor: default;
padding: 10px 20px 10px 20px;
position: relative
}
.waffle-named-ranges-pill:focus,
.waffle-named-ranges-pill:hover {
background-color: white;
outline: none
}
#waffle-named-ranges-add-range,
#waffle-named-ranges-add-range:focus {
outline: none
}
#waffle-named-ranges-add-range:hover {
background-color: #f8fcf9
}
#waffle-named-ranges-add-range:focus,
.waffle-named-ranges-pill:not(.waffle-named-ranges-edit-pill):focus {
background-color: #e7f5eb
}
#waffle-named-ranges-add-range:active {
background-color: #dff2e4
}
.waffle-named-ranges-range-name,
.waffle-named-ranges-range-rect,
.waffle-named-ranges-edit-range-name {
overflow: hidden;
text-overflow: ellipsis
}
.waffle-named-ranges-pill:focus .waffle-named-ranges-edit-range-button,
.waffle-named-ranges-pill:hover .waffle-named-ranges-edit-range-button {
display: inline-block
}
.waffle-named-ranges-edit-range-button {
box-shadow: none;
background-color: transparent;
background-image: none;
cursor: pointer;
border-color: transparent !important;
border-radius: 2px;
border-width: 1px;
color: #15c;
cursor: pointer;
display: none;
position: absolute;
right: 24px;
top: 13px
}
#waffle-named-ranges-edit-delete {
box-shadow: none;
background-color: white;
background-image: none;
cursor: pointer;
border-color: transparent !important;
border-radius: 2px;
border-width: 1px;
float: none;
margin-left: 4px;
margin-right: 0;
top: 0
}
#waffle-named-ranges-edit-delete .docs-icon {
height: 24px;
margin: 0;
width: 24px
}
.waffle-named-ranges-edit-range-button.jfk-button-hover,
#waffle-named-ranges-edit-delete.jfk-button-hover,
#waffle-named-ranges-edit-delete.jfk-button-focus {
box-shadow: none;
background-color: rgba(0, 0, 0, .06);
background-image: none;
cursor: pointer;
border-color: transparent !important;
border-radius: 2px;
border-width: 1px
}
.waffle-named-ranges-edit-range-button.jfk-button-active,
#waffle-named-ranges-edit-delete.jfk-button-active {
box-shadow: none;
background-color: rgba(0, 0, 0, 0.12);
background-image: none;
cursor: pointer;
border-color: transparent !important;
border-radius: 2px;
border-width: 1px
}
.waffle-named-ranges-range-name {
font-size: 14px;
font-weight: 500
}
.waffle-named-ranges-edit-pill {
background-color: #fff;
cursor: default
}
.waffle-named-ranges-edit-title-bar {
padding: 12px 0
}
.waffle-named-ranges-edit-range-name {
font-size: 15px;
font-weight: 500;
margin: 0;
max-width: 190px
}
.waffle-named-ranges-add-range-name-input {
margin: 5px 0 10px;
position: relative;
top: 2px;
width: calc(100%)
}
.waffle-named-ranges-add-range-name-input.waffle-named-ranges-add-range-name-input-with-delete {
width: calc(100% - 32px)
}
.waffle-named-ranges-select-error {
border-color: #b3261e
}
.waffle-named-ranges-range-select-listening {
background-color: unset;
margin: 0 -20px 0;
padding: 10px 20px;
padding-top: 0
}
.waffle-named-ranges-edit-range-select-done {
margin-top: 16px
}
.waffle-named-ranges-edit-range-select-message {
color: #3c4043;
display: none;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: 400;
margin-top: 3px;
width: 110px
}
.waffle-named-ranges-range-select-listening .waffle-named-ranges-edit-range-select-message {
display: inline-block
}
.waffle-named-ranges-edit-done,
.waffle-named-ranges-edit-cancel {
margin-top: 10px
}
.waffle-named-ranges-edit-buttons {
text-align: right
}
.waffle-named-ranges-edit-buttons .jfk-button {
margin-left: 16px;
margin-right: 0
}
#waffle-named-ranges-edit-validation-error {
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 400;
margin-top: 10px
}
#waffle-named-ranges-edit-validation-error-text {
color: #b3261e;
padding: 0 7px 0 0
}
#waffle-named-ranges-edit-validation-error-icon {
background: #b3261e;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: white;
display: inline-block;
font-weight: 500;
padding: 0 5px;
position: relative;
text-decoration: none;
top: -1px
}
#waffle-named-ranges-promo {
border-radius: 8px;
background-color: #e6f4ea;
cursor: default;
margin: 16px;
padding: 16px
}
.waffle-named-ranges-promo-title {
align-items: center;
color: #137333;
display: flex;
font-size: 14px;
font-weight: 500;
margin-bottom: 10px
}
.waffle-named-ranges-promo-title .docs-icon {
margin: 0 8px 0 0
}
.waffle-named-ranges-promo-title-text {
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500
}
.waffle-named-ranges-promo-content {
color: #137333;
font-size: 12px;
letter-spacing: .3px;
margin: 24px 0
}
.waffle-named-ranges-promo-example {
align-items: center;
background-color: #fff;
border-radius: 4px;
color: #202124;
display: flex;
margin-top: 8px;
padding: 8px
}
.waffle-named-ranges-promo-example .docs-icon {
margin: 0 4px 0 0
}
.waffle-named-ranges-promo-example .docs-icon-img:before {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_dark.svg)
}
.waffle-named-ranges-promo-example .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_grey_dark.svg)
}
.waffle-named-ranges-promo-separator {
background-color: #ddd;
border: none;
color: #ddd;
height: 1px;
margin: 20px 0 20px;
width: 95%
}
.waffle-named-ranges-promo-formulabar {
border: solid #f3f3f3;
border-width: 10px 0 10px 0;
margin: 15px 0 20px
}
.waffle-named-ranges-promo-footer {
display: flex;
justify-content: flex-end
}
.waffle-named-ranges-promo-footer a {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #e6f4ea;
color: #137333;
display: inline-block
}
.waffle-named-ranges-promo-footer a:hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #e6f4ea;
color: #188038;
text-decoration: none
}
.waffle-named-ranges-promo-footer a:focus,
.waffle-named-ranges-promo-footer a:hover:focus {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #ceead6;
color: #188038
}
.waffle-named-ranges-promo-footer a:active,
.waffle-named-ranges-promo-footer a:hover:active {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #ceead6;
color: #188038;
box-shadow: 0 1px 3px 1px rgba(60, 64, 67, .15)
}
.waffle-named-ranges-promo-lock-container {
height: 27px;
margin-right: 12px;
overflow: hidden;
vertical-align: middle;
width: 23px
}
.waffle-named-ranges-promo-lock:before {
content: url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png")
}
.waffle-named-ranges-promo-lock {
background: url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png");
left: -618px;
opacity: .60;
position: relative;
top: 0
}
.docs-icon.waffle-named-ranges-locked {
height: 21px;
margin-bottom: 3px;
width: 21px
}
.docs-icon.waffle-named-ranges-unlocked {
height: 21px;
width: 21px
}
#waffle-named-ranges-edit-manage-named-ranges {
color: #15c;
cursor: pointer;
margin-top: 5px;
padding-bottom: 5px
}
.waffle-named-ranges-border {
border-color: #8cc474;
border-style: solid;
line-height: 0
}
#waffle-ritz-protection-container {
border: none;
height: auto;
overflow-y: auto;
width: 300px
}
.docs-grille-gm3 #waffle-ritz-protection-container {
width: 320px
}
.waffle-ritz-protection-link-button {
background: white;
color: #188038;
cursor: pointer;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 16px;
height: 16px;
padding: 16px
}
.docs-icon.waffle-ritz-protection-add-range-icon {
margin-top: -1px
}
.docs-icon.waffle-ritz-protection-add-range-icon .docs-icon-img {
content: url(//ssl.gstatic.com/docs/common/material_common_sprite475_green.svg)
}
#waffle-ritz-protection-add-range {
border-bottom: 1px solid #ddd
}
.waffle-ritz-protection-link-button,
.waffle-ritz-protection-link-button:focus {
outline: none
}
.waffle-ritz-protection-link-button:hover {
background-color: #f8fcf9
}
.waffle-ritz-protection-link-button:focus {
background-color: #e7f5eb
}
.waffle-ritz-protection-link-button:active {
background-color: #dff2e4
}
.waffle-ritz-protection-pill {
border-bottom: 1px solid #ddd;
cursor: default;
padding-bottom: 10px;
padding-top: 10px;
position: relative
}
.waffle-ritz-protection-pill-contents {
color: #5f6368;
font-size: 14px;
padding-left: 16px;
padding-right: 16px
}
.waffle-ritz-protection-edit-permissions {
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
padding-bottom: 15px;
padding-top: 15px;
margin-top: 15px
}
.waffle-ritz-protection-edit-permissions-lock {
left: -5px;
width: 15px
}
.waffle-ritz-protection-edit-buttons {
display: flex;
justify-content: flex-end;
padding-top: 8px
}
.waffle-ritz-protection-edit-permissions-title {
font-size: 14px;
font-weight: 500;
word-wrap: break-word
}
.waffle-ritz-protection-edit-permissions-description {
color: #5f6368
}
.waffle-ritz-protection-range-rect,
.waffle-ritz-protection-edit-range-name {
overflow: hidden;
text-overflow: ellipsis
}
.waffle-ritz-protection-range-rect-holder {
color: #202124;
font-weight: 500
}
.waffle-ritz-protection-view-pill {
cursor: pointer
}
.waffle-ritz-protection-view-pill:focus,
.waffle-ritz-protection-view-pill:hover {
background-color: #f3f3f3
}
.waffle-ritz-protection-range-name {
font-size: 14px;
font-weight: 500;
word-wrap: break-word
}
.waffle-ritz-protection-edit-pill {
background-color: #fff;
cursor: default
}
.waffle-ritz-protection-edit-title-bar {
padding: 12px 0
}
.waffle-ritz-protection-edit-range-name {
font-size: 15px;
font-weight: 500;
margin: 0;
max-width: 190px
}
#waffle-ritz-protection-edit-delete {
cursor: pointer;
float: right;
top: 16px
}
#waffle-ritz-protection-edit-delete .docs-icon {
height: 24px;
margin: 0;
width: 24px
}
.waffle-ritz-protection-add-description-input {
margin: 5px 0 10px;
position: relative;
top: 2px;
width: 100%
}
.waffle-ritz-protection-edit-description-input {
width: 236px
}
.waffle-ritz-protection-select-error {
border-color: #b3261e
}
#waffle-ritz-protection-edit-sheet-select {
margin: 0px;
text-align: left;
width: 100%
}
#waffle-ritz-protection-edit-sheet-select .goog-flat-menu-button-caption {
text-overflow: ellipsis;
overflow: hidden;
width: inherit
}
#waffle-ritz-protection-edit-sheet-label {
font-weight: 500;
margin: 0px 5px;
overflow: hidden;
text-overflow: ellipsis
}
.waffle-ritz-protection-holes-checkbox-container {
margin-bottom: 5px;
margin-top: 10px
}
#waffle-ritz-protection-holes-checkbox-label {
color: #3c4043;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 24px;
padding-left: 8px;
vertical-align: middle
}
.waffle-ritz-protection-edit-done,
.waffle-ritz-protection-edit-cancel {
margin-top: 10px
}
.waffle-ritz-protection-edit-cancel {
margin-right: 8px
}
.waffle-ritz-protection-edit-done {
margin-right: 0
}
.waffle-ritz-protection-edit-toggle-range,
.waffle-ritz-protection-edit-toggle-sheet {
margin: 10px 0px;
width: 85px
}
.waffle-ritz-protection-tab-separator {
border-top: 1px solid #dadce0;
margin-left: -16px;
padding-top: 16px;
width: 300px
}
#waffle-ritz-protection-edit-validation-error {
margin-top: 5px
}
#waffle-ritz-protection-edit-validation-error-text {
color: #b3261e;
padding: 0 7px 0 0
}
#waffle-ritz-protection-edit-validation-error-icon {
background: #b3261e;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: white;
display: inline-block;
font-weight: 500;
padding: 0 5px;
position: relative;
text-decoration: none;
top: -1px
}
.waffle-ritz-protection-edit-permissions-button {
margin-top: 10px;
padding-right: 15px
}
#waffle-ritz-protection-promo {
cursor: default;
padding: 0 15px 0 15px
}
.waffle-ritz-protection-promo-content {
color: #636363;
margin: 20px 0 20px
}
.waffle-ritz-protection-promo-separator {
background-color: #ddd;
border: none;
color: #ddd;
height: 1px;
margin: 20px 0 20px;
width: 95%
}
.waffle-ritz-protection-promo-lock-container {
height: 27px;
margin-right: 12px;
overflow: hidden;
vertical-align: middle;
width: 23px
}
.waffle-ritz-protection-promo-lock:before {
content: url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png")
}
.waffle-ritz-protection-promo-lock {
background: url("//ssl.gstatic.com/docs/spreadsheets/waffle_sprite53.png");
left: -618px;
opacity: .60;
position: relative;
top: 0
}
#waffle-ritz-protection-edit-manage-ritz-protection {
color: #15c;
cursor: pointer;
margin-top: 5px;
padding-bottom: 5px
}
.waffle-ritz-protection-border {
border-color: #8cc474;
border-style: solid;
line-height: 0
}
.waffle-ritz-protection-acl-loading {
width: 400px
}
.waffle-ritz-protection-acl-loading-spinner,
.waffle-ritz-protection-acl-loading-text {
display: inline-block;
position: relative;
transition: left 300ms ease-out;
transition: width 300ms ease-out;
vertical-align: middle
}
.waffle-ritz-protection-type-buttons .jfk-radiobutton {
display: block;
margin-bottom: 4px
}
.waffle-ritz-protection-dropdown {
margin: 4px 0 24px 27px
}
.waffle-ritz-protection-dropdown .goog-flat-menu-button-caption {
font-size: 12px;
text-align: left;
width: 345px
}
.waffle-ritz-protection-custom-container {
margin-left: 27px
}
.waffle-ritz-protection-acl-table-container {
border-collapse: collapse;
border-top: 1px solid #d6d6d6;
font-family: arial, sans-serif;
font-size: 13px;
margin-bottom: 10px;
max-height: 230px;
overflow: auto;
width: 373px
}
.waffle-ritz-protection-acl-header-name,
.waffle-ritz-protection-acl-header-edit {
color: #616161;
display: inline-block;
font-family: arial, sans-serif;
font-size: 11px;
font-weight: 500
}
.waffle-ritz-protection-acl-header {
margin-bottom: 10px
}
.waffle-ritz-protection-acl-header-edit {
text-align: right
}
.waffle-ritz-protection-acl-scope-col,
.waffle-ritz-protection-acl-header-name {
width: 85%
}
.waffle-ritz-protection-acl-edit-col,
.waffle-ritz-protection-acl-header-edit {
width: 15%
}
.waffle-ritz-protection-acl-header-edit-checkbox {
margin-right: 10px
}
.waffle-ritz-protection-acl-table {
empty-cells: show;
width: 100%
}
.waffle-ritz-protection-acl-table td {
border-bottom: 1px solid #ebebeb;
font-size: 13px;
padding: 8px 0px
}
.waffle-ritz-protection-acl-missing {
opacity: 0.5
}
.waffle-ritz-protection-acl-row td {
text-overflow: ellipsis
}
.waffle-ritz-protection-acl-scope {
width: 313px
}
.waffle-ritz-protection-acl-text {
display: inline-block;
margin-left: 15px;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
width: 239px;
white-space: nowrap
}
.waffle-ritz-protection-acl-email {
color: #5f6368;
margin-left: 5px
}
.waffle-ritz-protection-acl-checkbox {
display: block;
margin-left: auto;
margin-right: 10px
}
.waffle-ritz-protection-acl-default-icon {
display: inline-block;
filter: alpha(opacity=55);
height: 21px;
opacity: 0.55;
margin-left: 4px;
margin-top: 4px;
width: 21px
}
.waffle-ritz-protection-acl-icon-container {
background-color: #f5f5f5;
display: inline-block;
height: 29px;
vertical-align: middle;
width: 29px
}
.waffle-ritz-protection-acl-custom-icon {
height: 29px;
vertical-align: middle;
width: 29px
}
.waffle-ritz-protection-acl-icon-disabled {
filter: alpha(opacity=25);
opacity: 0.25
}
.waffle-ritz-protection-add-editors-container {
background-color: #f5f5f5;
margin-bottom: 24px;
padding: 16px
}
.waffle-ritz-protection-add-editors-label {
font-size: 11px;
font-weight: 500;
padding-right: 15px
}
.waffle-ritz-protection-add-editors-input {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-left: 8px;
padding-right: 8px;
transition: height 200ms ease-out;
width: 100%
}
.waffle-ritz-protection-ac-renderer {
background: #fff;
border: 1px solid #666;
box-shadow: 2px 2px 2px rgba(102, 102, 102, .4);
color: #333;
font-family: Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-size: 13px;
font-weight: normal;
max-height: 120px;
overflow: hidden;
position: absolute;
width: 369px;
white-space: nowrap;
z-index: 1010
}
.waffle-ritz-protection-ac-renderer .goog-contacts-ui-autocomplete-new-section {
border-top: 1px solid #666;
padding-top: 2px
}
.waffle-ritz-protection-ac-renderer .ac-row {
cursor: pointer;
padding: 4px 10px 4px 4px
}
.waffle-ritz-protection-ac-renderer .ac-highlighted {
color: #222
}
.waffle-ritz-protection-ac-renderer .ac-active {
background: #eee
}
.waffle-ritz-protection-list {
border-collapse: collapse;
border-top: 1px solid #ebebeb;
font-family: arial, sans-serif;
font-size: 13px;
margin-bottom: 24px;
margin-left: 27px;
max-height: 200px;
outline: transparent;
overflow: auto
}
.waffle-ritz-protection-item {
border-bottom: 1px solid #ebebeb;
padding: 5px 0
}
.waffle-ritz-protection-item-hover {
background: #eee
}
.waffle-ritz-protection-item-name {
font-size: 13px;
font-weight: 500;
word-wrap: break-word
}
.waffle-ritz-protection-item-range {
color: gray;
font-size: 12px;
word-wrap: break-word
}
.waffle-ritz-protection-acl-butter {
background: #f9edbe;
border: 1px solid #f0c36d;
color: #222;
font-family: arial, sans-serif;
font-size: 13px;
margin-bottom: 10px;
margin-top: 10px;
max-width: 358px;
padding: 5px;
text-align: center;
width: 100%
}
.waffle-ritz-protection-acl-butter-text {
display: inline-block
}
.waffle-ritz-protection-acl-butter-href {
text-decoration: underline
}
.waffle-ritz-protection-acl-butter-action {
cursor: pointer;
color: #15c;
display: inline-block
}
.waffle-flat-multi-range-select-done {
margin-top: 8px
}
.waffle-flat-range-select-listening,
.waffle-flat-multi-range-select-listening {
background-color: unset
}
.waffle-ritz-protection-pill-contents .waffle-flat-multi-range-row {
margin-bottom: 8px
}
.waffle-ritz-protection-pill-contents .waffle-flat-multi-range-add-another {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: white;
border: 1px solid #dadce0 !important;
color: #137333;
height: 24px;
padding: 3px 12px 5px;
display: inline-block;
margin: 0
}
.waffle-ritz-protection-pill-contents .waffle-flat-multi-range-add-another:focus {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #e7f5eb;
border: 1px solid #bbe2c6 !important;
height: 24px;
padding: 3px 12px 5px
}
.waffle-ritz-protection-pill-contents .waffle-flat-multi-range-add-another:hover {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #f8fcf9;
border: 1px solid #c8e7d1 !important;
height: 24px;
padding: 3px 12px 5px
}
.waffle-ritz-protection-pill-contents .waffle-flat-multi-range-add-another:hover:focus {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
border: 1px solid #b5e0c1 !important;
height: 24px;
padding: 3px 12px 5px
}
.waffle-ritz-protection-pill-contents .waffle-flat-multi-range-add-another:active,
.waffle-ritz-protection-pill-contents .waffle-flat-multi-range-add-another:hover:active {
background-image: none;
border: 1px solid transparent !important;
border-radius: 4px;
box-shadow: none;
box-sizing: border-box;
font-family: "Google Sans", Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
font-weight: 500;
font-size: 14px;
height: 36px;
letter-spacing: 0.25px;
line-height: 16px;
padding: 9px 24px 11px 24px;
background: #dff2e4;
border: 1px solid transparent !important;
box-shadow: 0 2px 6px 2px rgba(60, 64, 67, .15);
height: 24px;
padding: 3px 12px 5px
}
.goog-tab-bar.spreadsheet-settings-dialog-tab-bar .goog-tab.spreadsheet-settings-tab {
color: #5f6368;
cursor: pointer;
font-weight: 500;
margin: 1px 15px 0 0;
padding: 4px 8px;
text-align: center;
text-decoration: none;
top: 1px;
width: 120px
}
.goog-tab-bar.spreadsheet-settings-dialog-tab-bar {
background: none;
border-bottom-color: #e8eaed !important;
margin-bottom: 20px;
padding-left: 0 !important
}
.goog-tab-bar.spreadsheet-settings-dialog-tab-bar .goog-tab.spreadsheet-settings-tab.goog-tab-selected,
.goog-tab-bar.spreadsheet-settings-dialog-tab-bar .goog-tab.spreadsheet-settings-tab.goog-tab-hover {
background: none;
border-bottom: 2px solid #188038;
border-left: none;
border-right: none;
border-top: none;
color: #202124
}
.goog-tab-bar.spreadsheet-settings-dialog-tab-bar:focus .goog-tab.spreadsheet-settings-tab.goog-tab-selected {
background-color: #dff2e4
}
.dialog-settings .dialog-settings-input {
width: 210px
}
.dialog-settings .jfk-select {
box-sizing: border-box;
max-width: 210px
}
.dialog-settings {
width: 670px
}
.dialog-settings-label {
padding-bottom: 4px;
padding-top: 4px
}
.dialog-settings-display-language {
padding-top: 4px
}
.dialog-settings .goog-flat-menu-button-caption {
text-align: left;
text-overflow: ellipsis
}
.modal-dialog.dialog-settings .jfk-select.goog-flat-menu-button {
padding-left: 14px
}
.grid-container {
height: 100%;
width: 100%;
overflow: auto
}