clipper.css

body {
  margin: 0;
  font-family: Roboto, 'Helvetica Neue', Arial, sans-serif;
  -webkit-user-select: none;
}

input {
  font-family: Roboto, 'Helvetica Neue', Arial, sans-serif;
}

textarea {
  font-family: Roboto, 'Helvetica Neue', Arial, sans-serif;
}

.colc-text {
  color: inherit;
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  position: absolute;
  -webkit-transition: color 300ms ease-in-out;
}

.colc-texthover:hover {
  color: #000;
}

.colc-icon {
  background-repeat: no-repeat;
  display: inline-block;
  height: 24px;
  margin: 4px 6px;
  width: 24px;
}

.colc, .colc-rtl {
  background-color: #fff;
  color: #4a4a4a;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  position: absolute;
  __MSG_@@bidi_end_edge__: 150px;
  top: 48px;
  width: 250px;
  z-index: 999999;
  -webkit-transform: scale(1,1);
  -webkit-transform-origin: 50% 50%;
  -webkit-transition-property: -webkit-transform, opacity;
  -webkit-transition-duration: 230ms;
  -webkit-transition-timing-function: ease-in-out;
}

.colc-hidden {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: scale(0.7,0.7);
}

.colc-main {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.278), 0px 0px 2px 0px rgba(0,0,0,0.278);
  -webkit-box-shadow: 0px 0px 40px 0px rgba(0,0,0,0.278), 0px 0px 2px 0px rgba(0,0,0,0.278);
  height: 298px;
  position: relative;
  -webkit-transition: all 300ms ease-in-out;
  -webkit-transform: translate(0,0);
  z-index: 1;
}

.colc-maine {
  height: 420px;
}

.colc-main .coln-fola {
  height: 0px;
}

.colc-maine .coln-fola {
  height: 156px;
}

.colc-img {
  background-color: #fff;
  background-size: 256px 256px;
  border-bottom: #f1f1f1 1px solid;
  border-top-__MSG_@@bidi_start_edge__-radius: 2px;
  border-top-__MSG_@@bidi_end_edge__-radius: 2px;
  height: 126px;
  width: 100%;
  z-index: 10000;
}

.colc-fchip {
  background-color: rgba(43,43,43,0.9);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 12px;
  height: auto;
  __MSG_@@bidi_start_edge__: 0;
  line-height: 18px;
  margin-__MSG_@@bidi_end_edge__: 1px;
  max-width: 200px;
  overflow: hidden;
  padding-top: 2px;
  padding-__MSG_@@bidi_end_edge__: 6px;
  padding-bottom: 2px;
  padding-__MSG_@@bidi_start_edge__: 5px;
  position: absolute;
  text-align: center;
  text-overflow: ellipsis;
  top: 104px;
  white-space: nowrap;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease-in-out;
  -webkit-user-select: none;
}

.colc-fchiph {
  cursor: default;
  opacity: 0;
}

.colc-over {
  height: 41px;
  position: absolute;
  text-align: center;
  top: 34px;
  width: 100%;
  z-index: 1;
}

.colc-previmg, .colc-nextimg {
  background-color: rgba(43,43,43,0.9);
  border-radius: 50%;
  cursor: pointer;
  height: 28px;
  position: absolute;
  opacity: 0;
  top: 42px;
  width: 28px;
  z-index: 1;
  -webkit-transition-property: -webkit-transform, opacity;
  -webkit-transition-duration: 300ms;
  -webkit-transition-timing-function: ease-in-out;
}

.colc-previmg {
  __MSG_@@bidi_start_edge__: 3px;
}

.colc-nextimg {
  __MSG_@@bidi_end_edge__: 3px;
}

.colc-previmg:hover, .colc-nextimg:hover {
  opacity: 1 !important;
}

.colc-img:hover .colc-previmg,
.colc-img:hover .colc-nextimg {
  opacity: 0.8;
}

.colc-innero {
  background-color: rgba(43,43,43,0.9);
  border-radius: 20px;
  display: inline-block;
  -webkit-user-select: none;
}

