text:
.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
}

.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-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: #444;
    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: #333
}

.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: .55
}

.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-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: #444;
    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: #333
}

.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: #333
}

.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: .55
}

.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
}

.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: .55;
    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: #444;
    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-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)
}

.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: #444;
    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: #333
}

.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
}

.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: #444;
    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: #333
}

.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: .55;
    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
}

.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-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);
    content: '';
    display: block;
    height: 7px;
    left: 3px;
    position: relative;
    top: 3px;
    width: 7px
}

.jfk-radiobutton .jfk-radiobutton-label {
    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)
}

.jfkScrollable {
    height: 100%;
    padding: 0;
    position: relative
}

.jfkScrollable-inner {
    height: 100%;
    overflow: auto;
    width: 100%
}

.jfkScrollable-topShadow, .jfkScrollable-bottomShadow {
    left: 0;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 100%
}

.jfkScrollable-topShadow {
    background: -webkit-linear-gradient(rgba(0, 0, 0, .2), transparent);
    background: -moz-linear-gradient(rgba(0, 0, 0, .1), transparent);
    height: 6px;
    top: 0;
    -webkit-mask-box-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .1), rgba(0, 0, 0, .8), rgba(0, 0, 0, .1))
}

.jfkScrollable-bottomShadow {
    background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .2));
    background: -moz-linear-gradient(transparent, rgba(0, 0, 0, .1));
    bottom: 0;
    height: 4px;
    -webkit-mask-box-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .1), rgba(0, 0, 0, .8), rgba(0, 0, 0, .1))
}

.jfkScrollable-top > .jfkScrollable-topShadow, .jfkScrollable-bottom > .jfkScrollable-bottomShadow {
    display: block
}

.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
}

.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
}

.ee-colorpicker {
    padding: 5px 0px 16px 5px
}

.ee-colorpicker .goog-hsv-palette-sm {
    border: none
}

.ee-colorpicker .goog-hsv-palette-sm-input {
    height: 20px;
    padding-right: 5px
}

.ee-colorpicker .jfk-button-default, .ee-colorpicker .jfk-button-action {
    margin-left: 9px
}

.ee-colorpicker .jfk-button-standard {
    margin-left: -3px
}

fieldset {
    border: 1px solid #ebebeb;
    padding: 16px
}

fieldset.radio-legend {
    padding-top: 2px
}

fieldset.radio-legend legend {
    height: 28px;
    padding-bottom: 4px
}

.jfk-tooltip {
    border-color: #525252;
    max-width: 300px;
    text-align: justify
}

.jfk-tooltip-arrowup .jfk-tooltip-arrowimplbefore {
    border-bottom-color: #525252 !important;
    border-top-color: #525252 !important
}

.jfk-tooltip-arrowleft .jfk-tooltip-arrowimplbefore {
    border-left-color: #525252 !important;
    border-right-color: #525252 !important
}

.modal-dialog .jfk-textinput {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.modal-dialog input.jfk-textinput {
    height: 30px
}

.modal-dialog textarea.jfk-textinput {
    padding: 8px
}

.modal-dialog .goog-zippy-expanded {
    font-weight: bold
}

.modal-dialog .goog-zippy-content {
    margin: 8px 0px
}

.jfk-bubble {
    z-index: 15 !important
}

.modal-dialog-bg {
    z-index: 20
}

.modal-dialog {
    z-index: 20
}

.jfk-tooltip {
    z-index: 100
}

.goog-tooltip {
    z-index: 100
}

.goog-menu {
    z-index: 100
}

.goog-date-picker {
    z-index: 100
}

.gm-style > .gmnoprint {
    margin-top: 10px !important;
    margin-left: 10px !important
}

.gm-style > .gmnoprint > div > div[title="Stop drawing"], .gm-style > .gmnoprint > div > div[title="Add a marker"], .gm-style > .gmnoprint > div > div[title="Draw a line"], .gm-style > .gmnoprint > div > div[title="Draw a shape"] {
    padding: 6px !important;
    padding-bottom: 7px !important
}

.gmap-control {
    box-sizing: border-box;
    min-height: 29px;
    max-height: 29px;
    direction: ltr;
    overflow: hidden;
    position: relative;
    background: #fff;
    padding: 4px 10px 0px 10px;
    font-family: Roboto, Arial, sans-serif;
    font-size: 11px;
    margin-left: 10px;
    margin-top: 10px;
    white-space: nowrap;
    line-height: 22px;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    transition: max-height 0.45s linear, max-width 0.45s 0.15s linear
}

.gmap-control:hover {
    overflow-y: auto;
    max-height: 400px;
    max-width: 400px;
    transition: max-height 0.45s linear, max-width 0.15s linear
}

.drawingmanager-message {
    background: #f9edbe;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

.drawingmanager-message .jfk-button {
    margin: 1px -5px 0 10px;
    float: right
}

.drawingmanager-message .lock-button .jfk-button-img {
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50)
}

.drawingmanager-message .lock-button:hover .jfk-button-img {
    opacity: .75;
    -moz-opacity: .75;
    filter: alpha(opacity=75)
}

.drawingmanager-message .lock-button.locked .jfk-button-img {
    opacity: .75;
    -moz-opacity: .75;
    filter: alpha(opacity=75)
}

#detail-el {
    margin-left: auto;
    margin-right: auto
}

#detail-el h1 {
    color: #222222
}

#detail-el .header {
    font-weight: bold
}

#detail-el .title {
    font-size: 150%
}

#detail-el .d-description {
    margin-top: 16px
}

#detail-el .d-sample-wrap {
    float: left;
    margin-right: 32px
}

#detail-el .d-sample {
    display: block;
    width: 256px;
    height: 256px;
    border: 1px solid #ebebeb;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px
}

#detail-el .d-field {
    font: normal 13px Arial, sans-serif;
    margin-bottom: 16px
}

#detail-el .left-column {
    overflow: hidden;
    margin: 0 16px 0 0
}

#detail-el .right-column {
    float: right;
    margin: 16px 0 16px 16px;
    width: 309.33333333px
}

footer {
    clear: both;
    padding: 16px;
    text-align: center;
    font-size: 13px
}

footer a, footer span {
    margin: 0px 10px
}

#view-container {
    width: 800px;
    margin-top: 15px;
    margin-left: auto;
    margin-right: auto
}

#asset-list-results > div {
    margin-bottom: 16px;
    min-height: 77px;
    clear: both;
    color: #222222;
    font: normal 13px Arial, sans-serif;
    border: 1px solid #fff;
    padding: 4px;
    cursor: pointer
}

#asset-list-results > div:hover {
    background: #f1f1f1;
    border: 1px solid #ebebeb;
    border-radius: 7px
}

.ee-assetlist-item-metadata {
    margin-top: 2px;
    color: #777
}

.ee-assetlist-item-description {
    margin-top: 2px
}

.ee-assetlist-item-thumb {
    float: left;
    width: 75px;
    height: 75px;
    margin: 2px 8px 0 0;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    background-size: cover
}

.ee-assetlist-item-thumb.generic {
    background-color: #eee;
    background-image: url('/images/genericthumb.svg')
}

.renamable:hover {
    color: #15c;
    background: url(/images/edit-blue.svg) no-repeat right center;
    padding-right: 20px !important;
    cursor: pointer
}

