/* ==========================================================================
   CLIPBOARD
   ========================================================================== */
.InCell:hover .Input img { filter: invert(0.03); -webkit-filter: invert(0.03); -ms-filter: invert(0.03); }
.InCell { box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0); padding: .33rem; border-radius: .33rem; width: auto; line-height: 0; }
.InCell:hover { background: #f7f7f7; position: relative; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1); }

.InCell .tooltip { line-height: 1.3; display: block; background: #f5f5f5; border: 1px solid #e5e5e5; border-radius: 3px; padding: 8px; position: absolute; top: -53px; left: 0; right: 0; margin: auto; width: 130px; color: #898989; font-size: 12px; font-family: 'Roboto', Arial, Helvetica, sans-serif; text-align: center; z-index: 10; white-space: nowrap; }
.InCell .tooltip.bottom { top: auto; bottom: -53px; }

.clipboard { width: 28px; height: 28px; border-radius: 28px; background-color: #fff; border: 1px solid #e5e5e5; position: absolute; top: 0; left: -20px; bottom: 0; margin: auto; }
.clipboard:before { background-position: 0 0; top: 0; bottom: 0; left: 0; right: 0; margin: auto; position: absolute; }
.clipboard.copied:before { background-position: -12px  0; }
.InCell .tooltip:before { content: ''; border-top: 9px solid #f5f5f5; border-bottom: 9px solid transparent; border-left: .67rem solid transparent; border-right: .67rem solid transparent; display: block; width: 0; height: 0; position: absolute; top: 30px; left: 0; right: 0; margin: auto; z-index: 10; }

.InCell .tooltip:after { content: ''; border-top: .67rem solid #e5e5e5; border-bottom: .67rem solid transparent; border-left: .73rem solid transparent; border-right: .73rem solid transparent; display: block; width: 0; height: 0; position: absolute; top: 31px; left: 0; right: 0; margin: auto; z-index: 9; }

.InCell .tooltip.bottom:before { border-top: 9px solid transparent; border-bottom: 9px solid #f5f5f5; border-left: .67rem solid transparent; border-right: .67rem solid transparent; top: -17px; }
.InCell .tooltip.bottom:after { border-top: .67rem solid transparent; border-bottom: .67rem solid #e5e5e5; border-left: .73rem solid transparent; border-right: .73rem solid transparent; top: -19px; }

.InCell.hover:active { background: #f5f5f5; }
.InCell.hover:active .tooltip { display: none; }
.InCell.hover:active .clipboard { background-color: #f5f5f5; }
.IFL { overflow: hidden; width: 1px; height: 1px; color: transparent; font-size: 1; line-height: 1; z-index: 0; position: absolute; }
.IFL.show { padding: .67rem; font-size: .67rem; line-height: 1.5; background: #f7f7f7; border-radius: .33rem; border: 1px solid #e5e5e5; box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.1); padding: .67rem 1.33rem 1.33rem; color: #494949; height: auto; z-index: 2; position: absolute; width: 450px; margin-top: .33rem; }
.IFL.show .text { max-height: 300px; background: #fff; border: 1px solid #e5e5e5; padding: .33rem; margin-top: .67rem; overflow-y: auto; }
.IFL .close { box-sizing: border-box; position: absolute; width: 2.67rem; height: 2.67rem; top: 0; right: 0; padding: 2px 0 0 23px; cursor: pointer; display: block; }