.colc-conft {
  color: #fff;
  font-size: 12px;
  height: 41px;  /* match colc-over */
  line-height: 41px;
  max-width: 134px;
  overflow: hidden;
  padding-top: 0px;
  padding-__MSG_@@bidi_end_edge__: 5px;
  padding-bottom: 0;
  padding-__MSG_@@bidi_start_edge__: 10px;
  position: relative;
  text-align: __MSG_@@bidi_start_edge__;
  text-overflow: ellipsis;
  vertical-align: top;
  white-space: nowrap;
}

.colc-confi {
  background-color: rgba(255,255,255,0.1);
  background-position: center;
  border-radius: 50%;
  cursor: pointer;
  height: 29px;  /* odd height to match odd text */
  margin-top: 6px;
  margin-__MSG_@@bidi_end_edge__: 5px;
  margin-bottom: 0;
  margin-__MSG_@@bidi_start_edge__: 4px;
  width: 29px;
  -webkit-transition: background-color 200ms ease-in-out;
}

.colc-confi:hover {
  background-color: rgba(255,255,255,0.2);
}

.colc-vers {
  border-__MSG_@@bidi_start_edge__: 1px solid #fff;
  display:inline-block;
  height: 22px;
  position: relative;
  top: -4px;
}

.colc-tilea {
  background-color: inherit;
  border-bottom: #e4e4e4 1px solid;
  position: relative;
  z-index: 10;
}