.ee-renamer {
    position: absolute;
    height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ee-renamer .jfk-textinput {
    float: left;
    width: 200px;
    height: 16px;
    padding: 0px 2px;
    margin-right: 3px;
    font: 13px Arial, sans-serif
}

.ee-renamer .jfk-button-mini {
    height: 16px;
    line-height: 17px;
    margin-right: 0px;
    vertical-align: top
}

.ee-renamer .goog-custom-button-inner-box {
    padding: 0px 4px 1px 4px
}

.ee-search {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative
}

.ee-search .search-textbox {
    color: #222222;
    min-width: 100px;
    line-height: 18px;
    padding: 1px 30px 2px 8px;
    margin: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    display: block
}

.ee-search .search-button {
    border-radius: 0 2px 2px 0;
    display: inline-block;
    position: relative;
    padding-bottom: 1px;
    margin: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.ee-search .search-button-icon {
    background-repeat: no-repeat;
    background-position: center center;
    height: 30px;
    width: 30px;
    position: absolute;
    top: -2px;
    left: 19px
}

.ee-search .search-results, .ee-search .featured-results {
    position: absolute;
    left: 0px;
    top: 30px;
    right: 72px;
    background: white;
    border: 1px solid #ccc;
    border-top-color: #d9d9d9;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2);
    outline: none;
    z-index: 5
}

.ee-search .featured-results-heading {
    padding: 5px 15px;
    font-size: 12px;
    color: #888888;
    text-transform: uppercase;
    font-weight: bold;
    background-color: #f8f8f8;
    border-bottom: 1px solid #ebebeb
}

.ee-search .search-no-results {
    margin: auto;
    text-align: center;
    padding: 15px;
    color: #ccc
}

.ee-search .search-section {
    clear: both;
    border-bottom: 1px solid #e8e8e8;
    height: 100%;
    overflow: hidden;
    padding-bottom: 4px;
    opacity: 1;
    transition: opacity 0.2s ease
}

.ee-search .search-section.loading .search-heading {
    display: inline-block;
    padding-right: 18px;
    background-repeat: no-repeat;
    background-position-x: right;
    background-position-y: 7px
}

.ee-search .search-section.loading .search-contents {
    opacity: 0.5
}

.ee-search .search-section.empty {
    opacity: 0.25
}

.ee-search .featured-results .search-section.empty {
    display: none
}

.ee-search .search-heading {
    font-weight: bold;
    display: block;
    font-size: 13px;
    color: #aaa;
    text-transform: uppercase;
    padding: 8px 15px;
    padding-bottom: 4px
}

.ee-search .search-result {
    cursor: pointer;
    outline: none;
    line-height: 20px;
    padding-left: 30px;
    padding-top: 2px;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis')
}

.ee-search .search-result-primary {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis')
}

.ee-search .search-result-secondary {
    float: right;
    padding: 0px 10px;
    color: #15c;
    font-size: 13px;
    height: 22px;
    display: none
}

.ee-search .search-result:hover .search-result-secondary, .ee-search .search-result:focus .search-result-secondary, .ee-search .search-result:active .search-result-secondary {
    display: block
}

.ee-search .search-result .search-result-secondary:hover, .ee-search .search-result .search-result-secondary:focus, .ee-search .search-result .search-result-secondary:active {
    text-decoration: underline
}

.ee-search .search-result:hover, .ee-search .search-result:focus, .ee-search .search-result:active {
    background: #eee
}

.ee-search .search-result-more {
    font-weight: bold
}

.acl .acl-row button {
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #444444;
    background: #f1f1f1;
    background: #f1f1f1;
    background: -moz-linear-gradient(top, #f1f1f1 0%, #f5f5f5 0%, #f1f1f1 100%);
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #f5f5f5 0%, #f1f1f1 100%);
    background: -o-linear-gradient(top, #f1f1f1 0%, #f5f5f5 0%, #f1f1f1 100%);
    background: -ms-linear-gradient(top, #f1f1f1 0%, #f5f5f5 0%, #f1f1f1 100%);
    background: linear-gradient(top, #f1f1f1 0%, #f5f5f5 0%, #f1f1f1 100%);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: default;
    transition: border .218s, color .218s, background .218s;
    height: 22px
}

.acl .acl-row button:hover {
    border: 1px solid #c6c6c6;
    color: #222222;
    transition: all 0s;
    background: #f1f1f1;
    background: -moz-linear-gradient(top, #f1f1f1 0%, #f8f8f8 0%, #f1f1f1 100%);
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #f8f8f8 0%, #f1f1f1 100%);
    background: -o-linear-gradient(top, #f1f1f1 0%, #f8f8f8 0%, #f1f1f1 100%);
    background: -ms-linear-gradient(top, #f1f1f1 0%, #f8f8f8 0%, #f1f1f1 100%);
    background: linear-gradient(top, #f1f1f1 0%, #f8f8f8 0%, #f1f1f1 100%);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1)
}

.acl .acl-row button:active {
    background: #e0e0e0;
    background: -moz-linear-gradient(top, #e0e0e0 0%, #eeeeee 0%, #e0e0e0 100%);
    background: -webkit-linear-gradient(top, #e0e0e0 0%, #eeeeee 0%, #e0e0e0 100%);
    background: -o-linear-gradient(top, #e0e0e0 0%, #eeeeee 0%, #e0e0e0 100%);
    background: -ms-linear-gradient(top, #e0e0e0 0%, #eeeeee 0%, #e0e0e0 100%);
    background: linear-gradient(top, #e0e0e0 0%, #eeeeee 0%, #e0e0e0 100%);
    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);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    border: 1px solid #c0c0c0;
    color: #333333
}

.acl .acl-row {
    margin: 6px 0px;
    line-height: 20px
}

.acl .acl-row .goog-flat-menu-button {
    height: 20px;
    line-height: 20px
}

.acl .acl-row .goog-flat-menu-button-dropdown {
    top: 9px
}

.acl .acl-row .acl-label {
    display: inline-block;
    margin-left: 20px;
    width: 200px
}

.acl .acl-row input[type=text] {
    margin-left: 15px;
    width: 192px;
    margin-right: 6px;
    padding: 1px 1px 2px 2px
}

.acl .acl-row button {
    margin-left: 6px;
    visibility: hidden
}

.acl .acl-row:hover button, .acl .acl-row-new button {
    visibility: visible
}

.acl .acl-row-new {
    margin-top: 30px
}

.ui-chart {
    position: relative;
    height: 200px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    align-self: stretch
}

.ui-chart.loaded .pop-out-icon {
    height: 18px;
    width: 18px;
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/open_in_new_black_18dp.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 0px;
    opacity: 0.4;
    cursor: pointer;
    outline: none;
    right: 0px
}

.ui-chart.loaded .pop-out-icon:hover {
    opacity: 0.7
}

.ui-chart.motion {
    height: 300px
}

.ui-chart.table {
    height: auto
}

.ui-chart.loading::before {
    background: url('/images/loading.gif') left top no-repeat;
    color: #777777;
    content: 'Generating chart...';
    height: 20px;
    margin: auto;
    padding-left: 20px
}

.ui-chart .error {
    cursor: default;
    margin: auto !important;
    padding-left: 8px;
    padding-right: 8px;
    max-width: 80%
}

.ui-chart .chart-table-header:not(:first-child):not(:last-child) {
    border: 1px solid #eee;
    border-top: 0
}

.ui-chart .chart-table-header:last-child {
    border-bottom: 1px solid #eee;
    border-left: 1px solid #eee
}

.ui-chart .chart-table-header:first-child {
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee
}

.console {
    margin: 0;
    white-space: pre-wrap
}

.console > .intro {
    display: inline-block;
    margin-right: 1em
}

.console > .divider {
    border: none;
    border-top: 1px #f1f1f1 solid;
    clear: both
}

.console .error {
    background: #b00;
    color: #ffffff !important;
    text-shadow: 0px 1.5px 1px rgba(128, 128, 128, 0.8);
    display: inline-block;
    border-radius: 4px;
    position: relative;
    margin-bottom: 6px;
    padding: 4px;
    float: left
}

.console > .error .zippy .header {
    background: transparent
}

.console > .error > .counter {
    text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.2);
    float: right;
    position: relative;
    top: -4px;
    right: -4px;
    padding: 4px 5px 2px 3px;
    font-weight: bold;
    border: 2px #ffffff solid;
    border-top: none;
    border-right: none;
    border-bottom-left-radius: 4px;
    cursor: default;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.console .feedback-link {
    display: block;
    color: rgb(136, 192, 255)
}

.console .link {
    color: #1155cc;
    cursor: pointer
}

.console .link:hover {
    text-decoration: underline
}

.explorer {
    position: relative;
    clear: both
}

.explorer.loading:before {
    content: url('/images/loading.gif');
    float: left
}

.explorer.loading {
    color: #777777
}

.explorer.error {
    color: #b00
}

.explorer.error .body {
    white-space: pre
}

.explorer .json-switch {
    clear: both;
    float: right;
    cursor: pointer;
    color: #777777;
    padding: 3px;
    border-radius: 4px;
    font-size: 12px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.explorer .json-switch:hover {
    color: #000000;
    background: #f0f0f0
}

.explorer .json-select-brace {
    text-decoration: underline;
    cursor: pointer
}

.explorer pre {
    margin: 0
}

.explorer {
    cursor: default
}

.explorer .trivial, .explorer .zippy > .header {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis');
    white-space: pre
}

.explorer.string, .explorer pre {
    white-space: pre-wrap
}

.explorer.simple, .explorer.string {
    padding-left: 10px
}

.explorer .label {
    color: #7b1fa2;
    float: left;
    white-space: pre
}

.ui-root.hidden {
    background-color: #b3d1ff !important
}

.ui-root {
    width: 100%;
    height: 100%
}

.ui-root:before {
    display: block;
    height: 100%;
    width: 100%;
    content: '';
    background: url('/bigicon.png') no-repeat center center;
    transition: opacity ease-out 0.4s;
    opacity: 0
}

.ui-root.hidden:before {
    opacity: 1
}

.ui-root > div {
    transition: opacity ease-in 0.2s
}

.ui-root.hidden > div {
    opacity: 0;
    overflow: hidden
}

.ui-root > .ui-panel {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.panel > .header {
    background: #4787ed;
    background: -moz-linear-gradient(top, #4787ed 0%, #4d90fe 0%, #4787ed 100%);
    background: -webkit-linear-gradient(top, #4787ed 0%, #4d90fe 0%, #4787ed 100%);
    background: -o-linear-gradient(top, #4787ed 0%, #4d90fe 0%, #4787ed 100%);
    background: -ms-linear-gradient(top, #4787ed 0%, #4d90fe 0%, #4787ed 100%);
    background: linear-gradient(top, #4787ed 0%, #4d90fe 0%, #4787ed 100%);
    padding: 4px;
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    line-height: 19px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.panel > .content {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.panel > .content > .jfkScrollable-inner {
    padding: 4px 8px;
    width: auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.panel > .content > .jfkScrollable-inner > * {
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text
}

.popup {
    padding: 12px 18px 22px 26px
}

.popup .pop-out, .popup .modal-dialog-title-close {
    background-repeat: no-repeat;
    position: absolute;
    top: 9px;
    cursor: pointer;
    outline: none;
    height: 24px;
    width: 24px;
    padding: 6px 7px 0px 0px
}

.popup .pop-out:hover, .popup .modal-dialog-title-close:hover {
    opacity: 0.7
}

.popup .pop-out {
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/open_in_new_black_18dp.png);
    background-position: 5px 5px;
    right: 31px;
    opacity: 0.5
}

.popup .modal-dialog-title-text {
    display: inline-block
}

.popup .modal-dialog-title-close {
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/close_black_24dp.png);
    background-position: 0px 2px;
    right: 0px;
    opacity: 0.4
}

.popup .modal-dialog-title-close:after {
    content: none
}

.popup .modal-dialog-buttons .goog-buttonset-primary {
    background: #d14836;
    background: -moz-linear-gradient(top, #d14836 0%, #dd4b39 0%, #d14836 100%);
    background: -webkit-linear-gradient(top, #d14836 0%, #dd4b39 0%, #d14836 100%);
    background: -o-linear-gradient(top, #d14836 0%, #dd4b39 0%, #d14836 100%);
    background: -ms-linear-gradient(top, #d14836 0%, #dd4b39 0%, #d14836 100%);
    background: linear-gradient(top, #d14836 0%, #dd4b39 0%, #d14836 100%);
    border: 1px solid transparent;
    color: #ffffff;
    text-shadow: 0px 1px rgba(0, 0, 0, 0.1)
}

.popup .modal-dialog-buttons .goog-buttonset-primary:hover {
    background: #c53727;
    background: -moz-linear-gradient(top, #c53727 0%, #dd4b39 0%, #c53727 100%);
    background: -webkit-linear-gradient(top, #c53727 0%, #dd4b39 0%, #c53727 100%);
    background: -o-linear-gradient(top, #c53727 0%, #dd4b39 0%, #c53727 100%);
    background: -ms-linear-gradient(top, #c53727 0%, #dd4b39 0%, #c53727 100%);
    background: linear-gradient(top, #c53727 0%, #dd4b39 0%, #c53727 100%);
    border: 1px solid #b0281a;
    border-bottom-color: #af301f;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2)
}

.popup .modal-dialog-buttons .goog-buttonset-primary[disabled] {
    background: #dd4b39;
    opacity: 0.5
}

.prompt-prefix-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center
}

.prompt-prefix-wrapper .modal-dialog-userInput {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: auto;
    font-family: monospace
}

.prompt-prefix-wrapper .prompt-prefix {
    padding-right: 8px;
    font-family: monospace
}

.profile-viewer {
    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;
    height: 100%;
    margin: -4px -8px
}

.profile-viewer-control > * {
    vertical-align: middle
}

.profile-viewer-control, .profile-viewer-status {
    margin: 4px 8px;
    min-height: 1.1em
}

.profile-viewer-status.loading:before {
    content: url('/images/loading.gif');
    float: left
}

.profile-viewer-status.loading {
    color: #777777
}

.profile-viewer-status.error, .profile-viewer-data.error {
    color: #b00
}

.profile-viewer-data-outer {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    margin-bottom: -8px;
    position: relative
}

.profile-viewer-data {
    position: absolute;
    height: 100%;
    width: 100%;
    max-width: 100%
}

.profile-viewer-data .google-visualization-table {
    border-right: none;
    border-bottom: none;
    border-left: none
}

.property-list {
    overflow-y: auto;
    max-height: 200px;
    overflow-x: hidden
}

.property-list table {
    width: 100%;
    text-align: left;
    border-spacing: 0;
    vertical-align: top;
    table-layout: fixed
}

.property-list table tr:nth-child(odd), .property-list table tr.property-editor-row:nth-child(odd) {
    background-color: #fafafa
}

.property-list table tr:hover, .property-list table tr.property-editor-row {
    background: #f0f0f0
}

.property-list tr td:first-child {
    width: 115px
}

.property-list tr .name, .property-list tr .value {
    border: 1px rgba(0, 0, 0, 0) solid;
    padding: 1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis');
    overflow: hidden;
    height: 15px;
    cursor: text;
    margin-left: 1px;
    margin-top: -1px;
    padding-bottom: 2px
}

.property-list tr:hover .name, .property-list tr:hover .value {
    border-color: #cccccc
}

.property-list .name {
    max-width: 120px;
    font-style: italic
}

.property-list .value-icon-wrapper {
    display: flex
}

.property-list .value {
    flex-grow: 1;
    width: calc(100% - 24px)
}

.property-list tr.property-row.hidden-property {
    display: none
}

.property-list tr.read-only .name {
    word-wrap: break-word
}

.property-list.read-only tr .name, .property-list.read-only tr .value {
    cursor: default
}

.property-list.read-only tr:hover .name, .property-list.read-only tr:hover .value {
    border-color: rgba(0, 0, 0, 0)
}

.property-list tr.read-only .value {
    border: 0;
    padding: 0;
    height: auto
}

.property-list tr.read-only:hover .name {
    border-color: rgba(0, 0, 0, 0)
}

.property-list.read-only .controls, .property-list.read-only .icons {
    display: none
}

.property-list .explorer {
    max-width: 480px
}

.property-list .explorer .json-switch {
    padding: 0px
}

.property-list .explorer .trivial {
    white-space: nowrap
}

.input-done-wrapper {
    display: flex
}

.property-list .property-editor-row .jfk-textinput {
    height: 19px;
    padding-left: 2px;
    padding-right: 2px;
    flex-grow: 1
}

.property-list .property-editor-row .jfk-button {
    box-sizing: initial;
    padding-right: 10px;
    margin-left: 2px;
    margin-right: 0px
}

.property-list tr.read-only .icons {
    display: none
}

.property-list .icons > .delete {
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/delete_white_18dp.png)
}

.property-list .icons {
    padding-left: 2px
}

.property-list tr:hover .icons > * {
    visibility: visible
}

.property-list .icons > * {
    background-color: #b8b8b8;
    height: 15px;
    width: 0;
    display: inline-block;
    vertical-align: middle;
    border-radius: 2px;
    position: relative;
    background-repeat: no-repeat;
    background-position: 1px 1px;
    background-size: 13px;
    visibility: hidden;
    float: right;
    cursor: pointer;
    top: 2px;
    margin-right: 2px;
    width: 15px
}

.property-list .icons > *:hover {
    opacity: 0.7
}

.property-list .controls {
    margin-top: 8px;
    margin-left: 8px
}

.property-list .add-button {
    display: block;
    position: relative;
    cursor: pointer;
    color: #357ae8;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    padding-left: 10px
}

.property-list .add-button:before {
    content: '+';
    width: 12px;
    height: 12px;
    position: absolute;
    left: 0
}

.property-list .add-button:hover {
    color: #4d90fe;
    text-decoration: underline
}

.property-list.disabled, .property-list.editing tr, .property-list.loading tr, .property-list.editing .controls, .property-list.loading .controls {
    opacity: 0.5;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.property-list, .property-list tr, .property-list.controls {
    transition: opacity ease-out 0.1s
}

.property-list.editing tr.property-editor-row {
    opacity: 1;
    pointer-events: auto;
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text
}

.property-list .table-wrapper {
    position: relative
}

.property-list .loading-overlay {
    display: none;
    background-color: #ffffff;
    height: 100%;
    width: 100%;
    opacity: .7
}

.property-list.loading .loading-overlay {
    position: absolute;
    display: block
}

.property-list .loading-text-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 100%
}

.property-list .loading-text-wrapper::before {
    background: url('/images/loading.gif') left top no-repeat;
    color: #777777;
    content: 'Loading...';
    height: 20px;
    margin: auto;
    padding-left: 20px
}

.shortcuts-list {
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: auto
}

.shortcuts-section {
    width: 600px;
    margin: 0px 5px 20px 5px
}

.shortcuts-section:last-child {
    margin-bottom: 0px
}

.shortcuts-section .name {
    font-weight: bold;
    margin-bottom: 5px;
    text-align: center
}

.shortcuts-section .keys {
    width: 215px;
    display: inline-block;
    text-align: right;
    cursor: default;
    margin-right: 10px
}

.shortcuts-section .key {
    display: inline-block;
    padding: 5px;
    margin: 5px;
    min-width: 20px;
    font-size: 11pt;
    text-align: center;
    border-radius: 4px;
    background: #f5f5f5;
    color: #444444;
    border-top: 1px solid #dcdcdc;
    box-shadow: inset 0 0 25px #e8e8e8, 0 1px 0 #c3c3c3, 0 2px 0 #c9c9c9, 0 2px 3px #333333;
    text-shadow: 0px 1px 0px #dcdcdc
}

.shortcuts-section .label {
    display: inline-block;
    max-width: 350px;
    vertical-align: text-top
}

.tab-panel > .header {
    padding: 0px;
    white-space: nowrap;
    line-height: 18px
}

.tab-panel > .header .goog-tab-bar {
    margin: 0;
    padding-left: 2px;
    padding-top: 2px;
    outline: none;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #2f5bb7
}

.tab-panel > .header .goog-tab {
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    padding: 0px 4px 0px 4px;
    position: relative;
    top: 1px;
    background: #4787ed;
    background: -moz-linear-gradient(top, #4787ed 0%, #4d90fe 0%, #4787ed 100%);
    background: -webkit-linear-gradient(top, #4787ed 0%, #4d90fe 0%, #4787ed 100%);
    background: -o-linear-gradient(top, #4787ed 0%, #4d90fe 0%, #4787ed 100%);
    background: -ms-linear-gradient(top, #4787ed 0%, #4d90fe 0%, #4787ed 100%);
    background: linear-gradient(top, #4787ed 0%, #4d90fe 0%, #4787ed 100%);
    border: 1px solid #3079ed;
    border-radius: 5px 5px 0 0;
    border-bottom-color: #2f5bb7;
    margin-right: 2px
}

.tab-panel > .header .goog-tab-hover {
    background: #357ae8;
    background: -moz-linear-gradient(top, #357ae8 0%, #4d90fe 0%, #357ae8 100%);
    background: -webkit-linear-gradient(top, #357ae8 0%, #4d90fe 0%, #357ae8 100%);
    background: -o-linear-gradient(top, #357ae8 0%, #4d90fe 0%, #357ae8 100%);
    background: -ms-linear-gradient(top, #357ae8 0%, #4d90fe 0%, #357ae8 100%);
    background: linear-gradient(top, #357ae8 0%, #4d90fe 0%, #357ae8 100%);
    border-color: #2f5bb7
}

.tab-panel > .header .goog-tab.alert {
    background: #ff9100;
    background: -moz-linear-gradient(top, #ff9100 0%, #ffab40 0%, #ff9100 100%);
    background: -webkit-linear-gradient(top, #ff9100 0%, #ffab40 0%, #ff9100 100%);
    background: -o-linear-gradient(top, #ff9100 0%, #ffab40 0%, #ff9100 100%);
    background: -ms-linear-gradient(top, #ff9100 0%, #ffab40 0%, #ff9100 100%);
    background: linear-gradient(top, #ff9100 0%, #ffab40 0%, #ff9100 100%);
    border-bottom-color: #ae9579
}

.tab-panel > .header .goog-tab-hover.alert {
    background: #f57c00;
    background: -moz-linear-gradient(top, #f57c00 0%, #ffab40 0%, #f57c00 100%);
    background: -webkit-linear-gradient(top, #f57c00 0%, #ffab40 0%, #f57c00 100%);
    background: -o-linear-gradient(top, #f57c00 0%, #ffab40 0%, #f57c00 100%);
    background: -ms-linear-gradient(top, #f57c00 0%, #ffab40 0%, #f57c00 100%);
    background: linear-gradient(top, #f57c00 0%, #ffab40 0%, #f57c00 100%);
    border-bottom: #ae9579
}

.tab-panel > .header .goog-tab-selected {
    background: #ffffff;
    color: #000000;
    border-bottom: 1px solid #ffffff
}

.tree-manager {
    font-size: 14px;
    line-height: 19px;
    cursor: default
}

.tree-manager .zippy > .header {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.tree-manager .zippy.collapsed > .body {
    display: none
}

.tree-manager .zippy > .header, .tree-manager .zippy > .body, .tree-manager .tree-file, .tree-manager .create-link, .tree-drag-clone {
    padding: 0 3px 0 18px
}

.tree-manager .zippy > .body {
    padding-right: 0
}

.tree-manager .zippy > .header, .tree-manager .tree-item, .tree-manager .create-link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis')
}

.tree-manager .tree.zippy > .header, .tree-manager .tree-file, .tree-manager .tree-folder > .zippy > .header {
    display: flex
}

.tree-manager .tree-item-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis');
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.tree-manager .tree > .header {
    font-weight: bold
}

.tree-manager .zippy > .header:before {
    left: 6px;
    top: 4px
}

.tree-manager.loading .zippy > .header:before, .tree-manager .tree-folder.loading .zippy > .header:before, .tree-manager .zippy.loading > .header:before {
    content: url('/images/loading.gif');
    float: left;
    opacity: 1;
    top: 1px;
    left: 1px;
    transform: initial !important
}

.tree-manager .create-link {
    display: block;
    position: relative;
    color: #357ae8;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.tree-manager .create-link:hover {
    color: #4d90fe
}

.tree-manager .create-link:before {
    content: '+';
    width: 12px;
    height: 12px;
    position: absolute;
    left: 5px;
    top: 0px
}

.tree-manager .tree.access-reader .create-link {
    display: none
}

.tree-manager .message {
    color: #777777;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis');
    padding-left: 4px;
    display: none
}

.tree-manager .error, .tree-manager .error .message {
    color: #b00
}

.tree-manager .error .create-link, .tree-manager .error .history-button {
    display: none
}

.tree-manager.loading, .tree-manager .loading {
    color: #777777;
    pointer-events: none
}

.tree-manager .button {
    background-color: #b8b8b8;
    height: 15px;
    width: 0;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 2px;
    position: relative;
    top: 2px;
    background-repeat: no-repeat;
    background-position: 1px 1px;
    background-size: 13px;
    visibility: hidden;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.tree-manager .tree > .header:hover > .button, .tree-manager .tree > .header.tree-item-selected > .button, .tree-manager .tree-folder > .zippy > .header:hover > .button, .tree-manager .tree-folder > .zippy > .header.tree-item-selected > .button, .tree-manager .tree-file:hover > .button, .tree-manager .tree-file.tree-item-selected > .button {
    visibility: visible;
    margin-left: 7px;
    width: 15px
}

.tree-manager .tree > .header:hover > .button:hover, .tree-manager .tree-folder > .zippy > .header:hover > .button:hover, .tree-manager .tree-file:hover > .button:hover {
    background-color: #357ae8
}

.tree-manager .button:active {
    background-color: #4d90fe
}

.tree-manager .config-button {
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/settings_white_24dp.png)
}

.tree-manager .tree.access-reader .config-button, .tree-manager .tree.access-writer .config-button {
    background-image: url('/images/info.png')
}

.tree-manager .history-button {
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/history_white_18dp.png)
}

.tree-manager .rename-button {
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/mode_edit_white_18dp.png)
}

.tree-manager .delete-button {
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/delete_white_18dp.png)
}

.tree-manager .hide-button {
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/block_white_18dp.png)
}

.tree-manager .import-button {
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/arrow_forward_white_18dp.png)
}

.tree-manager .share-button {
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/share_white_18dp.png)
}

.tree-manager .tree.access-reader .rename-button, .tree-manager .tree.access-reader .share-button, .tree-manager .tree.access-reader .delete-button {
    display: none
}

.tree-manager .tree.access-reader > .header > .delete-button, .tree-manager .tree.access-writer > .header > .delete-button {
    display: none
}

.tree-manager .tree.history-disabled .history-button, .tree-manager .tree.import-disabled .import-button, .share-disabled .share-button {
    display: none
}

.tree-item-renamer .jfk-button {
    display: none
}

.tree-manager .tree-file, .tree-drag-clone.tree-file {
    border-radius: 4px;
    position: relative
}

.tree-manager .tree-file:hover, .tree-manager .tree-file.tree-item-selected {
    background: #f0f0f0
}

.tree-manager .tree-file:before, .tree-drag-clone.tree-file:before, .tree-drag-clone.header:before {
    content: '';
    width: 14px;
    height: 14px;
    position: absolute;
    left: 3px;
    top: 1px;
    background-size: 14px;
    background-repeat: no-repeat;
    opacity: 0.5
}

.tree-manager .tree-file:before, .tree-drag-clone.tree-file:before {
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/insert_drive_file_black_18dp.png)
}

.tree-drag-clone.header:before {
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/folder_black_18dp.png)
}

.tree-manager .tree-folder > .zippy > .body > .message, .tree-manager .tree-folder > .message {
    color: #777777;
    display: none
}

.tree-manager .tree-folder.empty > .zippy > .body > .message, .tree-manager .tree-folder.empty > div > .message {
    display: block
}

.tree-manager .tree-drag-target {
    background: #f9edbe;
    border-radius: 4px
}

.tree-drag-clone {
    background: #f0f0f0;
    border: 1px #dcdcdc solid;
    border-radius: 4px;
    cursor: default
}

.tree-drag-clone-to-copy {
    padding-right: 3.5em
}

.tree-drag-clone-to-copy:after {
    content: ' (copy)';
    position: absolute;
    right: 3px;
    top: 0px
}

.tree-manager .tree.filtered-empty {
    color: #777777
}

.tree-manager .tree.filtered .tree-item, .tree-manager .tree.filtered .create-link {
    display: none
}

.tree-manager .tree.filtered .tree-item.filter-match {
    display: flex
}

.tree-manager .tree.filtered .tree-item.filter-match-ancestor, .tree-manager .tree.filtered .tree-item.filter-match-ancestor > .zippy > .body {
    display: block !important
}

.tree-manager .tree.filtered .tree-item.filter-match-ancestor > .zippy > .header {
    pointer-events: none
}

.tree-manager .tree.filtered .tree-item.filter-match-ancestor > .zippy > .header::before {
    transform: rotate(90deg)
}

.tree-manager .tree.filtered .tree-item.filter-match-ancestor > .zippy > .body {
    height: auto;
    padding: 0 3px 0 18px
}

.goog-splitpane-handle {
    height: 0px;
    background-color: #f5f5f5;
    background-repeat: no-repeat;
    background-position: center;
    border-color: #dcdcdc;
    border-style: solid;
    border-width: 0px
}

.goog-splitpane-handle-vertical {
    background-image: url('/images/handle.png'), -moz-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-image: url('/images/handle.png'), -webkit-linear-gradient(top, #f5f5f5, #f1f1f1);
    background-position-y: 0px;
    cursor: row-resize;
    border-top-width: 1px;
    border-bottom-width: 1px
}

.goog-splitpane-handle-horizontal {
    background-image: url('/images/vertical_handle.png'), -moz-linear-gradient(left, #f5f5f5, #f1f1f1);
    background-image: url('/images/vertical_handle.png'), -webkit-linear-gradient(left, #f5f5f5, #f1f1f1);
    cursor: col-resize;
    border-left-width: 1px;
    border-right-width: 1px
}

.goog-splitpane-first-container, .goog-splitpane-second-container {
    overflow: hidden
}

.notification-panel {
    margin-top: 5px;
    width: 200px;
    position: absolute;
    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;
    -webkit-align-items: center;
    align-items: center;
    text-align: center
}

.notification-panel .notification {
    margin-bottom: 5px;
    padding: 4px 15px;
    background-color: #f9edbe;
    border: 1px #f0c36d solid;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
    color: #222;
    font-size: 12px;
    font-weight: bold;
    transition: opacity 218ms
}

.notification-panel .notification.clickable {
    text-decoration: underline;
    cursor: pointer
}

.notification-panel .notification.hidden {
    display: none
}

.notification-panel .notification.warning {
    background-color: #dd4b39;
    border: 1px #602019 solid;
    color: #fff
}

.zippy > .header {
    cursor: default;
    outline: 0;
    padding: 0px 10px;
    position: relative
}

.zippy > .header:hover {
    background: #f0f0f0;
    border-radius: 4px;
    outline: 0
}

.zippy > .header:before {
    content: url('/images/zippy-tab.svg');
    opacity: 0.6;
    width: 8px;
    height: 8px;
    line-height: 8px;
    position: absolute;
    left: 0px;
    top: 3px;
    transition: transform 100ms;
    transform-origin: 50% 50%
}

.zippy.collapsed > .header:before {
    transform: rotate(0deg)
}

.zippy.expanded > .header:before {
    transform: rotate(90deg)
}

.zippy > .body {
    padding-bottom: 5px;
    padding-left: 17px;
    transition: padding 100ms
}

.zippy.collapsed > .body {
    padding-bottom: 0px;
    padding-left: 10px;
    height: 0;
    overflow: hidden
}

.asset-manager .no-roots {
    padding-top: 5px
}

.asset-manager .new-file.create-link {
    display: none
}

.asset-manager .top-buttons {
    max-width: 190px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.asset-manager .top-buttons .jfk-button {
    margin: 4px
}

.asset-manager .upload-button {
    flex-grow: 1
}

.asset-manager .refresh-button {
    min-width: 27px;
    height: 27px;
    padding: 0
}

.asset-manager .jfk-button-disabled.refresh-button {
    opacity: 0.44
}

.asset-manager .refresh-button:after {
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/refresh_black_24dp.png);
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 2px;
    width: 80%;
    height: 80%;
    opacity: 0.55;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: opacity 0.15s ease;
    -moz-transition: opacity 0.15s ease;
    -o-transition: opacity 0.15s ease;
    transition: opacity 0.15s ease
}

.asset-manager .tree-folder .header > .import-button {
    display: none
}

.asset-manager .tree-list {
    margin-top: 8px
}

.asset-manager.loading .tree-list.has-message > .message, .asset-manager .tree-list > .message {
    display: none;
    white-space: normal
}

.asset-manager .tree-list.has-message > .message {
    display: block;
    padding: 0;
    margin-left: 8px
}

.asset-manager.loading .tree-list.has-message::before {
    background: url('/images/loading.gif') left top no-repeat;
    color: #777777;
    content: 'Loading assets...';
    margin: auto;
    padding-left: 20px
}

.asset-manager .tree-file .delete-button {
    display: none
}

.asset-create-home-root-explanation {
    margin-bottom: -2em
}

.asset-create-home-root-explanation .emphasized {
    font-weight: bold
}

.asset-manager .tree .quota-button {
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/data_usage_white_18dp.png);
    display: inline-block
}

.asset-manager .tree.access-reader .quota-button, .asset-manager .tree.access-writer .quota-button {
    display: none
}

.tree-manager .tree-file.file-type-image::before, .tree-drag-clone.tree-file.file-type-image::before {
    top: 2px;
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/image_black_18dp.png)
}

.tree-manager .tree-file.file-type-image-collection::before, .tree-drag-clone.tree-file.file-type-image-collection::before {
    top: 2px;
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/auto_awesome_motion_black_18dp.png);
    transform: rotate(90deg)
}

.asset-quota-details {
    padding: 0 15px 5px 10px
}

.asset-quota-details .usage-table {
    margin-top: 3px
}

.asset-quota-details .usage-table tr > * {
    padding: 3px
}

.asset-quota-details .usage-table td:first-child {
    font-weight: bold
}

.asset-sharing-dialog .acl-initial {
    margin-top: 30px
}

.asset-sharing-dialog .is-public-checkbox {
    margin-left: 15px;
    margin-top: 8px;
    margin-bottom: 30px
}

.asset-details-dialog .modal-dialog-title {
    max-width: 700px;
    font-weight: bold;
    word-wrap: break-word
}

.asset-details {
    width: 600px;
    max-height: 600px;
    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
}

.asset-details .details-and-preview {
    align-items: stretch;
    display: flex;
    flex-direction: row;
    justify-content: space-between
}

.asset-details .title-container {
    max-width: 700px;
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    word-wrap: break-word;
    margin-bottom: 15px
}

.asset-details .description-container {
    display: none
}

.asset-details.with-description .description-container {
    display: block;
    float: left;
    width: 60%
}

.asset-details.with-description .details-and-preview {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-start;
    float: right;
    width: 35%
}

.asset-details.with-description .details-and-preview > * {
    flex-grow: 1
}

.asset-details .asset-detail {
    padding-bottom: 8px
}

.asset-details .asset-detail-header {
    font-weight: bold
}

.asset-details .asset-detail-value {
    word-wrap: break-word
}

.asset-details .bottom-container {
    margin-top: 16px
}

.asset-details .zippy.top-level > .header {
    font-weight: bold;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.asset-details .zippy.top-level > .body {
    padding-left: 0px
}

.asset-details .zippy.top-level.hidden-zippy {
    display: none
}

.asset-details .zippy > .header:before {
    top: 5px
}

.asset-details .editable {
    cursor: pointer
}

.asset-details.hidden {
    visibility: hidden
}

.asset-details .editable .edit-button {
    background-color: #b8b8b8;
    height: 15px;
    width: 15px;
    display: inline-block;
    vertical-align: middle;
    border-radius: 2px;
    position: relative;
    top: -1px;
    background-repeat: no-repeat;
    background-position: 1px 1px;
    background-size: 13px;
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/mode_edit_white_18dp.png);
    margin-left: 4px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.asset-details .editable:hover .edit-button {
    background-color: #357ae8
}

.asset-details .editable:hover {
    background: #f0f0f0;
    border-radius: 4px
}

.asset-details .editable.loading:hover .edit-button {
    background-color: #b8b8b8
}

.asset-details .loading {
    cursor: default;
    color: #b8b8b8
}

.ee-renamer.asset-system-time-editor .jfk-textinput {
    width: 130px
}

.ee-renamer.asset-system-title-editor .jfk-textinput {
    width: 130px;
    height: 24px
}

.ee-renamer.asset-system-title-editor .jfk-button {
    height: 24px;
    line-height: 24px
}

.asset-details .asset-details-table {
    width: 100%;
    text-align: left;
    border-spacing: 0;
    vertical-align: top;
    margin-right: 20px
}

.asset-details .asset-details-table th {
    font-weight: normal;
    font-style: italic
}

.asset-details .asset-details-table th, .asset-details .asset-details-table td {
    padding-left: 8px;
    vertical-align: top
}

.asset-details .asset-details-table .zippy.collapsed > .body {
    padding-left: 0
}

.asset-details .asset-details-table tbody tr:nth-child(odd) {
    background-color: #fafafa
}

.asset-details .preview-image-wrapper {
    border: 1px #cccccc solid;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    width: 200px;
    height: 200px
}

.asset-details .preview-image-wrapper.loading img, .asset-details .preview-image-wrapper.error img {
    display: none
}

.asset-details .preview-image-wrapper.loading:before {
    height: 20px;
    margin: auto;
    background: url('/images/loading.gif') left top no-repeat;
    padding-left: 20px;
    content: 'Generating...';
    color: #777777
}

.asset-details .preview-image-wrapper.loading .error, .asset-details .preview-image-wrapper.loaded .error {
    display: none
}

.asset-details .preview-image-wrapper .error {
    cursor: default;
    margin: auto !important;
    padding-left: 8px;
    padding-right: 8px;
    max-width: 80%;
    color: #777777;
    font-style: italic
}

.asset-details .preview-image {
    margin: auto;
    max-height: 200px;
    max-width: 200px
}

.asset-copy-dialog .src-asset-id, .asset-copy-dialog .dst-asset-id-picker .dst-asset-id-prefix, .asset-copy-dialog .dst-asset-id-picker .dst-asset-id-trailer {
    font-size: 13px;
    font-weight: normal;
    font-family: monospace
}

.asset-copy-dialog .dst-asset-id-picker {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative
}

.asset-copy-dialog .dst-asset-id-picker .dst-asset-id-prefix {
    line-height: 30px;
    padding-right: 8px
}

.asset-copy-dialog .dst-asset-id-picker .dst-asset-id-trailer {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: auto
}

.asset-details .bands-table-container {
    overflow-y: auto;
    max-height: 200px;
    overflow-x: hidden
}

.image-collection-details .asset-detail.size, .image-collection-details .asset-detail.date {
    display: none
}

.image-collection-details .image-list .table-wrapper {
    position: relative
}

.image-collection-details .image-list .loading-overlay {
    display: none;
    background-color: #ffffff;
    height: 100%;
    width: 100%;
    opacity: .7
}

.image-collection-details .image-list.loading .loading-overlay {
    position: absolute;
    display: block
}

.image-collection-details .image-list .loading-text-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    height: 100%
}

.image-collection-details .image-list .loading-text-wrapper::before {
    background: url('/images/loading.gif') left top no-repeat;
    color: #777777;
    content: 'Loading...';
    height: 20px;
    margin: auto;
    padding-left: 20px
}

.image-collection-details .image-list .image-table-body td {
    vertical-align: middle
}

.image-collection-details .image-list .hidden {
    display: none
}

.image-collection-details .image-list .delete-icon {
    float: right;
    width: 16px;
    height: 16px;
    background-image: url('/images/delete.svg');
    background-size: 100%;
    cursor: pointer;
    opacity: 0.4
}

.image-collection-details .image-list .delete-icon:hover, .image-collection-details .image-list .empty-page-message, .image-collection-details .image-list .empty-collection-message {
    opacity: 0.7
}

.image-collection-details .image-list .image-id-prefix {
    opacity: 0.3
}

.image-collection-details .image-list .image-id {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer;
    position: relative
}

.image-collection-details .image-list .image-id:hover::after {
    background: url(//www.gstatic.com/images/icons/material/system/1x/open_in_new_black_18dp.png);
    content: '';
    width: 12px;
    height: 12px;
    background-size: 12px;
    opacity: .7;
    position: absolute;
    top: 1px;
    right: -14px
}

.image-collection-details .image-list-controls {
    margin-top: 8px;
    margin-left: 8px
}

.image-collection-details .image-list-controls .page-navigation {
    display: inline-block;
    margin-right: 20px
}

.image-collection-details .image-list-controls .page-navigation.hidden {
    display: none
}

.image-collection-details .image-list-controls .image-page-number {
    width: 2em;
    text-align: center;
    margin: 0 4px
}

.image-collection-details .image-list-controls .nav-button.disabled {
    cursor: default;
    pointer-events: none
}

.image-collection-details .image-list-controls .nav-button.disabled::before {
    opacity: 0.4
}

.image-collection-details .image-list-controls .next-image-page::before {
    content: url(//www.gstatic.com/images/icons/material/system/1x/navigate_next_black_24dp.png);
    cursor: pointer;
    float: right;
    opacity: 1;
    top: 0px;
    left: -7px
}

.image-collection-details .image-list-controls .before-image-page::before {
    content: url(//www.gstatic.com/images/icons/material/system/1x/navigate_before_black_24dp.png);
    cursor: pointer;
    float: left;
    opacity: 1;
    top: 0px;
    left: -7px
}

.image-collection-details .image-list-controls .add-image-button {
    color: #357ae8;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer
}

.image-collection-details .image-list-controls .add-image-button:hover {
    color: #4d90fe;
    text-decoration: underline
}

.asset-upload-options {
    width: 372px
}

.asset-upload-options .goog-flat-menu-button {
    height: 28px
}

.asset-upload-options .form-field {
    margin-bottom: 15px
}

.asset-upload-options .form-field .form-field-header {
    margin: 14px 0 0 0;
    padding-right: 31px;
    font-weight: normal;
    text-align: left;
    color: #777777;
    font-size: 85%;
    line-height: 1em;
    position: relative
}

.asset-upload-options .goog-flat-menu-button {
    margin-left: 0px
}

.asset-upload-options .asset-id-picker .auto-select-single-item {
    line-height: 30px;
    padding-right: 8px
}

.asset-upload-options .asset-id-picker {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative
}

.asset-upload-options .asset-id-picker .goog-flat-menu-button-caption, .asset-upload-options .asset-id-picker .auto-select-single-item, .asset-upload-options .asset-id-picker .asset-id-trailer {
    font-size: 13px;
    font-weight: normal;
    font-family: monospace
}

.asset-upload-options .asset-id-picker .asset-id-trailer {
    -webkit-flex-grow: 1;
    flex-grow: 1;
    width: auto
}

.asset-upload-options .asset-id-picker.set-in-manifest .asset-id-prefix {
    display: none
}

.asset-upload-options .asset-id-picker.set-in-manifest .asset-id-trailer {
    padding-left: 8px;
    background-color: #fff;
    border-color: #f3f3f3;
    color: #b8b8b8
}

.asset-upload-options .jfk-butterBar-warning {
    margin: 15px 0;
    height: initial;
    font-size: 13px
}

.asset-upload-options .help-icon {
    background: url('/images/help-icon.png');
    content: '';
    width: 12px;
    height: 12px;
    background-size: 12px;
    opacity: .5;
    position: absolute;
    top: 0px;
    right: 15px
}

.asset-upload-options .help-icon:hover {
    opacity: .7
}

.asset-upload-options .properties .header-content-wrapper {
    position: relative
}

.asset-upload-options .properties .help-icon {
    right: -16px;
    top: 2px
}

.asset-upload-options .properties .done.jfk-button {
    display: none
}

.asset-upload-options .advanced-options.zippy.collapsed > body {
    visibility: hidden
}

.asset-upload-options .advanced-options.zippy > .body {
    padding-top: 10px
}

.asset-upload-options .advanced-options .mask-and-reduction, .asset-upload-options .advanced-options .mask-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    position: relative
}

.asset-upload-options .advanced-options .form-field.reduction {
    flex-shrink: 0
}

.asset-upload-options .advanced-options .form-field.mask {
    -webkit-flex-grow: 1;
    flex-grow: 1
}

.asset-upload-options .advanced-options .form-field.help .learn-more {
    position: relative;
    padding-right: 16px
}

.asset-upload-options .advanced-options .form-field.help .learn-more::after {
    background: url(//www.gstatic.com/images/icons/material/system/1x/open_in_new_black_18dp.png);
    content: '';
    width: 12px;
    height: 12px;
    background-size: 12px;
    opacity: .5;
    position: absolute;
    top: 2px;
    right: 2px
}

.asset-upload-options .first-file-button-wrapper {
    padding-top: 2px
}

.asset-upload-options .file-list .add-file-button, .asset-upload-options .file-list.count-at-least-one .first-file-button-wrapper {
    display: none
}

.asset-upload-options .file-list.count-at-least-one .add-file-button {
    display: block
}

.asset-upload-options .file-list .add-file-button {
    color: #357ae8;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: pointer
}

.asset-upload-options .file-list .add-file-button:hover {
    color: #4d90fe;
    text-decoration: underline
}

.asset-upload-options .file-list input[type="file"] {
    width: 0px;
    height: 0px
}

.asset-upload-options .file-table-container {
    max-height: 160px;
    overflow: auto
}

.asset-upload-options .file-list input[type="file"]:focus {
    outline: none
}

.asset-upload-options .file-list input[type="file"]:focus + .file-browse-button {
    outline: none
}

.asset-upload-options .file-list .file-table {
    text-align: left;
    margin-left: 0;
    border: 0;
    border-spacing: 0
}

.asset-upload-options .file-list .file-name {
    display: block;
    white-space: nowrap
}

.asset-upload-options .file-list .goog-flat-menu-button {
    width: 120px;
    text-align: left
}

.asset-upload-options .file-list .delete-icon {
    float: left;
    width: 16px;
    height: 16px;
    background-image: url('/images/delete.svg');
    background-size: 100%;
    cursor: pointer;
    opacity: 0.4
}

.asset-upload-options .file-list .delete-icon:hover {
    opacity: 0.7
}

html {
    height: 100%
}

html.ide {
    overflow: hidden
}

body {
    padding: 0px;
    margin: 0px;
    height: 100%;
    transition: opacity ease-in 0.15s
}

body, input, textarea, select, button, keygen, isindex {
    font-family: 'Roboto', Arial, sans-serif;
    font-size: 14px
}

body.loading {
    opacity: 0;
    overflow: hidden
}

a {
    color: #1155cc;
    text-decoration: none;
    cursor: pointer
}

a:hover {
    text-decoration: underline
}

a:visited {
    color: #6611cc
}

a:active {
    color: #dd4b39
}

.modal-dialog.loading .goog-flat-menu-button, .modal-dialog.loading button {
    background: #ffffff;
    color: #b8b8b8;
    transition: none;
    pointer-events: none
}

.modal-dialog .modal-dialog-title {
    padding-right: 22px
}

.dataset-description {
    max-width: 800px;
    padding: 16px 16px 16px 23px
}

.dataset-list.loading {
    background: url('/bigicon.png') no-repeat center center
}

.dataset-list.empty {
    text-align: center;
    min-height: 200px;
    line-height: 200px;
    font-size: 125%
}

.popup .dataset-list {
    height: 550px;
    width: 740px;
    padding-right: 10px;
    overflow-y: auto
}

.popup .dataset-description {
    height: 534px;
    width: 711px;
    overflow-y: auto;
    padding-top: 0
}

.popup .dataset-description > .title {
    margin-top: 0
}

.docs-list {
    line-height: 20px;
    font-size: 14px
}

.docs-list .zippy > .header {
    font-weight: bold;
    padding: 2px 16px;
    padding-right: 4px;
    cursor: pointer
}

.docs-list .zippy > .header:before {
    left: 4px;
    top: 8px
}

.docs-list .docs-method-header, .docs-list-popup .docs-method-header {
    padding: 2px 15px;
    text-decoration: none
}

.docs-list .docs-method-header:hover, .docs-list-popup .docs-method-header {
    background: #f0f0f0;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.docs-list .docs-method-header {
    display: block;
    cursor: pointer;
    border-radius: 2px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis');
    white-space: nowrap
}

.docs-popup {
    position: absolute
}

.docs-list-popup {
    background: #ffffff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    max-width: 50%;
    max-height: 70%;
    overflow-y: auto;
    margin-left: -3px;
    margin-top: -3px;
    font-size: 14px;
    border: 1px #c0c0c0 solid;
    border-top: none;
    border-radius: 2px
}

.docs-popup .close {
    position: absolute;
    top: 1px;
    right: 0;
    font-size: 15px;
    width: 25px;
    height: 24px;
    text-align: center;
    padding-top: 4px;
    cursor: pointer;
    color: #ffffff
}

.docs-popup .close:hover {
    text-shadow: 0 0 0 #ffffff
}

.docs-screen {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: transparent;
    opacity: 0;
    zoom: 1
}

.docs-list-popup .docs-method-header {
    padding: 5px 25px 5px 15px;
    font-weight: bold;
    background: #4787ed;
    background: -moz-linear-gradient(top, #4787ed 0%, #4d90fe 0%, #4787ed 100%);
    background: -webkit-linear-gradient(top, #4787ed 0%, #4d90fe 0%, #4787ed 100%);
    background: -o-linear-gradient(top, #4787ed 0%, #4d90fe 0%, #4787ed 100%);
    background: -ms-linear-gradient(top, #4787ed 0%, #4d90fe 0%, #4787ed 100%);
    background: linear-gradient(top, #4787ed 0%, #4d90fe 0%, #4787ed 100%);
    color: #ffffff;
    border-bottom: 1px #3079ed solid
}

.docs-list-popup .docs-method-content {
    padding: 0 15px
}

.docs-list-popup p {
    padding-top: 10px;
    margin: 0
}

.docs-list-popup h3 {
    margin-top: 15px;
    margin-bottom: 0;
    font-weight: bold;
    font-size: 16px
}

.docs-list-popup dl {
    margin: 10px 0px 15px 0px
}

.docs-list-popup dt {
    font-size: 13px;
    font-weight: bold;
    margin-top: 10px
}

.docs-popup dt:before {
    content: "- "
}

.docs-list-popup dd {
    padding-left: 9px;
    margin-left: 0
}

.docs-list-popup dd p {
    padding: 0
}

.docs-list .docs-empty-header, .docs-list-popup .docs-empty-header {
    margin-bottom: 15px !important
}

.docs-arg-optional {
    font-style: italic
}

.docs-method-header.constructor {
    font-weight: bold
}

.docs-list .docs-method-header.deprecated {
    color: #b00
}

.docs-method-content .deprecated {
    color: #b00;
    font-weight: bold
}

.docs-warning {
    color: #b00;
    margin: 5px 1px
}

.docs-list .search {
    outline: none;
    border: 1px solid #dcdcdc;
    border-radius: 1px;
    border-top: 1px solid #c0c0c0;
    padding: 3px 5px;
    width: 100%;
    max-width: 300px;
    box-sizing: border-box
}

.docs-list .search:focus {
    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);
    border: 1px solid #4d90fe;
    outline: none
}

.editor-panel > .header {
    height: 19px;
    padding-bottom: 2px;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    overflow: hidden
}

.editor-panel > .header > span {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis');
    white-space: nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    -webkit-touch-callout: text;
    -webkit-user-select: text;
    -khtml-user-select: text;
    -moz-user-select: text;
    -ms-user-select: text
}

.editor-panel > .header > div {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex
}

.editor-panel > .header .goog-button {
    display: inline-block;
    width: 46px;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #444444;
    background: #f1f1f1;
    background: -moz-linear-gradient(top, #f1f1f1 0%, #f5f5f5 0%, #f1f1f1 100%);
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #f5f5f5 0%, #f1f1f1 100%);
    background: -o-linear-gradient(top, #f1f1f1 0%, #f5f5f5 0%, #f1f1f1 100%);
    background: -ms-linear-gradient(top, #f1f1f1 0%, #f5f5f5 0%, #f1f1f1 100%);
    background: linear-gradient(top, #f1f1f1 0%, #f5f5f5 0%, #f1f1f1 100%);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: default;
    transition: all .218s;
    height: 19px;
    position: relative;
    top: -1px;
    margin: 0;
    margin-left: 6px;
    white-space: nowrap
}

.editor-panel > .header .goog-button-disabled, .editor-panel > .header .goog-flat-menu-button-disabled {
    background: #ffffff;
    color: #b8b8b8;
    transition: none;
    pointer-events: none
}

.editor-panel > .header .goog-button:hover, .editor-panel > .header .goog-flat-menu-button:hover {
    border: 1px solid #c6c6c6;
    color: #222222;
    transition: all 0s;
    background: #f1f1f1;
    background: -moz-linear-gradient(top, #f1f1f1 0%, #f8f8f8 0%, #f1f1f1 100%);
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #f8f8f8 0%, #f1f1f1 100%);
    background: -o-linear-gradient(top, #f1f1f1 0%, #f8f8f8 0%, #f1f1f1 100%);
    background: -ms-linear-gradient(top, #f1f1f1 0%, #f8f8f8 0%, #f1f1f1 100%);
    background: linear-gradient(top, #f1f1f1 0%, #f8f8f8 0%, #f1f1f1 100%);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1)
}

.editor-panel > .header .goog-button:active, .editor-panel > .header .goog-flat-menu-button:active {
    background: #e0e0e0;
    background: -moz-linear-gradient(top, #e0e0e0 0%, #eeeeee 0%, #e0e0e0 100%);
    background: -webkit-linear-gradient(top, #e0e0e0 0%, #eeeeee 0%, #e0e0e0 100%);
    background: -o-linear-gradient(top, #e0e0e0 0%, #eeeeee 0%, #e0e0e0 100%);
    background: -ms-linear-gradient(top, #e0e0e0 0%, #eeeeee 0%, #e0e0e0 100%);
    background: linear-gradient(top, #e0e0e0 0%, #eeeeee 0%, #e0e0e0 100%);
    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);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    border: 1px solid #c0c0c0;
    color: #333333
}

.editor-panel > .header .link-button {
    width: 61px
}

.editor-panel > .header .run-button {
    margin-left: 20px
}

.editor-panel > .header .goog-flat-menu-button {
    top: -1px;
    min-width: 0px;
    border-color: #dcdcdc;
    line-height: 17px
}

.editor-panel > .header .settings-menu-button {
    margin-left: 20px;
    padding-right: 13px
}

.editor-panel > .header .custom-save-button, .editor-panel > .header .custom-reset-button {
    padding-right: 8px;
    left: -3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.editor-panel > .header .goog-flat-menu-button.goog-flat-menu-button-disabled:after {
    opacity: .22
}

.editor-panel > .header .goog-flat-menu-button.goog-flat-menu-button:hover:after, .editor-panel > .header .goog-flat-menu-button.goog-flat-menu-button-open:after, .editor-panel > .header .goog-flat-menu-button.goog-flat-menu-button-active:after {
    opacity: .77
}

.editor-panel > .header .goog-flat-menu-button.goog-flat-menu-button-disabled .goog-flat-menu-button-dropdown {
    opacity: .3
}

.editor-panel > .header .custom-save-button .goog-flat-menu-button-dropdown, .editor-panel > .header .custom-reset-button .goog-flat-menu-button-dropdown {
    top: 8px;
    right: 3px;
    -webkit-transition: opacity 0.15s ease;
    -moz-transition: opacity 0.15s ease;
    -o-transition: opacity 0.15s ease;
    transition: opacity 0.15s ease
}

.editor-panel > .header .settings-menu-button .goog-flat-menu-button-dropdown {
    display: none
}

.editor-panel > .header .settings-menu-button:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.55;
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/settings_black_24dp.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    -webkit-transition: opacity 0.15s ease;
    -moz-transition: opacity 0.15s ease;
    -o-transition: opacity 0.15s ease;
    transition: opacity 0.15s ease
}

.editor-settings-menu-item, .editor-custom-save-item {
    border-width: 1px 0;
    border-style: solid;
    border-color: transparent;
    padding-top: 5px;
    padding-bottom: 5px
}

.editor-custom-save-item {
    width: 60px
}

.editor-settings-menu-item {
    width: 90px
}

.editor-panel > .content {
    overflow: hidden
}

.editor-panel .jfkScrollable-inner {
    padding: 0px !important
}

.ace_editor {
    width: 100%;
    height: 100%;
    font-size: 13px !important;
    font-family: monospace !important
}

.ace_editor .ace_gutter {
    background-color: #f0f0f0 !important;
    color: #777777;
    border-right: 1px solid #f2f2f2;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.ace_editor .ace_scroller.ace_scroll-left {
    box-shadow: none
}

.ace_editor .ace_marker-layer div {
    position: absolute
}

.ace_editor .trace-error.depth-0 {
    background: rgba(200, 0, 0, 0.25)
}

.ace_editor .trace-error.depth-1 {
    background: rgba(255, 100, 0, 0.2)
}

.ace_editor .trace-error.depth-2 {
    background: rgba(255, 160, 0, 0.2)
}

.ace_editor .trace-error.depth-3 {
    background: rgba(255, 200, 0, 0.2)
}

.ace_editor .trace-error.depth-4 {
    background: rgba(255, 230, 0, 0.2)
}

.ace_editor .trace-error.depth-5 {
    background: rgba(255, 255, 0, 0.2)
}

.ace_storage, .ace_keyword, .ace_language:not(.ace_variable) {
    color: inherit !important;
    font-weight: bold
}

.ace_support, .ace_variable {
    color: inherit !important
}

.ace_comment {
    color: #3d9400 !important
}

.ace_string {
    color: #dd4b39 !important
}

.ace_numeric {
    color: #4d90fe !important
}

.ace_ee_instance, .ace_ee_static {
    color: #7b1fa2 !important
}

.ace_ee_constructor {
    font-weight: bold
}

.ace_ee_sync_xhr {
    color: #f50057 !important;
    font-weight: bold
}

.editor-suggest-menu {
    margin-top: 1em;
    min-width: 100px;
    max-width: 30%;
    max-height: 300px;
    overflow-y: auto;
    padding: 0px
}

.editor-suggest-menu .goog-menuitem, .editor-suggest-menu .goog-menuitem-highlight, .editor-suggest-menu .goog-menuitem-hover {
    border: none;
    padding: 4px 8px
}

.editor-suggest-menu .deprecated {
    color: #b00
}

.editor-suggest-menu .goog-menuitem-content {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis')
}

.editor-suggest-doc {
    margin-top: 1em;
    width: 30%;
    background: #ffffff;
    overflow-y: auto;
    border: 1px #cccccc solid;
    font-size: 13px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    padding: 8px;
    max-height: 288px;
    padding-bottom: 8px;
    padding-top: 4px
}

.editor-suggest-doc * {
    font-size: inherit
}

.editor-suggest-doc .close {
    display: none
}

.editor-suggest-doc h3 {
    margin: 0;
    padding: 0;
    margin-top: 7px
}

.editor-suggest-doc dl {
    margin: 0
}

.editor-suggest-doc p {
    margin: 0;
    margin-bottom: 7px
}

.editor-suggest-doc .docs-method-header {
    font-weight: bold;
    margin-bottom: 7px
}

.editor-callout-bubble {
    margin: 3px;
    font-size: 13px;
    padding: 4px 8px
}

.editor-callout-highlight {
    background-color: #f9edbe
}

.ace_editor .stan-underline {
    border-bottom: 1px solid #f0c36d;
    margin-top: 1px;
    height: 12px !important
}

.stan-annotation-callout .stan-annotation-list {
    list-style-type: none;
    margin: 0;
    padding-left: 0
}

.stan-annotation-callout .stan-annotation-list li {
    padding: 3px 0px
}

.stan-annotation-callout .stan-annotation-action {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    color: #1155cc;
    margin-left: 5px;
    cursor: pointer;
    text-decoration: underline;
    font-size: 12px;
    vertical-align: baseline
}

.env-list {
    font-family: monospace;
    border-bottom: 1px #cccccc solid;
    padding-left: 41px;
    position: absolute;
    width: 100%
}

.env-list > .header, .env-list > .body {
    background: white;
    margin-left: 1px;
    width: 90%
}

.env-list > .env-gutter {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    background: #f0f0f0;
    width: 41px
}

.env-list > .header {
    padding-left: 4px;
    padding-bottom: 1px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.env-list > .header:hover {
    background: white;
    border-radius: 0px
}

.env-list > .env-gutter > .env-handle {
    opacity: 1;
    position: absolute;
    right: 1px;
    top: 0px;
    width: 9px;
    height: 11px;
    background-repeat: no-repeat;
    background-position: center;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 3px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.env-list > .header:before {
    display: none
}

.env-list.collapsed > .env-gutter > .env-handle {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAAGCAYAAAAG5SQMAAAAOUlEQVR42jXKwQkAMAgDwKwqKD4EwQ26sSOkVWjgIIHAzPiCgaqiqnJHZnKICBERHN194O5b9vbLuAVRL+l0YWnZAAAAAElFTkSuQmCCXA==")
}

.env-list.expanded > .env-gutter > .env-handle {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAANElEQVR42mWKsQ0AMAzC8ixLlrzQjzmBiEjp0A6WwBCSPgKAXoLkqSot7nN3yMwR7pZ32NzpKkVoDBUxKAAAAABJRU5ErkJggg==")
}

.env-list > .header:hover ~ .env-gutter > .env-handle, .env-list > .env-gutter > .env-handle:hover {
    border: 1px solid rgba(0, 0, 0, 0.3);
    background-color: rgba(255, 255, 255, 0.2);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
    -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.7)
}

.env-list > .header:active ~ .env-gutter > .env-handle, .env-list > .env-gutter > .env-handle:active {
    border: 1px solid rgba(0, 0, 0, 0.4);
    background-color: rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
    -moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8);
    -webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.8)
}

.env-list > .body {
    padding-left: 0px;
    transition: none;
    position: relative
}

.env-text-button {
    height: 13px;
    width: 13px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    cursor: pointer;
    background-color: #357ae8;
    border-radius: 2px;
    position: relative;
    top: -1px;
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/subject_white_18dp.png);
    background-size: 13px
}

.env-text-button:hover {
    background-color: #4d90fe
}

.env-text {
    max-width: 620px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.env-text-box {
    border: 1px #cccccc solid;
    max-height: 300px;
    overflow-y: auto;
    padding: 1px 5px;
    -webkit-touch-callout: initial;
    -webkit-user-select: initial;
    -khtml-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial
}

.env-text-box:focus {
    outline: none
}

.env-text-box::selection, .env-text-box *::selection {
    background: #b5d5ff
}

.env-ui {
    padding-left: 2px
}

.env-ui:empty {
    margin: 0
}

.env-entry {
    position: relative
}

.env-entry-drag-clone {
    font-size: 13px;
    font-family: monospace
}

.env-entry-prefix {
    font-weight: bold;
    color: #000000
}

.env-entry-label {
    border: 1px rgba(0, 0, 0, 0) solid
}

.env-entry-label:hover {
    border-color: #cccccc;
    cursor: text
}

.env-entry > .zippy > .header {
    padding: 1px 10px 1px 16px;
    white-space: nowrap;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.env-entry > .zippy > .header:before {
    top: 4px;
    left: 4px
}

.env-entry.error > .zippy > .body {
    white-space: normal
}

.env-entry .env-entry-delete {
    position: absolute;
    left: -16px;
    top: 1px;
    width: 14px;
    height: 12px;
    background: url('/images/delete.svg') 0px 0px no-repeat;
    background-size: 100%;
    cursor: pointer;
    opacity: 0
}

.env-entry:hover .env-entry-delete, .env-entry-drag-clone .env-entry-delete {
    opacity: 0.5
}

.env-entry:hover .env-entry-delete:hover {
    opacity: 0.7
}

.env-entry .env-entry-handle {
    position: absolute;
    left: -29px;
    top: 1px;
    width: 12px;
    height: 12px;
    background: url(//www.gstatic.com/images/icons/material/system/1x/reorder_black_18dp.png) 0px 0px no-repeat;
    cursor: move;
    opacity: 0
}

.env-entry:hover .env-entry-handle, .env-entry-drag-clone .env-entry-handle {
    opacity: 0.5
}

.env-entry:hover .env-entry-handle:hover {
    opacity: 0.7
}

.env-list-single .env-entry .env-entry-handle {
    display: none
}

.env-entry-renamer .jfk-textinput {
    height: 14px;
    width: 1px;
    padding: 0px 0px;
    margin: 0;
    font-size: 13px;
    font-family: monospace
}

.env-entry-renamer .jfk-button {
    display: none
}

.env-entry-button {
    height: 14px;
    width: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 7px;
    cursor: pointer;
    border-radius: 2px;
    position: relative;
    top: -1px;
    background-color: #b8b8b8;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 1px 1px
}

.env-entry:hover .env-entry-button {
    background-color: #357ae8
}

.env-entry:hover .env-entry-button:hover {
    background-color: #4d90fe
}

.env-summary-link:focus {
    outline: none
}

.env-center-map-button {
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/my_location_white_24dp.png)
}

.env-preview-button {
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/remove_red_eye_white_24dp.png)
}

.env-config-button {
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/settings_white_24dp.png)
}

.geometry-record-config-dialog {
    padding: 12px 18px 22px 26px
}

.geometry-record-config {
    position: relative;
    min-height: 200px;
    width: 370px
}

.geometry-record-config > .name, .geometry-record-config > .format {
    width: 170px
}

.geometry-record-config > .name {
    padding-bottom: 5px
}

.geometry-record-config > .format .goog-flat-menu-button {
    display: block;
    margin-left: 0
}

.geometry-record-config .color {
    position: absolute;
    top: 0px;
    right: 0px
}

.geometry-record-config .color .goog-hsv-palette-sm {
    border: none;
    margin-top: -11px;
    margin-left: -10px
}

.geometry-record-config .color .goog-hsv-palette-sm-input {
    width: 90px
}

.geometry-record-config .color .goog-hsv-palette-sm-swatch {
    height: 28px
}

.geometry-record-config .properties {
    padding-top: 7px;
    padding-right: 200px;
    min-width: 167px
}

.geometry-record-config .property-list .jfk-textinput {
    padding: 1px 2px
}

.geometry-record-config .property-list td:first-child {
    width: 73px
}

.geometry-record-config .property-list td:last-child {
    width: 90px
}

.geometry-record-config .done.jfk-button {
    display: none
}

.env-fusion-table-chart {
    overflow: visible;
    width: 650px;
    height: 500px
}

.env-fusion-table-chart .google-visualization-table-tr-head-nonstrict {
    background: #ffffff
}

.env-fusion-table-chart.loading:before {
    content: 'Loading table preview...' !important
}

.env-fusion-table-chart .pop-out-icon {
    display: none !important
}

#fail {
    padding: 20px;
    margin: auto;
    max-width: 600px;
    padding-top: 50px
}

#fail li {
    margin-top: 1em
}

#head {
    min-width: 768px;
    background-color: #f1f1f1;
    background-image: -webkit-gradient(radial, 100 36, 0, 100 -40, 120, from(#fafafa), to(#f1f1f1));
    border-bottom: 1px solid #e5e5e5;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 30px;
    padding: 15px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

#logo {
    width: 254px;
    cursor: default;
    white-space: nowrap
}

#logo > img {
    width: 230px;
    vertical-align: top;
    position: relative;
    top: -7px
}

#logo > span {
    font: 300 20px 'Open Sans', sans-serif;
    color: #888888;
    line-height: 32px;
    display: inline-block
}

#search-container {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

#search-container > .ee-search {
    max-width: 650px;
    width: 100%;
    margin-right: 35px
}

#search-container > .ee-search .search-textbox {
    font-size: 16px;
    line-height: 19px
}

#search-container > .ee-search .search-button {
    min-width: 42px
}

#search-container > .ee-search .search-button-icon {
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/search_white_24dp.png);
    height: 100%;
    width: 100%;
    top: 0;
    left: 0
}

#search-container > .ee-search .search-results {
    right: 60px
}

#search-container > .ee-search .search-result {
    line-height: 22px;
    padding-top: 0px
}

#search-container > .ee-search .search-result-secondary {
    font-family: Roboto, Arial, sans-serif
}

#search-container > .ee-search .search-section.loading .search-heading {
    background-image: url('/images/loading.gif')
}

#head > .realms-selector, #head > .user-box > .goog-flat-menu-button {
    display: inline-block;
    line-height: 29px;
    padding-right: 20px;
    padding-left: 7px
}

#head > .realms-selector > .goog-flat-menu-button-dropdown, #head > .user-box > * > .goog-flat-menu-button-dropdown {
    top: 13px;
    right: 7px
}

#head > .user-box > .help {
    padding: 0 10px 0 0px
}

#head > .realms-selector.non-prod {
    color: #b00 !important
}

.realms-menu .remove-button {
    position: absolute;
    right: 0;
    top: 0;
    width: 12px;
    height: 15px;
    opacity: 0.5;
    font-size: 14px;
    padding: 6px 9px
}

.realms-menu .remove-button:hover {
    opacity: 1
}

.inspect-panel {
    font-family: monospace
}

.inspect-panel .label {
    color: #7b1fa2;
    float: left;
    white-space: pre
}

.inspect-panel .title > .header {
    font-weight: bold
}

.inspect-panel .zippy > .header {
    line-height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis');
    white-space: nowrap
}

.inspect-panel .zippy > .header:before {
    top: 6px
}

.inspect-view {
    position: relative
}

.inspect-view .message {
    display: inline-block
}

.inspect-view.loading, .inspect-view.empty .message {
    color: #777777
}

.inspect-view.loading, .inspect-view.empty .label {
    padding-left: 10px
}

.inspect-view.loading:before {
    content: url('/images/loading.gif');
    left: -7px;
    top: 0px;
    position: absolute
}

.inspect-view.error .message, .inspect-view.error .body {
    display: block;
    color: #b00;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis')
}

.inspect-view.error .body {
    white-space: pre-wrap
}

.inspect-image .switch-mode, .inspect-image-collection .switch-series-mode {
    background-color: #357ae8;
    background-repeat: no-repeat;
    margin-left: 5px;
    width: 15px;
    height: 14px;
    display: inline-block;
    position: relative;
    top: 2px;
    background-position: 2px 3px;
    cursor: pointer;
    border-radius: 2px
}

.inspect-image .switch-mode:hover, .inspect-image-collection .switch-series-mode:hover {
    background-color: #4d90fe
}

.inspect-image.mode-list .switch-mode, .inspect-image-collection.mode-list .switch-series-mode {
    background-image: url('/images/chart.png')
}

.inspect-image.mode-chart .switch-mode, .inspect-image-collection.mode-chart .switch-series-mode {
    background-image: url('/images/list.png')
}

.inspect-image .zippy.collapsed .switch-mode, .inspect-image-collection .zippy.collapsed .switch-series-mode {
    display: none !important
}

.inspect-view .chart-preview {
    cursor: pointer
}

.layout-absolute > .ui-widget.stretch:not(.positioned) {
    z-index: 0
}

.layout-absolute > .ui-widget.positioned {
    z-index: 1
}

.ui-chart > .pop-out-icon {
    z-index: 1
}

.ui-widget {
    font-family: 'Roboto', Arial, sans-serif;
    overflow: hidden;
    background-color: white;
    margin: 8px;
    cursor: default;
    box-sizing: border-box
}

.ui-button .jfk-button {
    margin: 0px
}

.ui-slider .goog-slider-horizontal {
    min-width: 50px;
    margin-right: 55px
}

.ui-slider .goog-slider-vertical {
    min-height: 100px;
    margin-top: 25px
}

.ui-slider .goog-slider-horizontal .ui-slider-label {
    position: absolute;
    right: -35px;
    width: 28px
}

.ui-slider .goog-slider-vertical .ui-slider-label {
    position: absolute;
    top: -20px
}

.ui-slider .goog-slider-disabled .goog-slider-thumb {
    display: none
}

.ui-slider .goog-slider-disabled .ui-slider-label {
    color: #b8b8b8
}

.ui-checkbox {
    display: flex;
    align-items: center
}

.ui-select .goog-flat-menu-button {
    margin: 0
}

.ui-label span.label {
    width: 100%
}

.ui-map .map-manager {
    height: 100%
}

.ui-map {
    outline: none;
    min-height: 200px;
    min-width: 200px
}

.ui-button .jfk-button {
    height: 29px
}

.ui-button .jfk-button, .ui-select .jfk-select, .ui-textbox .jfk-textinput {
    width: 100%;
    box-sizing: border-box;
    color: inherit
}

.ui-label {
    display: flex;
    align-items: center
}

.ui-panel {
    margin: 0;
    position: relative;
    align-self: stretch;
    overflow: auto;
    display: flex;
    flex-direction: column
}

.ui-panel.stretch-vertical > .ui-layout, .ui-panel.custom-height > .ui-layout {
    flex-grow: 1
}

.ui-panel.stretch-horizontal > .ui-layout, .ui-panel.custom-width > .ui-layout {
    align-self: stretch
}

.layout-flow {
    display: flex;
    flex-wrap: nowrap
}

.layout-flow-horizontal {
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start
}

.layout-flow-horizontal > .ui-widget {
    flex: 0 0 auto
}

.layout-flow-horizontal > .ui-widget.stretch-horizontal {
    flex-grow: 1
}

.layout-flow-horizontal > .ui-widget.stretch-vertical {
    align-self: stretch
}

.layout-flow-horizontal > .ui-widget.custom-width {
    flex-grow: 0
}

.layout-flow-vertical {
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start
}

.layout-flow-vertical > .ui-widget {
    flex: 0 0 auto
}

.layout-flow-vertical > .ui-widget.stretch-horizontal {
    align-self: stretch
}

.layout-flow-vertical > .ui-widget.stretch-vertical {
    flex-grow: 1
}

.layout-flow-horizontal > .ui-widget.custom-height {
    flex-grow: 0
}

.layout-absolute, .layout-absolute > .ui-widget:not(.positioned) {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.layout-absolute > .ui-widget.positioned {
    position: absolute
}

.layout-absolute > .top {
    top: 10px
}

.layout-absolute > .bottom {
    bottom: 10px
}

.layout-absolute > .left {
    left: 10px
}

.layout-absolute > .center {
    left: 50%;
    transform: translateX(-50%)
}

.layout-absolute > .right {
    right: 10px
}

.layout-absolute > .ui-widget.positioned {
    padding: 8px
}

.layout-grid {
    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
}

.layout-grid-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 5px
}

.layout-grid-row > * {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 0px;
    -ms-flex: 1 0 0px;
    flex: 1 0 0px;
    margin-right: 5px;
    margin-left: 5px
}

.ui-map > .layout-absolute > .ui-widget {
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px
}

.ui-map > .layout-absolute > .ui-widget.top-left {
    left: 53px
}

.ui-map > .layout-absolute > .ui-widget.top-right, .ui-map > .layout-absolute > .ui-widget.top-left {
    top: 54px
}

.ui-map > .layout-absolute > .ui-widget.bottom {
    bottom: 34px
}

.map-manager {
    background-color: #b3d1ff !important;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.map-manager:before {
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    background: url('/bigicon.png') no-repeat center center;
    transition: opacity ease-out 0.4s;
    opacity: 0
}

.map-manager.hidden:before {
    opacity: 1
}

.map-manager > div {
    transition: opacity ease-in 0.2s
}

.map-manager.hidden > div {
    opacity: 0;
    overflow: hidden
}

.map-control-list {
    padding: 0px;
    cursor: default;
    max-width: 110px;
    display: flex;
    flex-direction: column
}

.map-control-list:hover, .map-control-list.expanded {
    max-height: 400px;
    overflow-y: auto
}

.map-control-list:hover, .map-control-list.expanded, .map-control-list.selected {
    max-width: 400px;
    transition: max-height .45s linear, max-width .15s linear;
}

.map-control-list.selected:hover {
    transition: max-height 0.45s linear
}

.map-control-list .title {
    padding: 0px 10px;
    line-height: 29px;
    transition: background 0.15s
}

.map-control-list:hover .title, .map-control-list.expanded .title {
    background: #4d90fe;
    color: #ffffff;
    font-weight: bold;
    transition: background 0.15s
}

.map-control-list .inner {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    margin-top: 0px;
    transition: margin-top 0.15s linear;
    -webkit-backface-visibility: hidden
}

.map-control-list:hover .inner, .map-control-list.expanded .inner {
    margin-top: 0px !important;
    transition: margin-top 0.15s linear
}

.map-control-list .layers-list {
    overflow: hidden
}

.map-control-list .layer, .map-control-list .create-button {
    position: relative;
    padding: 0px 10px;
    height: 24px;
    line-height: 25px;
    -webkit-backface-visibility: hidden
}

.map-control-list .layer {
    padding-right: 62px
}

.map-control-list .layer .summary {
    color: #009933;
    margin-left: 4px
}

.map-control-list:hover .layer, .map-control-list.expanded .layer {
    opacity: 1
}

.map-control-list .layer:hover {
    background: #f0f0f0
}

.map-control-list .layer.selected {
    opacity: 1
}

.map-control-list .layer.selected .name {
    font-weight: bold
}

.map-control-list .layer .swatch {
    position: absolute;
    right: 4px;
    top: 4px;
    width: 16px;
    height: 16px;
    border-radius: 2px
}

.map-control-list .layer .edit-button {
    position: absolute;
    right: 25px;
    top: 1px;
    width: 21px;
    height: 21px;
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/settings_black_24dp.png);
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center center;
    opacity: 0;
    cursor: pointer
}

.map-control-list .layer:hover .edit-button {
    opacity: 0.5
}

.map-control-list .layer .edit-button:hover {
    opacity: 0.7
}

.map-control-list .create-button {
    color: #1155cc
}

.map-control-list.selected .create-button {
    height: 0
}

.map-control-list.selected:hover .create-button {
    transition: height 0.15s linear;
    height: 24px
}

.map-control-list .create-button:hover {
    text-decoration: underline
}

.map-control-list .layer .map-control-checkbox {
    position: relative;
    top: -1px;
    left: -3px;
    width: 11px;
    height: 11px;
    margin: 0 5px 0 0;
    display: inline-block;
    background-color: #ffffff;
    border: 1px solid #dcdcdc;
    vertical-align: middle
}

.map-control-list .layer:hover .map-control-checkbox {
    border: 1px solid #c6c6c6
}

.map-control-list .layer .map-control-checkbox-wrapper {
    position: absolute;
    left: 1px;
    top: -2px;
    width: 13px;
    height: 11px;
    overflow: hidden
}

.map-control-list .layer .map-control-checkbox-img {
    position: absolute;
    left: -52px;
    top: -44px;
    padding: 0px;
    margin: 0px;
    width: 68px;
    height: 67px
}

.map-control-list.layer-list .layer {
    padding-right: 92px;
    overflow: hidden
}

.map-control-list.layer-list .layer:last-child {
    margin-bottom: 3px
}

.map-control-list.layer-list .layer .edit-button {
    right: 60px
}

.map-control-list.layer-list .edit-button.hidden {
    opacity: 0;
    pointer-events: none
}

.map-control-list.layer-list .title {
    text-align: center
}

.map-control-list .tile-monitor {
    width: 29px;
    height: 29px;
    position: absolute;
    top: 0px;
    right: 0px
}

.map-control-list .opacity-wrapper {
    display: inline-table;
    margin-left: 8px;
    padding-bottom: 3px;
    height: 100%
}

.map-control-list .opacity-slider {
    position: absolute;
    width: 50px;
    top: 6px;
    right: 4px
}

.map-control-list .opacity-slider .goog-slider-horizontal, .ee-visualizer .goog-slider-horizontal {
    position: relative;
    height: 12px
}

.map-control-list .opacity-slider *, .ee-visualizer .vis-opacity *, .ee-visualizer .vis-gamma-palette * {
    outline: none
}

.map-control-list .opacity-slider .goog-slider-scale, .ee-visualizer .goog-slider-scale {
    position: absolute;
    border-top: 1px solid #cccccc;
    top: 5px;
    width: 100%
}

.map-control-list .opacity-slider .goog-slider-thumb, .ee-visualizer .goog-slider-thumb {
    background: #f1f1f1;
    background: -moz-linear-gradient(top, #f1f1f1 0%, #f5f5f5 0%, #f1f1f1 100%);
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #f5f5f5 0%, #f1f1f1 100%);
    background: -o-linear-gradient(top, #f1f1f1 0%, #f5f5f5 0%, #f1f1f1 100%);
    background: -ms-linear-gradient(top, #f1f1f1 0%, #f5f5f5 0%, #f1f1f1 100%);
    background: linear-gradient(top, #f1f1f1 0%, #f5f5f5 0%, #f1f1f1 100%);
    border-radius: 2px;
    border: 1px solid #dcdcdc;
    height: 17px;
    top: -4px;
    position: absolute;
    width: 8px
}

.map-control-list .opacity-slider .goog-slider-thumb:hover, .ee-visualizer .goog-slider-thumb:hover {
    background: #f1f1f1;
    background: -moz-linear-gradient(top, #f1f1f1 0%, #f8f8f8 0%, #f1f1f1 100%);
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #f8f8f8 0%, #f1f1f1 100%);
    background: -o-linear-gradient(top, #f1f1f1 0%, #f8f8f8 0%, #f1f1f1 100%);
    background: -ms-linear-gradient(top, #f1f1f1 0%, #f8f8f8 0%, #f1f1f1 100%);
    background: linear-gradient(top, #f1f1f1 0%, #f8f8f8 0%, #f1f1f1 100%);
    border-color: #c6c6c6
}

.visualization-popup {
    width: 256px;
    padding: 5px 7px 7px 7px;
    z-index: 14;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.visualization-popup .modal-dialog-title {
    margin-bottom: 8px;
    cursor: move;
    font-size: 14px;
    line-height: 14px
}

.visualization-popup .modal-dialog-buttons {
    margin-top: 8px;
    float: right
}

.visualization-popup .modal-dialog-buttons button {
    height: 17px;
    line-height: 17px;
    min-width: 22px;
    margin: 0 0 0 8px
}

.visualization-popup fieldset {
    padding: 0 5px 5px 5px;
    margin: 0
}

.visualization-popup .ee-visualizer {
    font-size: 11px
}

.visualization-popup .vis-bands legend {
    padding-bottom: 0;
    height: 24px
}

.visualization-popup .vis-bands .goog-flat-menu-button-dropdown {
    top: 7px;
    right: 1px
}

.visualization-popup .vis-bands .vis-band-grey {
    width: 214px;
    line-height: 17px
}

.visualization-popup .vis-bands .vis-band-red, .visualization-popup .vis-bands .vis-band-blue {
    width: 51px;
    line-height: 17px
}

.visualization-popup .vis-bands .vis-band-green {
    width: 52px;
    line-height: 17px
}

.vis-band-menu-grey {
    width: 222px
}

.visualization-popup .vis-range input {
    width: 60px;
    height: 19px;
    position: relative;
    top: 1px
}

.visualization-popup .vis-range .min-textbox {
    margin-right: 3px
}

.visualization-popup .vis-range .max-textbox {
    margin-left: 3px
}

.visualization-popup .vis-stretch-select {
    margin-left: 8px;
    margin-right: 0;
    padding: 0 8px 0 0;
    width: 90px;
    line-height: 17px
}

.visualization-popup .goog-flat-menu-button-dropdown {
    top: 7px
}

.visualization-popup .vis-opacity .ee-labeled-slider-label, .visualization-popup .vis-gamma-palette .ee-labeled-slider-label {
    position: absolute;
    top: -3px
}

.visualization-popup .vis-opacity {
    height: 36px;
    width: 78px;
    padding-left: 5px;
    padding-right: 5px;
    margin-top: 4px;
    margin-right: 7px;
    display: inline-block
}

.visualization-popup .vis-opacity-slider {
    margin-left: 5px;
    margin-top: 5px;
    width: 62%
}

.visualization-popup .vis-opacity-slider .ee-labeled-slider-label {
    right: -26px
}

.visualization-popup .vis-gamma-palette {
    min-height: 45px;
    width: 156px;
    padding: 0;
    margin: 0;
    float: right
}

.visualization-popup .vis-gamma-palette legend {
    padding-bottom: 0;
    margin-left: 5px;
    height: 26px
}

.visualization-popup .vis-gamma-slider {
    margin-left: 5px;
    margin-top: 1px;
    width: 75%
}

.visualization-popup .vis-gamma-slider .ee-labeled-slider-label {
    right: -30px
}

.visualization-popup .ee-palette {
    padding: 0 5px
}

.ee-palette, .ee-palette div {
    display: inline-block;
    outline: none
}

.ee-palette .swatch {
    width: 11px;
    height: 11px;
    border: 1px rgba(0, 0, 0, 0.25) solid;
    margin-right: 5px;
    vertical-align: middle;
    cursor: pointer
}

.ee-palette .swatch:hover {
    border-color: rgba(0, 0, 0, 0.5)
}

.ee-palette .palette-add, .ee-palette .palette-remove, .ee-palette .palette-edit {
    height: 18px;
    width: 18px;
    vertical-align: middle;
    text-align: center;
    font-size: 20px;
    cursor: pointer;
    opacity: 0.7
}

.ee-palette .palette-add:hover, .ee-palette .palette-remove:hover, .ee-palette .palette-edit:hover {
    opacity: 1
}

.ee-palette .palette-add {
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/add_googblue_18dp.png)
}

.ee-palette .palette-remove {
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/remove_googblue_18dp.png)
}

.ee-palette .palette-edit {
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/create_googblue_18dp.png)
}

.visualization-popup .zippy {
    clear: both
}

.visualization-popup .zippy .body {
    padding: 0
}

.visualization-popup .zippy textarea {
    font-size: 12px;
    font-family: monospace;
    width: 250px;
    height: 100px;
    max-width: 250px;
    max-height: 150px;
    white-space: pre;
    border: 1px solid #ebebeb
}

.ee-visualizer .vis-overlay, .ee-visualizer .vis-progress, .ee-visualizer .vis-invalid {
    display: none
}

.ee-visualizer.loading .vis-overlay, .ee-visualizer.loading .vis-progress {
    display: block
}

.ee-visualizer .vis-overlay {
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.9;
    background: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ee-visualizer .vis-progress {
    z-index: 2;
    position: absolute;
    top: 50%
}

.ee-visualizer.invalid > * {
    display: none
}

.ee-visualizer.invalid .vis-invalid {
    display: block
}

.ee-visualizer.invalid.loading .vis-invalid {
    display: none
}

.ee-visualizer.invalid.loading .vis-progress {
    display: block;
    position: relative;
    top: initial
}

.ee-visualizer.invalid > * {
    display: none
}

.gm-style-mtc div[title='Show 45 degree view'] {
    display: none !important
}

.scripts-manager {
    font-size: 14px;
    cursor: default
}

.scripts-manager.loading:before {
    content: url('/images/loading.gif');
    position: absolute;
    right: 25px;
    top: 6px
}

.scripts-manager .empty {
    color: #777777
}

.scripts-manager .empty, .scripts-manager .item {
    padding: 2px 15px
}

.scripts-manager .zippy .header {
    font-weight: bold;
    color: #000000;
    padding: 2px 16px;
    padding-right: 4px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none
}

.scripts-manager .zippy > .header:before {
    left: 4px;
    top: 5px
}

.scripts-manager .item {
    text-decoration: none;
    display: block;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis');
    white-space: nowrap;
    border-radius: 4px;
    position: relative;
    height: 16px
}

.scripts-manager .item:hover {
    background: #f0f0f0
}

.scripts-manager .item.highlighted {
    background: #f0f0f0
}

.scripts-manager .item .delete {
    width: 0px;
    height: 0px
}

.scripts-manager .item.highlighted .delete {
    position: absolute;
    right: 1px;
    top: 1px;
    width: 19px;
    height: 19px;
    background: url('/images/delete.svg') 0px -1px no-repeat;
    opacity: 0.6
}

.scripts-manager .item.highlighted .delete:hover {
    opacity: 0.8
}

.repo-manager .shared-repos-list > .header {
    font-weight: bold
}

.repo-manager .shared-repos-list > .header > .count-label {
    margin-left: 6px
}

.repo-manager .tree.default > .header > .delete-button {
    display: none
}

.repo-manager .tree.default .config-button, .repo-manager .tree.examples .info-button {
    background-image: url('/images/info.png')
}

.repo-manager .tree.default.is-being-toured .config-button {
    visibility: visible;
    margin-left: 7px;
    width: 15px
}

.repo-manager .shared-repos-list.empty .message, .repo-manager .shared-repos-list.error .message {
    display: block
}

.repo-manager .search {
    outline: none;
    border: 1px solid #dcdcdc;
    border-radius: 1px;
    border-top: 1px solid #c0c0c0;
    padding: 3px 5px;
    width: 100%;
    max-width: 300px;
    box-sizing: border-box;
    margin-bottom: 2px
}

.repo-manager .search:focus {
    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);
    border: 1px solid #4d90fe;
    outline: none
}

.repo-info-dialog, .repo-config-dialog .modal-dialog-content {
    width: 400px
}

.repo-info-dialog p:first-child, .repo-config-dialog p:first-child {
    margin-top: 0
}

.repo-info-dialog p:last-child, .repo-config-dialog p:last-child {
    margin-bottom: 0
}

.repo-info-dialog .repo-info-command, .repo-config-dialog .repo-config-command, .repo-config-dialog .repo-config-accept-link, .repo-hide-dialog .repo-config-accept-link {
    display: block;
    width: 380px;
    padding: 1px 3px 2px 4px;
    margin-top: 3px
}

.repo-config-dialog .git-password-explanation, .repo-info-dialog .git-password-explanation {
    color: #9e9e9e;
    font-style: italic
}

.repo-create-dialog label {
    font-weight: bold;
    margin-right: 10px
}

.repo-create-dialog, .repo-delete-dialog {
    width: 280px
}

.repo-create-dialog input[type=text] {
    width: 100px
}

.repo-history-list-dialog .modal-dialog-content {
    width: 550px;
    max-height: 500px;
    overflow-y: auto;
    margin-right: -28px
}

.repo-history-list-dialog.loading .modal-dialog-content {
    color: transparent;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    background: url('/images/loading.gif') center center no-repeat
}

.repo-history-list-dialog table {
    width: 100%;
    border-collapse: collapse
}

.repo-history-list-row:hover {
    background: #f0f0f0
}

.repo-history-list-row td {
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis');
    white-space: nowrap;
    max-width: 180px;
    padding: 0px 10px
}

.repo-history-list-row td:first-child {
    padding-left: 5px;
    border-radius: 5px 0px 0px 5px
}

.repo-history-list-row td:last-child {
    padding-right: 0;
    border-radius: 0px 5px 5px 0px
}

.repo-history-list-dialog tr button, .repo-diff-switcher-prev, .repo-diff-switcher-next {
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    color: #444444;
    background: #f1f1f1;
    background: #f1f1f1;
    background: -moz-linear-gradient(top, #f1f1f1 0%, #f5f5f5 0%, #f1f1f1 100%);
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #f5f5f5 0%, #f1f1f1 100%);
    background: -o-linear-gradient(top, #f1f1f1 0%, #f5f5f5 0%, #f1f1f1 100%);
    background: -ms-linear-gradient(top, #f1f1f1 0%, #f5f5f5 0%, #f1f1f1 100%);
    background: linear-gradient(top, #f1f1f1 0%, #f5f5f5 0%, #f1f1f1 100%);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    cursor: default;
    transition: border .218s, color .218s, background .218s;
    height: 20px
}

.repo-history-list-dialog tr button {
    visibility: hidden
}

.repo-history-list-dialog tr button:hover, .repo-diff-switcher-prev:hover, .repo-diff-switcher-next:hover {
    border: 1px solid #c6c6c6;
    color: #222222;
    transition: all 0s;
    background: #f1f1f1;
    background: -moz-linear-gradient(top, #f1f1f1 0%, #f8f8f8 0%, #f1f1f1 100%);
    background: -webkit-linear-gradient(top, #f1f1f1 0%, #f8f8f8 0%, #f1f1f1 100%);
    background: -o-linear-gradient(top, #f1f1f1 0%, #f8f8f8 0%, #f1f1f1 100%);
    background: -ms-linear-gradient(top, #f1f1f1 0%, #f8f8f8 0%, #f1f1f1 100%);
    background: linear-gradient(top, #f1f1f1 0%, #f8f8f8 0%, #f1f1f1 100%);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1)
}

.repo-history-list-dialog tr button:active, .repo-diff-switcher-prev:active, .repo-diff-switcher-next:active {
    background: #e0e0e0;
    background: -moz-linear-gradient(top, #e0e0e0 0%, #eeeeee 0%, #e0e0e0 100%);
    background: -webkit-linear-gradient(top, #e0e0e0 0%, #eeeeee 0%, #e0e0e0 100%);
    background: -o-linear-gradient(top, #e0e0e0 0%, #eeeeee 0%, #e0e0e0 100%);
    background: -ms-linear-gradient(top, #e0e0e0 0%, #eeeeee 0%, #e0e0e0 100%);
    background: linear-gradient(top, #e0e0e0 0%, #eeeeee 0%, #e0e0e0 100%);
    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);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    border: 1px solid #c0c0c0;
    color: #333333
}

.repo-history-list-dialog tr:not(:first-child):hover button {
    visibility: visible
}

.repo-diff .modal-dialog-content {
    width: 690px;
    height: 500px;
    overflow-y: scroll;
    overflow-x: auto;
    white-space: nowrap;
    font-family: monospace;
    min-width: 400px;
    min-height: 300px;
    border: 1px #cccccc solid;
    position: relative
}

.repo-diff.loading .modal-dialog-content::before {
    background: url('/images/loading.gif') left top no-repeat;
    color: #777777;
    content: 'Loading comparison...';
    height: 20px;
    padding-left: 20px;
    position: absolute;
    top: 250px;
    left: 250px
}

.repo-history-list-dialog.loading .modal-dialog-buttons button, .repo-diff.loading .modal-dialog-buttons button, .repo-diff .modal-dialog-buttons.disabled button, .script-migration-dialog.loading .modal-dialog-buttons button {
    background: #ffffff;
    color: #b8b8b8;
    transition: none;
    pointer-events: none
}

.repo-diff-line {
    display: table-row
}

.repo-diff-line .old-num, .repo-diff-line .new-num {
    display: table-cell;
    white-space: pre;
    padding: 0 0.25em;
    text-align: right;
    border-right: 1px #cccccc solid
}

.repo-diff-line .content {
    display: table-cell;
    padding-left: 3px;
    white-space: pre
}

.repo-diff-line .content * {
    display: inline-block
}

.repo-diff-ins {
    background: #c9ffd4
}

.repo-diff-ins .content .highlight {
    background: #8affa1
}

.repo-diff-del {
    background: #ffc1c1
}

.repo-diff-del .content .highlight {
    background: #fd9393
}

.repo-diff-switcher-old {
    background: #fd9393;
    padding: 0 5px
}

.repo-diff-switcher-new {
    background: #8affa1;
    padding: 0 3px
}

.repo-diff-switcher-prev, .repo-diff-switcher-next {
    height: 17px;
    line-height: 15px;
    width: 19px;
    padding: 0;
    position: relative;
    top: -1px
}

.repo-diff-switcher-prev[disabled], .repo-diff-switcher-next[disabled] {
    background: #ffffff;
    color: #b8b8b8;
    pointer-events: none
}

.script-migration-dialog {
    max-width: 400px
}

.script-migration-dialog.loading::after {
    content: "Migrating...";
    color: #777;
    font-size: 14px;
    display: block;
    position: absolute;
    right: 49px;
    bottom: 38px;
    padding-left: 20px;
    background: url('/images/loading.gif') left top no-repeat
}

.taskmanager {
    margin-top: 4px;
    outline: none
}

.taskmanager .zippy .body {
    transition: none
}

.taskmanager .zippy {
    display: none
}

.taskmanager .zippy.has-tasks {
    display: block
}

.taskmanager .zippy .older-task-caption {
    font-size: 13px
}

.task {
    position: relative;
    margin-bottom: 4px;
    font-size: 14px
}

.task .content {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid transparent;
    border-radius: 2px;
    background-color: #f0f0f0;
    padding: 2px 20px 2px 25px;
    margin-right: 48px;
    height: 24px;
    cursor: default;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    -moz-binding: url('ellipsis.xml#ellipsis')
}

.task .content:before {
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    left: 4px;
    top: 2px;
    background-repeat: no-repeat
}

.task.failed .content {
    background-color: #b00;
    color: #ffffff
}

.task.cancelled .content {
    background-color: #777777;
    color: #ffffff
}

.task.completed .content {
    background-color: #4d90fe;
    color: #ffffff
}

.task.type-EXPORT_IMAGE .content:before {
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/image_black_18dp.png)
}

.task.type-EXPORT_IMAGE.failed .content:before, .task.type-EXPORT_IMAGE.cancelled .content:before, .task.type-EXPORT_IMAGE.completed .content:before {
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/image_white_18dp.png)
}

.task.type-EXPORT_TILES .content:before {
    background-image: url(https://www.gstatic.com/images/icons/material/system/1x/map_black_18dp.png)
}

.task.type-EXPORT_TILES.failed .content:before, .task.type-EXPORT_TILES.cancelled .content:before, .task.type-EXPORT_TILES.completed .content:before {
    background-image: url(https://www.gstatic.com/images/icons/material/system/1x/map_white_18dp.png)
}

.task.type-EXPORT_FEATURES .content:before {
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/view_list_black_18dp.png)
}

.task.type-EXPORT_FEATURES.failed .content:before, .task.type-EXPORT_FEATURES.cancelled .content:before, .task.type-EXPORT_FEATURES.completed .content:before {
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/view_list_white_18dp.png)
}

.task.type-EXPORT_VIDEO .content:before {
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/local_movies_black_18dp.png)
}

.task.type-EXPORT_VIDEO.failed .content:before, .task.type-EXPORT_VIDEO.cancelled .content:before, .task.type-EXPORT_VIDEO.completed .content:before {
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/local_movies_white_18dp.png)
}

.task.type-INGEST .content:before {
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/file_upload_black_18dp.png)
}

.task.type-INGEST.failed .content:before, .task.type-INGEST.cancelled .content:before, .task.type-INGEST.completed .content:before {
    background-image: url(//www.gstatic.com/images/icons/material/system/1x/file_upload_white_18dp.png)
}

.task .info {
    position: absolute;
    top: 0px;
    right: 48px;
    border-radius: 1px;
    width: 16px;
    height: 16px;
    padding: 1px;
    margin: 3px;
    cursor: pointer;
    font-weight: bold;
    text-align: center;
    background: #ffffff;
    opacity: 0;
    -webkit-transition: opacity 0.15s ease;
    -moz-transition: opacity 0.15s ease;
    -o-transition: opacity 0.15s ease;
    transition: opacity 0.15s ease
}

.task:hover .info {
    display: block;
    opacity: 0.5
}

.task.awaiting-user-config:hover .info {
    display: none
}

.task .info:hover {
    opacity: 1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4)
}

.task .runningtime {
    font-size: 80%;
    position: absolute;
    top: 6px;
    right: 0px;
    width: 24px;
    color: #777777
}

.task .indicator, .task .run-button {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 0px;
    right: 24px;
    width: 24px;
    height: 24px;
    padding: 4px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 16px 16px;
    opacity: 0.5;
    border-radius: 2px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-transition: opacity 0.15s ease;
    -moz-transition: opacity 0.15s ease;
    -o-transition: opacity 0.15s ease;
    transition: opacity 0.15s ease
}

.task .indicator {
    cursor: default
}

.task:hover .indicator {
    opacity: 1
}

.task .run-button {
    cursor: pointer
}

.task.running-on-client .indicator, .task.submitted-to-backend .indicator, .task.running-on-backend .indicator {
    background-image: url('/images/loading.gif')
}

.task.running-on-client .indicator:hover, .task.submitted-to-backend .indicator:hover, .task.running-on-backend .indicator:hover {
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    background-image: url('/images/taskstatus-cancel.svg');
    width: 20px;
    height: 20px;
    top: 1px;
    border: 1px solid #cccccc;
    padding: 2px 4px;
    margin-right: 2px;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.task .run-button {
    display: none
}

.task.awaiting-user-config .run-button {
    display: block;
    width: 44px;
    right: 0px;
    background: #4787ed;
    background: -moz-linear-gradient(top, #4787ed 0%, #4d90fe 0%, #4787ed 100%);
    background: -webkit-linear-gradient(top, #4787ed 0%, #4d90fe 0%, #4787ed 100%);
    background: -o-linear-gradient(top, #4787ed 0%, #4d90fe 0%, #4787ed 100%);
    background: -ms-linear-gradient(top, #4787ed 0%, #4d90fe 0%, #4787ed 100%);
    background: linear-gradient(top, #4787ed 0%, #4d90fe 0%, #4787ed 100%);
    border: 1px solid transparent;
    opacity: 1;
    text-align: center;
    vertical-align: middle;
    line-height: 22px;
    color: #ffffff;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0px
}

.task.awaiting-user-config .run-button:hover {
    background: #357ae8;
    background: -moz-linear-gradient(top, #357ae8 0%, #4d90fe 0%, #357ae8 100%);
    background: -webkit-linear-gradient(top, #357ae8 0%, #4d90fe 0%, #357ae8 100%);
    background: -o-linear-gradient(top, #357ae8 0%, #4d90fe 0%, #357ae8 100%);
    background: -ms-linear-gradient(top, #357ae8 0%, #4d90fe 0%, #357ae8 100%);
    background: linear-gradient(top, #357ae8 0%, #4d90fe 0%, #357ae8 100%);
    border-color: #2f5bb7
}

.task.awaiting-user-config .indicator {
    display: none
}

.task.failed .indicator {
    background-image: url('/images/taskstatus-failed.png')
}

.task.cancelled .indicator {
    background-image: url('/images/taskstatus-cancel.svg')
}

.task.completed .indicator {
    background-image: url('/images/taskstatus-completed.png')
}

.task-config-dialog, .task-info-dialog {
    padding: 12px 18px 22px 26px
}

.task-info-dialog .bold {
    font-weight: bold
}

.modal-dialog-content {
    font-size: 13px
}

.modal-dialog-content .error-message {
    color: #b00;
    overflow: auto;
    max-height: 400px;
    max-width: 500px;
    white-space: nowrap
}

.modal-dialog-content .error-info {
    overflow: auto;
    max-height: 400px;
    max-width: 500px
}

.task-options {
    width: 400px;
    font-size: 13px
}

.task-options .destination-settings {
    margin: 0px;
    margin-top: 16px;
    padding-top: 14px
}

.task-options input[type="text"]:disabled {
    background: #f5f5f5
}

.task-options .resolution-wrapper, .task-options .dimensions-wrapper, .task-options .asset-id-wrapper, .task-options .max-resolution-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 30px
}

.task-options .resolution-select, .task-options .resolution-wrapper .dimensions-wrapper span, .task-options .asset-id-root-select, .task-options .max-resolution-select {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.task-options .resolution-wrapper .dimensions-wrapper span {
    -webkit-align-self: center;
    align-self: center
}

.video-config input, .task-options .resolution-wrapper, .task-options .max-resolution-wrapper {
    margin-bottom: 14px
}

.video-config .video-fps-select {
    width: 50px
}

.video-config .fps-wrapper {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    height: 26px
}

.video-config .custom-fps {
    margin-bottom: 0;
    padding: 1px 0 1px 8px
}

.map-config {
    margin-bottom: 14px
}

.map-config input.write-publicly {
    margin-left: 0
}

.task-options .drive-filename-wrapper {
    margin-top: 14px
}

.task-options .drive-filename-wrapper.paired-with-format {
    display: inline-block
}

.task-options .gcs-bucket, .task-options .asset-id-wrapper {
    margin-bottom: 14px
}

.task-options .asset-id-root-select {
    display: inline-block
}

.task-options .asset-id-root-select .auto-select-single-item {
    font-size: 12px;
    font-weight: normal;
    font-family: monospace;
    margin-right: 5px
}

.task-options .asset-id-root-select .goog-flat-menu-button-caption {
    overflow: hidden;
    text-overflow: ellipsis
}

.task-options .file-format-wrapper {
    margin-top: 14px
}

.task-options .file-format-wrapper, .task-options .access-level-wrapper {
    display: inline-block;
    vertical-align: top
}

.task-options .file-format-wrapper .form-header, .task-options .access-level-wrapper .form-header {
    margin-left: 2px
}

.task-options .file-format-select, .task-options .access-level-select {
    display: block;
    margin-left: 0
}

.statusmsg {
    color: #777777;
    text-align: center;
    font-style: italic;
    margin: 16px;
    white-space: normal
}

.retrybutton-wrapper {
    text-align: center
}

.form-header {
    margin: 14px 0 0 0;
    padding-right: 19px;
    font-weight: normal;
    text-align: left;
    color: #777777;
    font-size: 85%;
    line-height: 1em
}

.task-options section {
    margin-top: 16px
}

.task-options section:first-child {
    margin-top: 0px
}

.task-options .goog-flat-menu-button:first-child {
    margin-left: 0px
}

.task-options .jfk-butterBar-warning {
    margin: 8px 0;
    height: initial;
    font-size: 13px
}

.tour-dimmer, .tour-cover {
    position: absolute;
    background-color: #000;
    top: 0;
    left: 0
}

.tour-dimmer {
    opacity: 0.4
}

.tour-cover {
    opacity: 0
}

.tour-bubble {
    padding: 0;
    border: none;
    border-radius: 2px 2px 0px 0px;
    max-width: 600px;
    background: rgba(0, 0, 0, 0.5)
}

.tour-bubble .jfk-bubble-arrowup {
    visibility: hidden
}

.tour-bubble .jfk-bubble-content-id {
    background: white;
    border-radius: 2px 2px 0px 0px
}

.tour-bubble.root {
    max-width: 340px
}

.tour-bubble .title-wrapper {
    padding: 5px 30px 1px 15px;
    background: #4787ed;
    background: -moz-linear-gradient(top, #4787ed 0%, #4d90fe 0%, #4787ed 100%);
    background: -webkit-linear-gradient(top, #4787ed 0%, #4d90fe 0%, #4787ed 100%);
    background: -o-linear-gradient(top, #4787ed 0%, #4d90fe 0%, #4787ed 100%);
    background: -ms-linear-gradient(top, #4787ed 0%, #4d90fe 0%, #4787ed 100%);
    background: linear-gradient(top, #4787ed 0%, #4d90fe 0%, #4787ed 100%);
    color: #ffffff;
    border-bottom: 1px #3079ed solid;
    border-radius: 2px 2px 0px 0px;
    white-space: nowrap
}

.tour-bubble.root .title-wrapper {
    text-align: center
}

.title-wrapper .close {
    background: url(//www.gstatic.com/images/icons/material/system/1x/close_white_24dp.png);
    width: 24px;
    height: 24px;
    position: absolute;
    top: 2px;
    right: 2px;
    cursor: pointer
}

.title-wrapper .close:hover {
    text-shadow: 0 0 0 #ffffff
}

.tour-bubble .logo {
    height: 150px;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.tour-bubble span.ancestor-tour-title, .tour-bubble ul.tourable-list {
    cursor: pointer
}

.tour-bubble span.ancestor-tour-title {
    font-size: 18px
}

.tour-bubble.root span.ancestor-tour-title:hover {
    text-decoration: none;
    cursor: auto
}

.tour-bubble span.ancestor-tour-title:hover {
    text-decoration: underline
}

.tour-bubble .jfk-bubble-content-id > span:last-of-type {
    font-weight: bold
}

.tour-bubble .tour-bubble-content {
    line-height: 1.3;
    font-size: 16px;
    min-height: 40px;
    padding-left: 16px;
    padding-right: 16px
}

.tour-bubble ul.tourable-list {
    padding-left: 36px;
    color: #357ae8;
    list-style: none;
    display: table
}

.tour-bubble li.child-tour-title {
    position: relative;
    margin-left: 10px
}

.tour-bubble li.child-tour-title:hover {
    color: #4d90fe;
    text-decoration: underline
}

.tour-bubble li.child-tour-title:before {
    content: "- ";
    color: #000000;
    position: absolute;
    left: -10px
}

.tour-bubble .tour-bubble-buttons {
    text-align: right;
    padding: 0 16px 16px 16px
}

.tour-bubble .tour-bubble-buttons .tour-bubble-next {
    margin-right: 0
}

.tour-bubble .tour-bubble-buttons .tour-bubble-done {
    background: #4787ed;
    background: -moz-linear-gradient(top, #4787ed 0%, #4d90fe 0%, #4787ed 100%);
    background: -webkit-linear-gradient(top, #4787ed 0%, #4d90fe 0%, #4787ed 100%);
    background: -o-linear-gradient(top, #4787ed 0%, #4d90fe 0%, #4787ed 100%);
    background: -ms-linear-gradient(top, #4787ed 0%, #4d90fe 0%, #4787ed 100%);
    background: linear-gradient(top, #4787ed 0%, #4d90fe 0%, #4787ed 100%);
    border: 1px solid #3079ed;
    color: #ffffff;
    text-shadow: 0px 1px rgba(0, 0, 0, 0.1)
}

.tour-bubble .tour-bubble-buttons .tour-bubble-done:hover {
    background: #357ae8;
    background: -moz-linear-gradient(top, #357ae8 0%, #4d90fe 0%, #357ae8 100%);
    background: -webkit-linear-gradient(top, #357ae8 0%, #4d90fe 0%, #357ae8 100%);
    background: -o-linear-gradient(top, #357ae8 0%, #4d90fe 0%, #357ae8 100%);
    background: -ms-linear-gradient(top, #357ae8 0%, #4d90fe 0%, #357ae8 100%);
    background: linear-gradient(top, #357ae8 0%, #4d90fe 0%, #357ae8 100%);
    border: 1px solid #2f5bb7;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2)
}

.tour-bubble .tour-bubble-buttons .tour-bubble-done:active {
    background: #4d90fe
}

.jfk-alert {
    z-index: 23
}

.loading-overlay, .asset-system-title-editor, .asset-system-time-editor {
    z-index: 22
}

.docs-popup {
    z-index: 12
}

.docs-screen {
    z-index: 11
}

.tour-dimmer {
    z-index: 10
}

.env-entry-renamer {
    z-index: 10
}

.search-results {
    z-index: 9 !important
}

.notification-panel {
    z-index: 7
}

.env-entry-drag-clone, .repo-drag-clone {
    z-index: 6
}

.ace_editor .ace_search {
    z-index: 6
}

.env-list {
    z-index: 5
}

.env-entry .env-entry-delete, .env-entry .env-entry-handle {
    z-index: 2
}

.scripts-manager.loading:before {
    z-index: 1
}

.env-list > .env-gutter {
    z-index: 1
}

#main .code-revealer {
    z-index: 1
}

.features-manager {
    z-index: 1
}

.chart-preview.loaded .pop-out-icon {
    z-index: 1
}

.image-collection-details .image-list .loading-overlay {
    z-index: 1
}

.asset-upload-options .file-list input[type="file"]:focus {
    z-index: -1
}

.goog-hsv-palette, .goog-hsv-palette-sm {
    position: relative;
    border: 1px solid #999;
    border-color: #ccc #999 #999 #ccc;
    width: 400px;
    height: 276px
}

.goog-hsv-palette-sm {
    width: 182px;
    height: 185px
}

.goog-hsv-palette label span, .goog-hsv-palette-sm label span {
    display: none
}

.goog-hsv-palette-hs-backdrop, .goog-hsv-palette-sm-hs-backdrop, .goog-hsv-palette-hs-image, .goog-hsv-palette-sm-hs-image {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 256px;
    height: 256px;
    border: 1px solid #999
}

.goog-hsv-palette-sm-hs-backdrop, .goog-hsv-palette-sm-hs-image {
    top: 45px;
    width: 128px;
    height: 128px
}

.goog-hsv-palette-hs-backdrop, .goog-hsv-palette-sm-hs-backdrop {
    background-color: #000
}

.goog-hsv-palette-hs-image, .goog-hsv-palette-v-image, .goog-hsv-palette-hs-handle, .goog-hsv-palette-v-handle {
    background-image: url(//ssl.gstatic.com/closure/hsv-sprite.png)
}

.goog-hsv-palette-noalpha .goog-hsv-palette-hs-image, .goog-hsv-palette-noalpha .goog-hsv-palette-v-image, .goog-hsv-palette-noalpha .goog-hsv-palette-hs-handle, .goog-hsv-palette-noalpha .goog-hsv-palette-v-handle {
    background-image: url(//ssl.gstatic.com/closure/hsv-sprite.gif)
}

.goog-hsv-palette-sm-hs-image, .goog-hsv-palette-sm-v-image, .goog-hsv-palette-sm-hs-handle, .goog-hsv-palette-sm-v-handle {
    background-image: url(//ssl.gstatic.com/closure/hsv-sprite-sm.png)
}

.goog-hsv-palette-noalpha .goog-hsv-palette-sm-hs-image, .goog-hsv-palette-noalpha .goog-hsv-palette-sm-v-image, .goog-hsv-palette-noalpha .goog-hsv-palette-sm-hs-handle, .goog-hsv-palette-noalpha .goog-hsv-palette-sm-v-handle {
    background-image: url(//ssl.gstatic.com/closure/hsv-sprite-sm.gif)
}

.goog-hsv-palette-hs-image, .goog-hsv-palette-sm-hs-image {
    background-position: 0 0
}

.goog-hsv-palette-hs-handle, .goog-hsv-palette-sm-hs-handle {
    position: absolute;
    left: 5px;
    top: 5px;
    width: 11px;
    height: 11px;
    overflow: hidden;
    background-position: 0 -256px
}

.goog-hsv-palette-sm-hs-handle {
    top: 40px;
    background-position: 0 -128px
}

.goog-hsv-palette-v-image, .goog-hsv-palette-sm-v-image {
    position: absolute;
    top: 10px;
    left: 286px;
    width: 19px;
    height: 256px;
    border: 1px solid #999;
    background-color: #fff;
    background-position: -256px 0
}

.goog-hsv-palette-sm-v-image {
    top: 45px;
    left: 155px;
    width: 9px;
    height: 128px;
    background-position: -128px 0
}

.goog-hsv-palette-v-handle, .goog-hsv-palette-sm-v-handle {
    position: absolute;
    top: 5px;
    left: 279px;
    width: 35px;
    height: 11px;
    background-position: -11px -256px;
    overflow: hidden
}

.goog-hsv-palette-sm-v-handle {
    top: 40px;
    left: 148px;
    width: 25px;
    background-position: -11px -128px
}

.goog-hsv-palette-swatch, .goog-hsv-palette-sm-swatch {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 65px;
    height: 65px;
    border: 1px solid #999;
    background-color: #fff
}

.goog-hsv-palette-sm-swatch {
    top: 10px;
    right: auto;
    left: 10px;
    width: 30px;
    height: 22px
}

.goog-hsv-palette-input, .goog-hsv-palette-sm-input {
    position: absolute;
    top: 85px;
    right: 10px;
    width: 65px
}

.goog-hsv-palette-sm-input {
    top: 10px;
    right: auto;
    left: 50px
}