.colc-view {
  background: -webkit-linear-gradient(top,#4387fd,#4683ea);
  color: #fff;
  cursor: pointer;
  height: 31px;
  position: relative;
  top: -2px;
  -webkit-transform: scale(1,1);
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  -webkit-user-select: none;
  width: 100%;
  z-index: 6;
}

.colc-view:hover {
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,.15);
  box-shadow: 0 1px 0 rgba(0,0,0,.15);
  background: -webkit-linear-gradient(top,#4d90fe,#357ae8);
  z-index: 7;
}

.colc-view:active {
  -webkit-box-shadow: inset 0 2px 0 rgba(0,0,0,.15);
  box-shadow: inset 0 2px 0 rgba(0,0,0,.15);
  background: -webkit-linear-gradient(top,#3c7ae4,#3f76d3);
}

.colc-view:focus{
  border: 1px solid #4d90fe;
  -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,0.5);
}

.colc-view:hover:focus{
  -webkit-box-shadow: inset 0 0 0 1px #fff,0 1px 1px rgba(0,0,0,0.1);
  box-shadow: inset 0 0 0 1px #fff,0 1px 1px rgba(0,0,0,0.1);
}

.colc-viewd {
  -webkit-transform: translateY(123px);
}

.colc-viewt {
  display: inherit;
  font-size: 11px !important;  /* odd number to match odd height */
  font-weight: bold;
  height: 31px;
  line-height: 31px;
  position: static !important;
  text-align: center;
}

.colc-grp:hover {
  z-index: 7;
}

.colc-grp:hover {
  box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}

.colc-grp {
  cursor: pointer;
  display: inline-block;
  height: 32px;
  position: absolute;
  -webkit-transition: -webkit-transform 300ms ease-in-out;
  background-color: #f8f8f8;
  background-image: -webkit-gradient(linear,__MSG_@@bidi_start_edge__ top,__MSG_@@bidi_start_edge__ bottom,from(#f8f8f8),to(#f1f1f1));
  background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
  background-image: linear-gradient(top,#f8f8f8,#f1f1f1);
  border-bottom: 1px solid #e4e4e4;
  width: 100%;
  -webkit-transform: scale(1,1);
  -webkit-transform-origin: 50% 0;
  z-index: 6;
}

.colc-grpe {
  -webkit-transform: translateY(-36px);
}

.colc-arw {
  border-color: #909090 transparent;
  border-style: solid;
  border-width: 4px 4px 0 4px;
  height: 0;
  margin-__MSG_@@bidi_start_edge__: -2px;
  margin-top: -2px;
  top: 50%;
  position: absolute;
  __MSG_@@bidi_end_edge__: 15px;
  width: 0;
}

.colc-grp:hover .colc-arw {
  border-color: #000 transparent;
}

.colc-grpt {
  font-size: 12px !important;
  font-weight: bold;
  overflow: hidden;
  padding-top: 9px;
  padding-__MSG_@@bidi_end_edge__: 0;
  padding-bottom: 0;
  padding-__MSG_@@bidi_start_edge__: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 212px;
}

.colc-sug {
  background-color: #fff;
  cursor: pointer;
  display: inline-block;
  height: 31px; /* odd height to match odd text */
  position: relative;
  top: 33px;
  -webkit-transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  -webkit-transition: 300ms -webkit-transform ease-in-out;
  width: 100%;
  z-index: 10;
}

.colc-sug:hover {
  background-color: #fafafa;
}

.colc-sugt {
  height: 31px;
  line-height: 31px;
  margin-__MSG_@@bidi_start_edge__: 4px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 162px;
}

.colc-sugh {
  color: #aaa;
  font-size: 11px;
  height: 31px;
  line-height: 31px;
  position: absolute;
  __MSG_@@bidi_end_edge__: 3px;
  width: 55px;
}

.colc-sugi {
  display: inline-block;
  height: 31px;
  margin-__MSG_@@bidi_start_edge__: 2px;
  opacity: 0.3;
  width: 20px;
}

.colc-sugs .colc-sug {
  -webkit-transform: none;
}

.colc-main.colc-sugs {
  height: 329px;
}

.colc-sugs .colc-view {
  -webkit-transform: translateY(31px);
}

.colc-title {
  color: rgba(39,39,39,.87);
  font-size: 16px;
  font-weight: 500;
  height: 24px;
  margin-top: 5px;
  margin-__MSG_@@bidi_end_edge__: 10px;
  margin-bottom: 0px;
  margin-__MSG_@@bidi_start_edge__: 5px;
}

.colc-note {
  color: rgba(39,39,39,.72);
  font-size: 12px;
  line-height: 16px;
  margin-top: 6px;
  margin-__MSG_@@bidi_end_edge__: 10px;
  margin-bottom: 2px;
  margin-__MSG_@@bidi_start_edge__: 5px;
}

.colc-url {
  color: rgba(0,0,0,.70);
  font-size: 12px;
  font-weight: 500;
  height: 24px;
  margin-top: 0px;
  margin-__MSG_@@bidi_end_edge__: 10px;
  margin-bottom: 5px;
  margin-__MSG_@@bidi_start_edge__: 5px;
  padding-bottom: 0;
  padding-top: 0;
}

.colc-title, .colc-note, .colc-url {
  width: 239px;
}

.colc-confi {
  /* Clipper trash can */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE1IDE1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zMHtmaWxsOm5vbmU7fTwvc3R5bGU+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtOSkiPjxyZWN0IHg9Ii02MTgiIHk9Ii0xMDgwIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIiBmaWxsPSJub25lIi8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTkpIi8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtOSkiPjxnIHRyYW5zZm9ybT0ibWF0cml4KDAuODMzMzMzMzMsMCwwLDAuODMzMzMzMzMsLTIuNSw2LjUpIj48cGF0aCBkPSJtNiAxOWMwIDEuMSAwLjkgMiAyIDJoOGMxLjEgMCAyLTAuOSAyLTJWN0g2VjE5ek0xOSA0aC0zLjVsLTEtMWgtNWwtMSAxSDVWNkgxOVY0eiIgZmlsbD0iI2ZmZiIvPjwvZz48cmVjdCB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHg9IjAiIHk9IjAiIGZpbGw9Im5vbmUiLz48L2c+PGcgZGlzcGxheT0ibm9uZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtOSkiLz48L3N2Zz4);
  background-repeat: no-repeat;
  background-size: 13px;
}

.colc-undoi, .colc-undoi-rtl {
  /* Clipper undo arrow. */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE1IDE1IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zMHtmaWxsOm5vbmU7fTwvc3R5bGU+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtOSkiPjxyZWN0IHg9Ii02MTgiIHk9Ii0xNzIwIiB3aWR0aD0iMTQwMCIgaGVpZ2h0PSIzNjAwIiBmaWxsPSJub25lIi8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTkpIi8+PGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCwtOSkiPjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgeD0iMCIgeT0iMCIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik03LjUwMDAwMDEgMTEuNjkyMzA4VjlsLTMuODQ2MTUzOCAzLjg0NjE1NCAzLjg0NjE1MzggMy44NDYxNTR2LTMuNDYxNTM5YzIuNTM4NDYxOSAwIDQuNjE1Mzg0OSAyLjA3NjkyMyA0LjYxNTM4NDkgNC42MTUzODUgMCAyLjUzODQ2MS0yLjA3NjkyMyA0LjYxNTM4NC00LjYxNTM4NDkgNC42MTUzODQtMi41Mzg0NjE1IDAtNC42MTUzODQ2LTIuMDc2OTIzLTQuNjE1Mzg0Ni00LjYxNTM4NEgxLjM0NjE1MzlDMS4zNDYxNTM5IDIxLjIzMDc2OSA0LjExNTM4NDcgMjQgNy41MDAwMDAxIDI0YzMuMzg0NjE0OSAwIDYuMTUzODQ1OS0yLjc2OTIzMSA2LjE1Mzg0NTktNi4xNTM4NDYgMC0zLjM4NDYxNS0yLjc2OTIzMS02LjE1Mzg0Ni02LjE1Mzg0NTktNi4xNTM4NDZ6IiBmaWxsPSIjZmZmIi8+PC9nPjxnIGRpc3BsYXk9Im5vbmUiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTkpIi8+PC9zdmc+) !important;
  background-repeat: no-repeat;
  background-size: 13px;
}

.colc-undoi-rtl {
  -webkit-transform: scaleX(-1);
}

.colc-previmg, .colc-nextimg {
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAACCCAYAAAD2Sc5hAAACFklEQVR42u3cMUtbURjG8ZMouInYwU7SoZOgIGRxcEu+gqMubo4K4kcQcSk4iNR+Au1XcLdfwHRS0KWtS0spSv27nMHevneNgff/G++SPE8uOeeEvLcUSZIkSZIkSdLoAT3gE3AD3AKDLMG7wAfgiX/tZinglP9dAzMZwm8F4f8AvQzhV4CHoIDNDOHn6hdd00mG8JPARRD+EpjKUMBhEP4bMJ8h/FoQ/i/QzxB+AfgVFLCXIfw0cBWE/wx0MhRwHoT/Cky/9nvrjuh1hsG1N6WU2Szb3YmWpe9LiqXvxebnLijhONORdxV4DEpYz1TCTlDAb2AxUwnRqjAch1VhlPuCYVDCWaa7YKne+k3bmUrYCAp4BFYzlXAUlHAHpNkkdYCDeirMdUhqFLEMfHzxs3i/SJIkSZIkSZIkSZIkSZIkSeMN6Ne/v17Xv8MuZytgLxiXPUgxNFkLmG2ZGDvKdBe0TYxtZCphu2VibClTCWfjOkc8qgLaJsbOM90Fiy0TYzuZSlh3YgyOWybG3mYpYKqO0DddABNZSngH3Acl7I/i9btj0MF9KeVHcP19hk+/Ux+k0nSVYl8QHJIAfgILGcIPgnFZgLUM4eeB70H4wyxL32XL0jeZoYCTIPwtMJch/GYQ/gFYyRC+Vx+X2bSVIfxM/UG06TTLdne3EfypPkq3m6WAQT3l3dSHJ/eKJEmSJEmSpNfwDASxsporSuIsAAAAAElFTkSuQmCC') no-repeat;
  background-size: 32px 65px;
}

.colc-previmg {
  background-position: -2px -2px;
}

.colc-nextimg {
  background-position: -1px -35px;
}
.col-ci {
  __MSG_@@bidi_start_edge__: 0;
  position: absolute;
  top: 0;
  -webkit-transform-origin: __MSG_@@bidi_start_edge__ 0;
}

.col-mri {
  position: absolute;
  -webkit-transform-origin: 0 0;
}

.col-mri-hidden {
  opacity: 0 !important;
}

.col-mri-image {
  border: 0;
  background-color: white;
  __MSG_@@bidi_start_edge__: 0;
  position: absolute;
  top: 0;
}
.col-editable-elt {
  display: inline-block;
  background: transparent;
  border: none;
  border-radius: 2px;
  cursor: inherit;
  font-family: inherit;
  outline: none;
  overflow: hidden;
  padding-__MSG_@@bidi_start_edge__: 5px;
  padding-__MSG_@@bidi_end_edge__: 5px;
  resize: none;
  position: relative;
  text-overflow: ellipsis;
  -webkit-box-sizing: border-box;
}

.col-editable-elt-enabled {
  cursor: text;
}

.col-editable-elt.col-editable-elt-enabled:hover {
  background-color: rgba(77,144,254,0.15);
}

.col-editable-elt.col-editable-elt-enabled:focus {
  background-color: #fff;
  outline: #4d90fe solid 1px;
  outline-offset: 0.5px;
  overflow-y: auto;
}

.col-cv-edit-field {
  border-bottom: 1px solid rgba(0,0,0,.15);
}

textarea.col-editable-elt::-webkit-scrollbar {
  background: #fff;
  width: 13px;
  height: 16px;
}

textarea.col-editable-elt::-webkit-scrollbar-thumb {
  border-width: 1px 2px 1px 4px;
  min-height: 15px;
}

.coln-text {
  color: inherit;
  display: inline-block;
  font-size: 13px;
  font-weight: 400;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  position: absolute;
  -webkit-transition: color 300ms ease-in-out;
}

.coln-int {
  color: #4a4a4a;
  overflow: hidden;
  position: absolute;
  text-align: __MSG_@@bidi_start_edge__;
  text-shadow: none;
  width: 100%;
  z-index: 5;
}

.coln-fola {
  /** We're doing this to fix a rendering issue. */
  -webkit-backface-visibility: hidden;
  background-color: #fff;
  height: 156px;
  overflow-x: hidden;
  position: relative;
  -webkit-transition: height 200ms ease-in-out;
  width: 100%;
}

.coln-noscr .coln-cref {
  __MSG_@@bidi_start_edge__: 191px;
}

.coln-noscr .coln-inpf {
  width: 186px;
}

.coln-noscr .coln-fold, .coln-noscr .coln-fold-rtl {
  __MSG_@@bidi_start_edge__: 214px;
}

.coln-noscr .coln-folw {
  width: 240px;
}

.coln-newf {
  height: 37px;
  position: absolute;
  width: 100%;
}

.coln-inpf {
  background-color: #fff;
  border: 1px solid #d9d9d9;
  border-__MSG_@@bidi_end_edge__: 1px transparent;
  border-top: 1px solid #c0c0c0;
  -webkit-border-radius: 1px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  color: #333;
  display: inline-block;
  height: 29px;
  __MSG_@@bidi_start_edge__: 5px;
  margin-top: 3px;
  outline: none;
  padding-__MSG_@@bidi_start_edge__: 8px;
  top: 1px;
  vertical-align: top;
  width: 176px;
}

.coln-inpf:hover {
  border: 1px solid #b9b9b9;
  border-top: 1px solid #a0a0a0;
  box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
}

.coln-inpf:focus {
  border: 1px solid #4d90fe;
  box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.3);
  outline: none;
}

.coln-inpf-err {
  border: 1px solid #dd4b39 !important;
}

.coln-cref {
  background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1);
  border: 1px solid #dcdcdc;
  border-top-__MSG_@@bidi_start_edge__-radius: 0;
  border-top-__MSG_@@bidi_end_edge__-radius: 2px;
  border-bottom-__MSG_@@bidi_end_edge__-radius: 2px;
  border-bottom-__MSG_@@bidi_start_edge__-radius: 0;
  color: #444;
  cursor: default;
  font-size: 11px;
  font-weight: bold;
  height: 27px;  /* match the input box */
  line-height: 27px;
  margin-top: 2px;
  __MSG_@@bidi_start_edge__: 181px;
  text-align: center;
  top: 2px;
  width: 65px;
}

.coln-cref:hover {
  background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1);
  border: 1px solid #c6c6c6;
  box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
  color: #222;
}

.coln-cref:active {
  background-image: -webkit-linear-gradient(top,#f6f6f6,#f1f1f1);
  box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
}

.coln-nhed {
  background-color: #f1f1f1;
  border-bottom: 1px solid #e4e4e4;
  height: 29px;
  position: absolute;
  -webkit-transform: scale(0,0);
  width: 100%;
}

.coln-ntit {
  cursor: default;
  display: inline-block;
  font-size: 13px;
  height: 29px;
  __MSG_@@bidi_start_edge__: 45px;
  line-height: 29px;
  overflow: hidden;
  position: absolute;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 190px;
}

.coln-topsh {
  background: -webkit-gradient(linear, __MSG_@@bidi_start_edge__ top, __MSG_@@bidi_start_edge__ bottom, from(rgba(0,0,0,.3)), to(rgba(0,0,0,0)));
  height: 6px;
  __MSG_@@bidi_start_edge__: 0;
  margin-__MSG_@@bidi_end_edge__: 0;
  margin-bottom: -6px;
  opacity: 0.0;
  position: absolute;
  top: 0;
  -webkit-transform: translate(0,0);
  -webkit-mask-box-image: -webkit-gradient(linear, __MSG_@@bidi_start_edge__ top, __MSG_@@bidi_end_edge__ top, color-stop(0.0, rgba(0,0,0,0.1)), color-stop(0.5, rgba(0,0,0,.8)), color-stop(1.0, rgba(0,0,0,0.1)));
  width: 100%;
  z-index: 5;
}

.coln-btmsh {
  background: -webkit-gradient(linear, __MSG_@@bidi_start_edge__ bottom, __MSG_@@bidi_start_edge__ top, from(rgba(0,0,0,.3)), to(rgba(0,0,0,0)));
  bottom: 0;
  height: 6px;
  margin-__MSG_@@bidi_end_edge__: 0;
  opacity: 0.0;
  position: absolute;
  -webkit-transform: translate(0,0);
  -webkit-mask-box-image: -webkit-gradient(linear, __MSG_@@bidi_start_edge__ top, __MSG_@@bidi_end_edge__ top, color-stop(0.0, rgba(0,0,0,0.1)), color-stop(0.5, rgba(0,0,0,.8)), color-stop(1.0, rgba(0,0,0,0.1)));
  width: 100%;
  z-index: 5;
}

.coln-fol {
  height: 29px;
  position: absolute;
  -webkit-transform: none;
  width: 100%;
}

.coln-fols .coln-folw,
.coln-fols .coln-folw:hover {
  background-color: rgba(64, 131, 241, 0.178);
}

.coln-folw:hover {
  background-color: #f1f1f1;
  color: #000;
}

.coln-folt {
  cursor: default;
  height: 29px;
  line-height: 29px;
  margin-__MSG_@@bidi_start_edge__: 4px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 172px;
}

.coln-noscr .coln-folt {
  width: 181px;
}

.coln-foli {
  display: inline-block;
  height: 29px;
  margin-__MSG_@@bidi_start_edge__: 2px;
  opacity: 0.6;
  width: 20px;
}

.coln-folw {
  display: inline-block;
  height: 29px;
  __MSG_@@bidi_start_edge__: 5px;
  position: absolute;
  white-space: nowrap;
  width: 200px;
}

.coln-noscr .coln-folw {
  width: 209px;
}

.coln-dup, .coln-dup-rtl, .coln-fold, .coln-fold-rtl {
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
  height: 29px;
  opacity: 0.5;
  position: absolute;
  width: 29px;
}

.coln-dup-rtl {
  position: relative;
}

.coln-fold:hover, .coln-fold-rtl:hover {
  background-color: #f1f1f1;
  border-__MSG_@@bidi_start_edge__: 1px solid #d4d4d4;
  opacity: 1;
}

.coln-fold, .coln-fold-rtl {
  __MSG_@@bidi_start_edge__: 205px;
  border-__MSG_@@bidi_start_edge__: 1px solid #dedede;
}

.coln-dup, .coln-dup-rtl {
  border-__MSG_@@bidi_start_edge__: 1px solid #e4e4e4;
}

.coln-dup:hover, .coln-dup-rtl:hover {
  background-color: #f8f8f8;
  border-__MSG_@@bidi_start_edge__: 1px solid #c6c6c6;
  box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
  -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
  opacity: 1;
}

.coln-dup:active, .coln-dup-rtl:active {
  background-color: #f6f6f6;
  box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
  -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.1);
}

.coln-anim {
  -webkit-transition: -webkit-transform 300ms ease-in-out;
}

.coln-dup, .coln-dup-rtl, .coln-fold, .coln-fold-rtl {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAANCAYAAACUwi84AAAAMUlEQVQY02NgYGAwAOIHUBorAEn+B+IPuBQZQCUHk6IEqIL/UA8QbwKNJIkOSZxxAQCWviW1Jy0EXAAAAABJRU5ErkJggg==);
}

.coln-fold-rtl,
.coln-dup {
  -webkit-transform: scaleX(-1);
}

.colsb ::-webkit-scrollbar {
  height: 13px;
  width: 13px;
}

.colsb ::-webkit-scrollbar-button {
  height: 0px;
  width: 0px;
}

.colsb ::-webkit-scrollbar-button:start:decrement,
.colsb ::-webkit-scrollbar-button:end:increment {
  display: block;
}

.colsb ::-webkit-scrollbar-button:vertical:start:increment,
.colsb ::-webkit-scrollbar-button:vertical:end:decrement {
  display: none;
}

.colsb ::-webkit-scrollbar-track:vertical {
  border-__MSG_@@bidi_start_edge__: 2px solid transparent;
  border-__MSG_@@bidi_end_edge__: 1px solid transparent;
  background-clip: padding-box;
  background-color: transparent;
}

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

.colsb ::-webkit-scrollbar-track:active {
  background-color: rgba(0,0,0,0.05);
  -webkit-box-shadow: inset 1px 0px 0px  rgba(0,0,0,0.14), inset -1px -1px 0px  rgba(0,0,0,0.07);
}

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

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

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

.colsb ::-webkit-scrollbar-thumb:vertical {
  border-bottom: 0px solid transparent;
  border-__MSG_@@bidi_start_edge__: 2px solid transparent;
  border-__MSG_@@bidi_end_edge__: 1px solid transparent;
  border-top: 0px solid transparent;
}

.col-navie-list.colsb ::-webkit-scrollbar {
  background-color: #fff;
}
/** This file is for assets shared between the clipper and curation view. */

.col-fv-info-ref-private, .col-fv-list-icon, .coln-foli, .colc-sugi {
  /* Private folder icon */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 21 21' version='1.1'><g stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g fill='#000000'><path d='M8 2L2 2C0.9 2 0 2.9 0 4L0 16C0 17.1 0.9 18 2 18L18 18C19.1 18 20 17.1 20 16L20 6C20 4.9 19.1 4 18 4L10 4 8 2'/></g></g></svg>");
}

.col-fv-info-ref-public, .colc-sugp, .coln-folp {
  /* Public folder icon */
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 21 21' version='1.1'><g stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'><g fill='#000000'><path d='M18 4L10 4 8 2 2 2C0.9 2 0 2.9 0 4L0 16C0 17.1 0.9 18 2 18L18 18C19.1 18 20 17.1 20 16L20 6C20 4.9 19.1 4 18 4L18 4ZM13 7C14.1 7 15 7.9 15 9 15 10.1 14.1 11 13 11 11.9 11 11 10.1 11 9 11 7.9 11.9 7 13 7L13 7ZM17 15L9 15 9 14C9 12.7 11.7 12 13 12 14.3 12 17 12.7 17 14L17 15 17 15Z'/></g></g></svg>");
}

.col-ft-icon-bookmarks-bar, .coln-folbb, .colc-sugbb {
  /* Bookmarks bar small black icon */
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAQAAABKfvVzAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QA/4ePzL8AAABSSURBVDjLY2AY1MCb4R7DfyzwLoMXdg2PsCoHwQfYNfzHA0c1jGqgi4Y/DGsY7BkcgOQfwhoeM5QziMNFxIG8x7g1HGEIZWDDEGUDih4Z1BkfAJjQ5CqgjfrxAAAAAElFTkSuQmCC) !important;
  background-size: 19px !important;
}

.col-fv-info-ref-public, .col-fv-info-ref-private {
  background-position: center;
  background-size: 15px;
  background-repeat: no-repeat;
  opacity: 0.6;  /* icon is black, but we want grey */
}

.coln-foli, .coln-folp, .colc-sugi {
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15px;
}