html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

body {
  line-height:1;
}

ol,
ul {
  list-style:none;
}

blockquote,
q {
  quotes:none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content:'';
  content:none;
}

ins {
  text-decoration:none;
}

del {
  text-decoration:line-through;
}

table {
  border-collapse:collapse;
  border-spacing:0;
}

article,
aside,
figure,
footer,
header,
hgroup,
nav,
section {
  display:block;
}

html {
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}

html,
body {
  height:100%;
}

@-webkit-keyframes in-from-top {
  0% {
    -webkit-transform:translateY(-300px);
    opacity:0;
  }
  75% {
    opacity:0.25;
  }
  100% {
    -webkit-transform:translateY(0);
    opacity:1;
  }
}

@-moz-keyframes in-from-top {
  0% {
    transform:translateY(-300px);
    opacity:0;
  }
  75% {
    opacity:0.25;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}

@keyframes in-from-top {
  0% {
    transform:translateY(-300px);
    opacity:0;
  }
  75% {
    opacity:0.25;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}

@-moz-keyframes rotation {
  0% {
    -moz-transform:rotate(0deg);
  }
  8.2% {
    -moz-transform:rotate(0deg);
  }
  8.3% {
    -moz-transform:rotate(30deg);
  }
  16.3% {
    -moz-transform:rotate(30deg);
  }
  16.4% {
    -moz-transform:rotate(60deg);
  }
  24.8% {
    -moz-transform:rotate(60deg);
  }
  24.9% {
    -moz-transform:rotate(90deg);
  }
  33.1% {
    -moz-transform:rotate(90deg);
  }
  33.2% {
    -moz-transform:rotate(120deg);
  }
  41.4% {
    -moz-transform:rotate(120deg);
  }
  41.5% {
    -moz-transform:rotate(150deg);
  }
  49.7% {
    -moz-transform:rotate(150deg);
  }
  49.8% {
    -moz-transform:rotate(180deg);
  }
  58% {
    -moz-transform:rotate(180deg);
  }
  58.1% {
    -moz-transform:rotate(210deg);
  }
  66.3% {
    -moz-transform:rotate(210deg);
  }
  66.4% {
    -moz-transform:rotate(240deg);
  }
  74.6% {
    -moz-transform:rotate(240deg);
  }
  74.7% {
    -moz-transform:rotate(270deg);
  }
  82.9% {
    -moz-transform:rotate(270deg);
  }
  83% {
    -moz-transform:rotate(300deg);
  }
  91.2% {
    -moz-transform:rotate(300deg);
  }
  91.3% {
    -moz-transform:rotate(330deg);
  }
  99.9% {
    -moz-transform:rotate(330deg);
  }
  100% {
    -moz-transform:rotate(360deg);
  }
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform:rotate(0deg);
  }
  8.2% {
    -webkit-transform:rotate(0deg);
  }
  8.3% {
    -webkit-transform:rotate(30deg);
  }
  16.3% {
    -webkit-transform:rotate(30deg);
  }
  16.4% {
    -webkit-transform:rotate(60deg);
  }
  24.8% {
    -webkit-transform:rotate(60deg);
  }
  24.9% {
    -webkit-transform:rotate(90deg);
  }
  33.1% {
    -webkit-transform:rotate(90deg);
  }
  33.2% {
    -webkit-transform:rotate(120deg);
  }
  41.4% {
    -webkit-transform:rotate(120deg);
  }
  41.5% {
    -webkit-transform:rotate(150deg);
  }
  49.7% {
    -webkit-transform:rotate(150deg);
  }
  49.8% {
    -webkit-transform:rotate(180deg);
  }
  58% {
    -webkit-transform:rotate(180deg);
  }
  58.1% {
    -webkit-transform:rotate(210deg);
  }
  66.3% {
    -webkit-transform:rotate(210deg);
  }
  66.4% {
    -webkit-transform:rotate(240deg);
  }
  74.6% {
    -webkit-transform:rotate(240deg);
  }
  74.7% {
    -webkit-transform:rotate(270deg);
  }
  82.9% {
    -webkit-transform:rotate(270deg);
  }
  83% {
    -webkit-transform:rotate(300deg);
  }
  91.2% {
    -webkit-transform:rotate(300deg);
  }
  91.3% {
    -webkit-transform:rotate(330deg);
  }
  99.9% {
    -webkit-transform:rotate(330deg);
  }
  100% {
    -webkit-transform:rotate(360deg);
  }
}

@keyframes rotation {
  0% {
    transform:rotate(0deg);
  }
  8.2% {
    transform:rotate(0deg);
  }
  8.3% {
    transform:rotate(30deg);
  }
  16.3% {
    transform:rotate(30deg);
  }
  16.4% {
    transform:rotate(60deg);
  }
  24.8% {
    transform:rotate(60deg);
  }
  24.9% {
    transform:rotate(90deg);
  }
  33.1% {
    transform:rotate(90deg);
  }
  33.2% {
    transform:rotate(120deg);
  }
  41.4% {
    transform:rotate(120deg);
  }
  41.5% {
    transform:rotate(150deg);
  }
  49.7% {
    transform:rotate(150deg);
  }
  49.8% {
    transform:rotate(180deg);
  }
  58% {
    transform:rotate(180deg);
  }
  58.1% {
    transform:rotate(210deg);
  }
  66.3% {
    transform:rotate(210deg);
  }
  66.4% {
    transform:rotate(240deg);
  }
  74.6% {
    transform:rotate(240deg);
  }
  74.7% {
    transform:rotate(270deg);
  }
  82.9% {
    transform:rotate(270deg);
  }
  83% {
    transform:rotate(300deg);
  }
  91.2% {
    transform:rotate(300deg);
  }
  91.3% {
    transform:rotate(330deg);
  }
  99.9% {
    transform:rotate(330deg);
  }
  100% {
    transform:rotate(360deg);
  }
}

.ui-loading {
  background-color:#fff;
  bottom:0;
  left:0;
  margin-bottom:0;
  opacity:1;
  overflow:hidden;
  position:absolute;
  right:0;
  text-indent:-1000em;
  -ms-transition:opacity 0.25s ease-in-out;
  -moz-transition:opacity 0.25s ease-in-out;
  -o-transition:opacity 0.25s ease-in-out;
  -webkit-transition:opacity 0.25s ease-in-out;
  transition:opacity 0.25s ease-in-out;
  top:0;
  z-index:100;
}

.ui-loading span {
  -moz-animation:rotation infinite 1s linear;
  -webkit-animation:rotation infinite 1s linear;
  animation:rotation infinite 1s linear;
  background-position:50% 50%;
  height:40px;
  left:50%;
  margin-left:-20px;
  margin-top:-20px;
  position:absolute;
  text-indent:-1000em;
  top:50%;
  width:40px;
}

.ui-loading.hidden {
  display:block;
  opacity:0;
  pointer-events:none;
}

.ui-loading.hidden span {
  -moz-animation:none;
  -webkit-animation:none;
  animation:none;
}

.editor-drawer .ui-loading {
  background-color:#FCFCFD;
}

.wf-loading .ed-mast,
.wf-loading .hed,
.wf-loading .main-content,
.wf-loading .ed-aside,
.wf-loading .tmpl-doc .ed-page {
  opacity:0;
}

.wf-active .ed-mast,
.wf-active .hed,
.wf-active .main-content,
.wf-active .ed-aside,
.wf-loading .tmpl-doc .ed-page {
  opacity:1;
}

p,
ol,
ul {
  margin-bottom:1em;
}

a {
  -webkit-transition:color 0.1s linear,background-color 0.1s linear;
  -moz-transition:color 0.1s linear,background-color 0.1s linear;
  -o-transition:color 0.1s linear,background-color 0.1s linear;
  transition:color 0.1s linear,background-color 0.1s linear;
}

a:link,
a:visited {
  text-decoration:none;
}

a:hover,
a:focus {
  text-decoration:underline;
}

table {
  font-size:inherit;
  font:100%;
}

th,
td {
  text-align:left;
}

button,
select,
input,
textarea {
  font-size:100%;
  font-family:inherit;
}

abbr[title],
dfn[title] {
  border-bottom:none;
  cursor:help;
}

a abbr[title] {
  cursor:pointer;
}

img {
  max-width:100%;
}

.squelch,
.enhanced hr,
.enhanced .a11y {
  left:-1000em;
  overflow:hidden;
  position:absolute;
  top:0;
  width:0;
}

code {
  color:#666;
  font:normal 0.9em Menlo,Consolas,Inconsolata,"Lucida Console",Monaco,Courier,monospace;
}

strike,
del {
  color:#999;
}

pre {
  line-height:1.8em;
  margin-bottom:1em;
  margin-left:3em;
}

sup {
  font-size:16px;
  font-size:1rem;
  vertical-align:super;
}

:-moz-placeholder {
  font-style:italic;
}

::-moz-placeholder {
  font-style:italic;
}

::-webkit-input-placeholder {
  font-style:italic;
}

input[type="search"] {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  -webkit-box-sizing:content-box;
  -moz-box-sizing:content-box;
  box-sizing:content-box;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display:none;
}

.hidden {
  display:none;
}

.collapsible-heading {
  position:relative;
}

.collapsible-heading-status {
  text-indent:-99999px;
}

.enhanced .collapsible-content {
  display:block;
}

.enhanced .collapsible-content-collapsed {
  display:none;
}

@-webkit-keyframes in-from-top {
  0% {
    -webkit-transform:translateY(-300px);
    opacity:0;
  }
  75% {
    opacity:0.25;
  }
  100% {
    -webkit-transform:translateY(0);
    opacity:1;
  }
}

@-moz-keyframes in-from-top {
  0% {
    transform:translateY(-300px);
    opacity:0;
  }
  75% {
    opacity:0.25;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}

@keyframes in-from-top {
  0% {
    transform:translateY(-300px);
    opacity:0;
  }
  75% {
    opacity:0.25;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}

@-moz-keyframes rotation {
  0% {
    -moz-transform:rotate(0deg);
  }
  8.2% {
    -moz-transform:rotate(0deg);
  }
  8.3% {
    -moz-transform:rotate(30deg);
  }
  16.3% {
    -moz-transform:rotate(30deg);
  }
  16.4% {
    -moz-transform:rotate(60deg);
  }
  24.8% {
    -moz-transform:rotate(60deg);
  }
  24.9% {
    -moz-transform:rotate(90deg);
  }
  33.1% {
    -moz-transform:rotate(90deg);
  }
  33.2% {
    -moz-transform:rotate(120deg);
  }
  41.4% {
    -moz-transform:rotate(120deg);
  }
  41.5% {
    -moz-transform:rotate(150deg);
  }
  49.7% {
    -moz-transform:rotate(150deg);
  }
  49.8% {
    -moz-transform:rotate(180deg);
  }
  58% {
    -moz-transform:rotate(180deg);
  }
  58.1% {
    -moz-transform:rotate(210deg);
  }
  66.3% {
    -moz-transform:rotate(210deg);
  }
  66.4% {
    -moz-transform:rotate(240deg);
  }
  74.6% {
    -moz-transform:rotate(240deg);
  }
  74.7% {
    -moz-transform:rotate(270deg);
  }
  82.9% {
    -moz-transform:rotate(270deg);
  }
  83% {
    -moz-transform:rotate(300deg);
  }
  91.2% {
    -moz-transform:rotate(300deg);
  }
  91.3% {
    -moz-transform:rotate(330deg);
  }
  99.9% {
    -moz-transform:rotate(330deg);
  }
  100% {
    -moz-transform:rotate(360deg);
  }
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform:rotate(0deg);
  }
  8.2% {
    -webkit-transform:rotate(0deg);
  }
  8.3% {
    -webkit-transform:rotate(30deg);
  }
  16.3% {
    -webkit-transform:rotate(30deg);
  }
  16.4% {
    -webkit-transform:rotate(60deg);
  }
  24.8% {
    -webkit-transform:rotate(60deg);
  }
  24.9% {
    -webkit-transform:rotate(90deg);
  }
  33.1% {
    -webkit-transform:rotate(90deg);
  }
  33.2% {
    -webkit-transform:rotate(120deg);
  }
  41.4% {
    -webkit-transform:rotate(120deg);
  }
  41.5% {
    -webkit-transform:rotate(150deg);
  }
  49.7% {
    -webkit-transform:rotate(150deg);
  }
  49.8% {
    -webkit-transform:rotate(180deg);
  }
  58% {
    -webkit-transform:rotate(180deg);
  }
  58.1% {
    -webkit-transform:rotate(210deg);
  }
  66.3% {
    -webkit-transform:rotate(210deg);
  }
  66.4% {
    -webkit-transform:rotate(240deg);
  }
  74.6% {
    -webkit-transform:rotate(240deg);
  }
  74.7% {
    -webkit-transform:rotate(270deg);
  }
  82.9% {
    -webkit-transform:rotate(270deg);
  }
  83% {
    -webkit-transform:rotate(300deg);
  }
  91.2% {
    -webkit-transform:rotate(300deg);
  }
  91.3% {
    -webkit-transform:rotate(330deg);
  }
  99.9% {
    -webkit-transform:rotate(330deg);
  }
  100% {
    -webkit-transform:rotate(360deg);
  }
}

@keyframes rotation {
  0% {
    transform:rotate(0deg);
  }
  8.2% {
    transform:rotate(0deg);
  }
  8.3% {
    transform:rotate(30deg);
  }
  16.3% {
    transform:rotate(30deg);
  }
  16.4% {
    transform:rotate(60deg);
  }
  24.8% {
    transform:rotate(60deg);
  }
  24.9% {
    transform:rotate(90deg);
  }
  33.1% {
    transform:rotate(90deg);
  }
  33.2% {
    transform:rotate(120deg);
  }
  41.4% {
    transform:rotate(120deg);
  }
  41.5% {
    transform:rotate(150deg);
  }
  49.7% {
    transform:rotate(150deg);
  }
  49.8% {
    transform:rotate(180deg);
  }
  58% {
    transform:rotate(180deg);
  }
  58.1% {
    transform:rotate(210deg);
  }
  66.3% {
    transform:rotate(210deg);
  }
  66.4% {
    transform:rotate(240deg);
  }
  74.6% {
    transform:rotate(240deg);
  }
  74.7% {
    transform:rotate(270deg);
  }
  82.9% {
    transform:rotate(270deg);
  }
  83% {
    transform:rotate(300deg);
  }
  91.2% {
    transform:rotate(300deg);
  }
  91.3% {
    transform:rotate(330deg);
  }
  99.9% {
    transform:rotate(330deg);
  }
  100% {
    transform:rotate(360deg);
  }
}

.ui-loading {
  background-color:#fff;
  bottom:0;
  left:0;
  margin-bottom:0;
  opacity:1;
  overflow:hidden;
  position:absolute;
  right:0;
  text-indent:-1000em;
  -ms-transition:opacity 0.25s ease-in-out;
  -moz-transition:opacity 0.25s ease-in-out;
  -o-transition:opacity 0.25s ease-in-out;
  -webkit-transition:opacity 0.25s ease-in-out;
  transition:opacity 0.25s ease-in-out;
  top:0;
  z-index:100;
}

.ui-loading span {
  -moz-animation:rotation infinite 1s linear;
  -webkit-animation:rotation infinite 1s linear;
  animation:rotation infinite 1s linear;
  background-position:50% 50%;
  height:40px;
  left:50%;
  margin-left:-20px;
  margin-top:-20px;
  position:absolute;
  text-indent:-1000em;
  top:50%;
  width:40px;
}

.ui-loading.hidden {
  display:block;
  opacity:0;
  pointer-events:none;
}

.ui-loading.hidden span {
  -moz-animation:none;
  -webkit-animation:none;
  animation:none;
}

.editor-drawer .ui-loading {
  background-color:#FCFCFD;
}

.is-icon {
  background-position:0 0;
  background-repeat:no-repeat;
  display:inline-block;
  height:16px;
  padding-left:0;
  text-indent:-1000em;
  -webkit-transition:background-color 0.1s linear;
  -moz-transition:background-color 0.1s linear;
  -o-transition:background-color 0.1s linear;
  transition:background-color 0.1s linear;
  width:16px;
}

.has-icon {
  display:inline-block;
  background-repeat:no-repeat;
  background-position:0 0;
  padding-left:25px;
}

.has-arrow {
  background-position:right 50%;
  width:100%;
  display:block;
}

.tool-last .is-icon {
  border-width:0 1px 0 0;
}

.ico {
  background-position:4px 10px;
  background-repeat:no-repeat;
  padding-left:15px;
}

.ico-tide:hover,
.tool-menu:hover .ico-tide {
  background-position:50% 9px;
}

.tool-menu:hover .top,
.tool-menu:focus .top {
  background-color:#000;
  background-position:50% -92px;
}

.tool-menu .top-active,
.tool-menu:hover .top-active,
.view-discuss .ed-tools .ico-discussion {
  border-bottom:1px solid #000;
  background-color:#000;
  background-position:50% -92px;
}

img.ico-dismiss {
  margin-bottom:-3px;
}

.ico-round {
  background-color:#333;
  background-color:rgba(0,0,0,0.3);
  background-position:50% 50%;
  -webkit-border-radius:1em;
  -moz-border-radius:1em;
  -ms-border-radius:1em;
  -o-border-radius:1em;
  border-radius:1em;
  padding:0;
}

a:hover .ico-round,
a:focus .ico-round,
.ico-round:hover {
  background-color:#222;
  background-color:rgba(0,0,0,0.6);
}

@-webkit-keyframes in-from-top {
  0% {
    -webkit-transform:translateY(-300px);
    opacity:0;
  }
  75% {
    opacity:0.25;
  }
  100% {
    -webkit-transform:translateY(0);
    opacity:1;
  }
}

@-moz-keyframes in-from-top {
  0% {
    transform:translateY(-300px);
    opacity:0;
  }
  75% {
    opacity:0.25;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}

@keyframes in-from-top {
  0% {
    transform:translateY(-300px);
    opacity:0;
  }
  75% {
    opacity:0.25;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}

@-moz-keyframes rotation {
  0% {
    -moz-transform:rotate(0deg);
  }
  8.2% {
    -moz-transform:rotate(0deg);
  }
  8.3% {
    -moz-transform:rotate(30deg);
  }
  16.3% {
    -moz-transform:rotate(30deg);
  }
  16.4% {
    -moz-transform:rotate(60deg);
  }
  24.8% {
    -moz-transform:rotate(60deg);
  }
  24.9% {
    -moz-transform:rotate(90deg);
  }
  33.1% {
    -moz-transform:rotate(90deg);
  }
  33.2% {
    -moz-transform:rotate(120deg);
  }
  41.4% {
    -moz-transform:rotate(120deg);
  }
  41.5% {
    -moz-transform:rotate(150deg);
  }
  49.7% {
    -moz-transform:rotate(150deg);
  }
  49.8% {
    -moz-transform:rotate(180deg);
  }
  58% {
    -moz-transform:rotate(180deg);
  }
  58.1% {
    -moz-transform:rotate(210deg);
  }
  66.3% {
    -moz-transform:rotate(210deg);
  }
  66.4% {
    -moz-transform:rotate(240deg);
  }
  74.6% {
    -moz-transform:rotate(240deg);
  }
  74.7% {
    -moz-transform:rotate(270deg);
  }
  82.9% {
    -moz-transform:rotate(270deg);
  }
  83% {
    -moz-transform:rotate(300deg);
  }
  91.2% {
    -moz-transform:rotate(300deg);
  }
  91.3% {
    -moz-transform:rotate(330deg);
  }
  99.9% {
    -moz-transform:rotate(330deg);
  }
  100% {
    -moz-transform:rotate(360deg);
  }
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform:rotate(0deg);
  }
  8.2% {
    -webkit-transform:rotate(0deg);
  }
  8.3% {
    -webkit-transform:rotate(30deg);
  }
  16.3% {
    -webkit-transform:rotate(30deg);
  }
  16.4% {
    -webkit-transform:rotate(60deg);
  }
  24.8% {
    -webkit-transform:rotate(60deg);
  }
  24.9% {
    -webkit-transform:rotate(90deg);
  }
  33.1% {
    -webkit-transform:rotate(90deg);
  }
  33.2% {
    -webkit-transform:rotate(120deg);
  }
  41.4% {
    -webkit-transform:rotate(120deg);
  }
  41.5% {
    -webkit-transform:rotate(150deg);
  }
  49.7% {
    -webkit-transform:rotate(150deg);
  }
  49.8% {
    -webkit-transform:rotate(180deg);
  }
  58% {
    -webkit-transform:rotate(180deg);
  }
  58.1% {
    -webkit-transform:rotate(210deg);
  }
  66.3% {
    -webkit-transform:rotate(210deg);
  }
  66.4% {
    -webkit-transform:rotate(240deg);
  }
  74.6% {
    -webkit-transform:rotate(240deg);
  }
  74.7% {
    -webkit-transform:rotate(270deg);
  }
  82.9% {
    -webkit-transform:rotate(270deg);
  }
  83% {
    -webkit-transform:rotate(300deg);
  }
  91.2% {
    -webkit-transform:rotate(300deg);
  }
  91.3% {
    -webkit-transform:rotate(330deg);
  }
  99.9% {
    -webkit-transform:rotate(330deg);
  }
  100% {
    -webkit-transform:rotate(360deg);
  }
}

@keyframes rotation {
  0% {
    transform:rotate(0deg);
  }
  8.2% {
    transform:rotate(0deg);
  }
  8.3% {
    transform:rotate(30deg);
  }
  16.3% {
    transform:rotate(30deg);
  }
  16.4% {
    transform:rotate(60deg);
  }
  24.8% {
    transform:rotate(60deg);
  }
  24.9% {
    transform:rotate(90deg);
  }
  33.1% {
    transform:rotate(90deg);
  }
  33.2% {
    transform:rotate(120deg);
  }
  41.4% {
    transform:rotate(120deg);
  }
  41.5% {
    transform:rotate(150deg);
  }
  49.7% {
    transform:rotate(150deg);
  }
  49.8% {
    transform:rotate(180deg);
  }
  58% {
    transform:rotate(180deg);
  }
  58.1% {
    transform:rotate(210deg);
  }
  66.3% {
    transform:rotate(210deg);
  }
  66.4% {
    transform:rotate(240deg);
  }
  74.6% {
    transform:rotate(240deg);
  }
  74.7% {
    transform:rotate(270deg);
  }
  82.9% {
    transform:rotate(270deg);
  }
  83% {
    transform:rotate(300deg);
  }
  91.2% {
    transform:rotate(300deg);
  }
  91.3% {
    transform:rotate(330deg);
  }
  99.9% {
    transform:rotate(330deg);
  }
  100% {
    transform:rotate(360deg);
  }
}

.ui-loading {
  background-color:#fff;
  bottom:0;
  left:0;
  margin-bottom:0;
  opacity:1;
  overflow:hidden;
  position:absolute;
  right:0;
  text-indent:-1000em;
  -ms-transition:opacity 0.25s ease-in-out;
  -moz-transition:opacity 0.25s ease-in-out;
  -o-transition:opacity 0.25s ease-in-out;
  -webkit-transition:opacity 0.25s ease-in-out;
  transition:opacity 0.25s ease-in-out;
  top:0;
  z-index:100;
}

.ui-loading span {
  -moz-animation:rotation infinite 1s linear;
  -webkit-animation:rotation infinite 1s linear;
  animation:rotation infinite 1s linear;
  background-position:50% 50%;
  height:40px;
  left:50%;
  margin-left:-20px;
  margin-top:-20px;
  position:absolute;
  text-indent:-1000em;
  top:50%;
  width:40px;
}

.ui-loading.hidden {
  display:block;
  opacity:0;
  pointer-events:none;
}

.ui-loading.hidden span {
  -moz-animation:none;
  -webkit-animation:none;
  animation:none;
}

.editor-drawer .ui-loading {
  background-color:#FCFCFD;
}

.ico-avatar,
.avatar-sm,
.avatar-med,
.avatar-lg {
  border:1px solid #27282A;
  border-color:rgba(0,0,0,0.2);
}

.ico-avatar {
  position:relative;
}

.ico-avatar,
.avatar-sm {
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  -ms-border-radius:2px;
  -o-border-radius:2px;
  border-radius:2px;
  width:16px;
}

.avatar-med {
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -ms-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
  width:32px;
}

.avatar-lg {
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
  border-radius:5px;
  width:48px;
}

.sub-menu {
  display:inline;
  font-size:14px;
  font-size:0.875rem;
  line-height:1.7142857142;
}

.sub-menu li {
  border-bottom:1px solid #303030;
  border-color:rgba(255,255,255,0.2);
  padding:4px;
}

.sub-menu li:last-child {
  border-bottom:none;
}

.menu-widget {
  color:#999;
}

.has-cues .menu-widget a,
.has-cues .menu-widget label {
  padding-right:6em;
  position:relative;
}

.has-cues .cue {
  color:#666;
  position:absolute;
  right:0.4em;
  text-align:right;
  width:6em;
}

.is-mac .has-cues .menu-widget a,
.is-mac .has-cues .menu-widget label {
  padding-right:4em;
}

.is-mac .has-cues .cue {
  width:4em;
}

.sub-menu .hed {
  color:#fff;
}

.menu {
  position:relative;
}

.sub-menu,
.collapsible-collapsed .sub-menu {
  left:-1000em;
  position:absolute;
  margin-top:-5px;
  white-space:nowrap;
  opacity:0;
  -webkit-transition:margin-top 0.15s ease-out,opacity 0.15s ease-out;
  -moz-transition:margin-top 0.15s ease-out,opacity 0.15s ease-out;
  -o-transition:margin-top 0.15s ease-out,opacity 0.15s ease-out;
  transition:margin-top 0.15s ease-out,opacity 0.15s ease-out;
}

.menu:hover .sub-menu,
.menu .sub-menu:target,
.collapsible-expanded .sub-menu {
  left:auto;
  margin-top:0;
  opacity:1;
  padding-top:1em;
  right:-2.2em;
  top:2em;
  z-index:1000;
}

.ed-mast .menu:hover .sub-menu {
  top:1.5em;
}

.touch .collapsible-expanded .sub-menu {
  top:2.5em;
}

.menu-last:hover .sub-menu,
.menu-last .sub-menu:target,
.menu-last.collapsible-expanded .sub-menu {
  left:0;
  right:auto;
}

.menu-widget,
.select-menu .sub-menu {
  background:#191919;
  background:rgba(0,0,0,0.95);
  border:2px solid #fff;
  -webkit-border-radius:7px;
  -moz-border-radius:7px;
  -ms-border-radius:7px;
  -o-border-radius:7px;
  border-radius:7px;
  -webkit-box-shadow:0 0 9px rgba(0,0,0,0.4);
  -moz-box-shadow:0 0 9px rgba(0,0,0,0.4);
  box-shadow:0 0 9px rgba(0,0,0,0.4);
  white-space:nowrap;
}

.menu-widget ul {
  margin-bottom:0;
}

.menu-widget a,
.menu-widget label {
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -ms-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
  cursor:pointer;
  display:block;
  line-height:1.1;
  padding:0.7em 0.5em;
}

.menu-widget a:hover,
.menu-widget a:focus,
.menu-widget label:hover {
  background-color:#454545;
  background-color:rgba(255,255,255,0.15);
  color:#fff;
  text-decoration:none;
}

.ed-tools .menu-widget code {
  color:#3CF;
}

.menu-widget:before,
.menu-widget:after {
  border-style:solid;
  content:"";
  position:absolute;
  display:block;
  width:0;
}

.menu-widget:before {
  border-color:#fff transparent;
  border-width:0 8px 8px;
  right:40px;
  top:8px;
}

.menu-last .menu-widget:before {
  left:14px;
}

.menu-widget:after {
  border-color:#191919 transparent;
  border-width:0 5px 5px;
  right:44px;
  top:12px;
}

.menu-last .menu-widget:after {
  left:17px;
}
/** tooltip de bootstrap 
.tooltipped {
  display:inline-block;
  position:relative;
}

.tooltip {
  font-size:12px;
  font-size:0.75rem;
  left:-1000em;
  line-height:1.38461538461538461538;
  opacity:0;
  position:absolute;
  -webkit-transition:margin 0.15s,opacity 0.15s;
  -moz-transition:margin 0.15s,opacity 0.15s;
  -o-transition:margin 0.15s,opacity 0.15s;
  transition:margin 0.15s,opacity 0.15s;
  z-index:10;
}

.tooltip.delay {
  -webkit-transition-delay:0.5s,0.5s;
  -moz-transition-delay:0.5s,0.5s;
  -o-transition-delay:0.5s,0.5s;
  transition-delay:0.5s,0.5s;
}

:hover>.tooltip,
:focus>.tooltip,
.tooltip.view.visible {
  opacity:1.0;
  z-index:9999;
}

.touch:hover>.tooltip,
.touch:focus>.tooltip {
  opacity:0;
}

@media screen and (max-width:50em) {
  .no-tooltip-small {
    display:none;
  }
}

.tooltip.view.hidden {
  display:block;
  opacity:0;
}

.tooltip-inner {
  margin-top:5px;
  background:#000;
  background:rgba(0,0,0,0.9);
  -webkit-border-radius:0.4em;
  -moz-border-radius:0.4em;
  -ms-border-radius:0.4em;
  -o-border-radius:0.4em;
  border-radius:0.4em;
  border:2px solid #fff;
  color:#ccc;
  display:block;
  padding:0.5em 0.76923076923076923076em;
  position:relative;
  text-indent:0;
  z-index:100;
}

.tooltip-inner.constrain {
  width:14em;
}

.tooltip-inner.small {
  width:auto;
}

.tooltip p {
  margin-bottom:0;
}

.tooltip p+p {
  margin-top:0.5em;
}

.tooltip strong {
  font-weight:600;
}

.tooltip-inner:before,
.tooltip-inner:after,
.tooltip-pointer {
  border-style:solid;
  content:"";
  display:block;
  height:0;
  position:absolute;
  width:0;
}

.help-tip .tooltip-inner {
  white-space:pre-wrap;
  min-width:10em;
}
*/
.dir-low-left .tooltip,
.dir-low-center .tooltip,
.dir-low-right .tooltip {
  bottom:100%;
  margin-bottom:-0.5em;
}

.dir-low-left:hover .tooltip,
.dir-low-left:focus .tooltip,
.dir-low-center:hover .tooltip,
.dir-low-center:focus .tooltip,
.dir-low-right:hover .tooltip,
.dir-low-right:focus .tooltip {
  margin-bottom:0;
}

.dir-top-left .tooltip,
.dir-top-center .tooltip,
.dir-top-right .tooltip {
  margin-top:-0.5em;
  top:100%;
}

.dir-top-left:hover .tooltip,
.dir-top-left:focus .tooltip,
.dir-top-center:hover .tooltip,
.dir-top-center:focus .tooltip,
.dir-top-right:hover .tooltip,
.dir-top-right:focus .tooltip {
  margin-top:0;
}

.dir-low-left:hover .tooltip,
.dir-low-left:focus .tooltip,
.dir-top-left:hover .tooltip,
.dir-low-left:focus .tooltip {
  left:0;
}

.dir-mid-left:hover .tooltip,
.dir-mid-left:focus .tooltip {
  left:100%;
  margin-left:0.75em;
  right:auto;
}

.dir-mid-right:hover .tooltip,
.dir-mid-right:focus .tooltip {
  left:auto;
  margin-right:0.75em;
  right:100%;
}

.help-tip.dir-mid-left .tooltip,
.help-tip.dir-mid-right .tooltip {
  margin-top:-1em;
}

.help-tip.dir-mid-left:hover .tooltip,
.help-tip.dir-mid-left:focus .tooltip,
.help-tip.dir-mid-right:hover .tooltip,
.help-tip.dir-mid-right:focus .tooltip {
  top:-50%;
}

.dir-low-right:hover .tooltip,
.dir-low-right:focus .tooltip,
.dir-top-right:hover .tooltip,
.dir-low-right:focus .tooltip {
  left:auto;
  right:0;
}

.dir-low-center:hover .tooltip,
.dir-low-center:focus .tooltip,
.dir-top-center:hover .tooltip,
.dir-low-center:focus .tooltip {
  left:50%;
}

.dir-low-center:hover .tooltip-inner,
.dir-low-center:focus .tooltip-inner,
.dir-top-center:hover .tooltip-inner,
.dir-low-center:focus .tooltip-inner {
  left:-50%;
}

.dir-low-left .tooltip-inner,
.dir-low-center .tooltip-inner,
.dir-low-right .tooltip-inner {
  bottom:0.5em;
}

.dir-low-left .tooltip-inner:before,
.dir-low-center .tooltip-inner:before,
.dir-low-right .tooltip-inner:before {
  border-color:#fff transparent;
  border-color:rgba(255,255,255,0.95) transparent;
  border-width:7px 7px 0 7px;
  bottom:-8px;
}

.dir-low-left .tooltip-inner:after,
.dir-low-center .tooltip-inner:after,
.dir-low-right .tooltip-inner:after,
.tooltip-pointer.bottom {
  border-color:#000 transparent;
  border-color:rgba(0,0,0,0.95) transparent;
  border-width:5px 5px 0 5px;
  bottom:-5px;
}

.dir-top-left .tooltip-inner:before,
.dir-top-center .tooltip-inner:before,
.dir-top-right .tooltip-inner:before,
.tooltip.view .tooltip-inner:before,
.tooltip-pointer.top {
  border-color:#fff transparent;
  border-color:rgba(255,255,255,0.95) transparent;
  border-width:0 7px 7px 7px;
  top:-8px;
}

.dir-top-left .tooltip-inner:after,
.dir-top-center .tooltip-inner:after,
.dir-top-right .tooltip-inner:after,
.tooltip-pointer.top {
  border-color:#000 transparent;
  border-color:rgba(0,0,0,0.95) transparent;
  border-width:0 5px 5px 5px;
  top:-5px;
}

.dir-mid-left .tooltip-inner:before {
  border-color:transparent #fff;
  border-color:transparent rgba(255,255,255,0.95);
  border-width:7px 7px 7px 0;
  left:-8px;
  margin-top:1px;
}

.dir-mid-left .tooltip-inner:after,
.tooltip-pointer.left {
  border-color:transparent #000;
  border-color:transparent rgba(0,0,0,0.95);
  border-width:5px 5px 5px 0;
  left:-5px;
}

.dir-mid-right .tooltip-inner:before {
  border-color:transparent #fff;
  border-color:transparent rgba(255,255,255,0.95);
  border-width:7px 0 7px 7px;
  margin-top:1px;
  right:-8px;
}

.dir-mid-right .tooltip-inner:after,
.tooltip-pointer.right {
  border-color:transparent #000;
  border-color:transparent rgba(0,0,0,0.95);
  border-width:5px 0 5px 5px;
  right:-5px;
}

.dir-mid-left .tooltip-inner:before,
.dir-mid-right .tooltip-inner:before {
  margin-top:-7px;
  top:50%;
}

.dir-mid-left .tooltip-inner:after,
.dir-mid-right .tooltip-inner:after {
  margin-top:-5px;
  top:50%;
}

.dir-low-left .tooltip-inner:before,
.dir-top-left .tooltip-inner:before {
  left:7px;
}

.dir-low-left .tooltip-inner:after,
.dir-top-left .tooltip-inner:after {
  left:9px;
}

.dir-low-center .tooltip-inner:before,
.dir-top-center .tooltip-inner:before {
  left:50%;
  margin-left:-7px;
}

.dir-low-center .tooltip-inner:after,
.dir-top-center .tooltip-inner:after {
  left:50%;
  margin-left:-5px;
}

.dir-low-right .tooltip-inner:before,
.dir-top-right .tooltip-inner:before {
  right:7px;
}

.dir-low-right .tooltip-inner:after,
.dir-top-right .tooltip-inner:after {
  right:9px;
}

.top:hover .tooltip,
.top:focus .tooltip {
  margin-top:0.5em;
}

.tool-last .tooltip {
  margin-left:5px;
}

.tool-last .ico-activity .tooltip span:after {
  left:6px;
}

.tooltipped .tooltip:hover,
.tooltipped .tooltip:focus {
  left:-1000em;
  right:auto;
}

.ico-hover-help.tooltipped {
  top:2px;
  margin-left:5px;
  background-position:50% 0;
}

.ico-hover-help.tooltipped:hover {
  background-position:50% -100px;
}

.btn,
.btn:before,
.btn:after {
  border-style:solid;
}

.btn,
a.btn {
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -ms-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
  background-repeat:no-repeat;
  border-width:1px;
  box-shadow:0 2px 2px rgba(0,0,0,0.25);
  color:#fff;
  cursor:pointer;
  display:inline-block;
  line-height:1.33333333333333333333;
  text-align:center;
  text-shadow:1px 1px 0 rgba(0,0,0,0.15);
  -webkit-transition:background-color 0.2s,box-shadow 0.2s ease,text-shadow 0.2s;
  -moz-transition:background-color 0.2s,box-shadow 0.2s ease,text-shadow 0.2s;
  -o-transition:background-color 0.2s,box-shadow 0.2s ease,text-shadow 0.2s;
  transition:background-color 0.2s,box-shadow 0.2s ease,text-shadow 0.2s;
  padding:0.4em 0.6em 0.4em 0.7em;
  position:relative;
  overflow:hidden;
}

.btn-important {
  text-transform:uppercase;
  letter-spacing:0.02em;
}

.btn:hover,
.btn:focus,
.btn-focused {
  box-shadow:0 0 1px rgba(0,0,0,0.25);
  text-decoration:none;
  text-shadow:0 -1px 0 rgba(0,0,0,0.3);
}

.btn input,
.btn button {
  position:absolute;
  left:-1000em;
}

.btn:before,
.btn:after {
  content:"";
  position:absolute;
  left:0;
  right:0;
}

.btn:before {
  border-color:rgba(255,255,255,0.3);
  -webkit-border-radius:3px 3px 0 0;
  -moz-border-radius:3px 3px 0 0;
  -ms-border-radius:3px 3px 0 0;
  -o-border-radius:3px 3px 0 0;
  border-radius:3px 3px 0 0;
  border-width:1px 1px 0;
  top:0;
  height:2px;
}

.btn:after {
  border-color:rgba(0,0,0,0.2);
  border-width:0 0 1px;
  bottom:0;
  height:1px;
}

.ieold .btn:before,
.ieold .btn:after {
  display:none;
}

.btn {
  background-color:#3d9ecf;
  border-color:#3385AD;
  border-bottom-color:#1472A1;
}

.btn:hover,
.btn:focus,
.btn-focused {
  background-color:#2E8CBC;
}

.btn[disabled] {
  opacity:0.5;
  cursor:default;
}

.btn-type-secondary,
.btn-type-secondary.btn-history:before {
  background-color:#999;
  border-color:#858585;
  border-bottom-color:#5B5B5B;
}

.btn-type-secondary:hover,
.btn-type-secondary:focus,
.btn-type-secondary:hover.btn-history:before,
.btn-type-secondary:focus.btn-history:before {
  background-color:#888;
}

.btn-type-inverse,
.btn-type-inverse.btn-history:before {
  background-color:#4d4d4d;
  border-color:#333333;
  border-bottom-color:#333333;
}

.btn-type-inverse:hover,
.btn-type-inverse:focus,
.btn-type-inverse:hover.btn-history:before,
.btn-type-inverse:focus.btn-history:before,
.btn-type-inverse.btn-focused {
  background-color:#404040;
}

.btn-type-alert,
.btn-type-alert.btn-history:before {
  background-color:#dd4b39;
  border-color:#AD3333;
  border-bottom-color:#A11414;
}

.btn-type-alert:hover,
.btn-type-alert:focus,
.btn-type-alert:hover.btn-history:before,
.btn-type-alert:focus.btn-history:before,
.btn-type-alert.btn-focused {
  background-color:#d03724;
}

.btn-type-discussion,
.btn-type-discussion.btn-history:before {
  background-color:#eab550;
  border-color:#C19947;
  border-bottom-color:#A97A1C;
}

.btn-type-discussion:hover,
.btn-type-discussion:focus,
.btn-type-discussion:hover.btn-history:before,
.btn-type-discussion:focus.btn-history:before,
.btn-type-discussion.btn-focused {
  background-color:#e6a832;
}

a.btn-green-gloss,
.btn-green-gloss {
  background-color:#88b716;
  color:#fff;
  border-color:#88b716;
  border-bottom-color:#78a213;
}

.btn-green-gloss:hover,
.btn-green-gloss:focus,
.btn-green-gloss:hover.btn-history:before,
.btn-green-gloss:focus.btn-history:before,
.btn-green-gloss.btn-focused {
  background-color:#78a213;
}

.btn-sm {
  font-size:12px;
  font-size:0.75rem;
}

.btn-med {
  font-size:14px;
  font-size:0.875rem;
  padding-bottom:0.45em;
  padding-right:0.7em;
}

.btn-lg {
  font-size:18px;
  font-size:1.125rem;
  padding-right:0.8em;
  padding-left:0.8em;
}

.btn-lg:before {
  border-width:1px 0 0;
}

.btn-lg:after {
  border-width:0 0 1px;
}

.btn-nav,
.btn-simple {
  background-color:#2E2E2E;
  background-color:rgba(255,255,255,0.18);
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -ms-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
  color:#999;
  font-size:14px;
  font-size:0.875rem;
  padding:0.2em 0.4em;
  text-decoration:none;
  white-space:nowrap;
}

.btn-nav:hover,
.btn-nav:focus,
.btn-simple:hover,
.btn-simple:focus {
  background-color:#333;
  background-color:rgba(255,255,255,0.3);
  color:#CCC;
  text-decoration:none;
}

.btn-sm.btn-ico {
  background-position:5px 5px;
  padding-left:2.1em;
}

.btn-med.btn-ico {
  background-position:6px 8px;
  padding-left:1.85em;
}

.btn-med.btn-ico:hover,
.btn-med.btn-ico:focus {
  background-position:6px -92px;
}

.btn-lg.btn-ico {
  background-position:8px 11px;
  padding-left:1.6em;
}

.btn-lg.btn-ico:hover,
.btn-lg.btn-ico:focus {
  background-position:8px -53px;
}

a.btn-flat,
.btn-flat {
  background-color:#D9D9D9;
  background-repeat:no-repeat;
  background-position:5px 50%;
  color:#666;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -ms-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
  font-size:14px;
  font-size:0.875rem;
  padding:0.2em 0.4em;
  text-decoration:none;
  white-space:nowrap;
}

a.btn-flat:hover,
a.btn-flat:focus,
.btn-flat:hover,
.btn-flat:focus {
  background-color:#C8C8C8;
  cursor:pointer;
}

a.btn-green,
.btn-green {
  background-color:#88b716;
  color:#fff;
}

a.btn-green:hover,
a.btn-green:focus,
.btn-green:hover,
.btn-green:focus {
  background-color:#78a213;
}

@media screen and (min-width:37.5em) {
  .group {
    clear:left;
    float:left;
  }
  .group-alt {
    clear:right;
    float:right;
  }
  .grid {
    overflow:hidden;
  }
  .grid-clearfix:after {
    clear:both;
    content:"";
    display:table;
  }
  .grid-col {
    float:left;
    margin-left:5%;
  }
  .grid-col-alt {
    float:right;
  }
  .grid .grid-col:first-child,
  .grid-clearfix .grid-col:first-child {
    margin-left:0;
  }
  .p-more {
    width:65.7%;
  }
  .p-less {
    width:55%;
  }
  .p-eq {
    width:47%;
  }
  .p-tiny {
    width:47%;
  }
  .p-small {
    width:29%;
  }
  .nav-col {
    width:30%;
  }
}

@media screen and (min-width:50em) {
  .grid-col-sm-margin {
    margin-left:4%;
  }
  .p-tiny {
    width:23%;
  }
  .p-less {
    width:40%;
  }
  .nav-col {
    width:22%;
  }
}

@media screen and (min-width:62em) {
  .grid-col-sm-margin {
    margin-left:3%;
  }
  .p-less {
    width:35%;
  }
  .nav-col {
    width:19%;
  }
}

@-webkit-keyframes in-from-top {
  0% {
    -webkit-transform:translateY(-300px);
    opacity:0;
  }
  75% {
    opacity:0.25;
  }
  100% {
    -webkit-transform:translateY(0);
    opacity:1;
  }
}

@-moz-keyframes in-from-top {
  0% {
    transform:translateY(-300px);
    opacity:0;
  }
  75% {
    opacity:0.25;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}

@keyframes in-from-top {
  0% {
    transform:translateY(-300px);
    opacity:0;
  }
  75% {
    opacity:0.25;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}

@-moz-keyframes rotation {
  0% {
    -moz-transform:rotate(0deg);
  }
  8.2% {
    -moz-transform:rotate(0deg);
  }
  8.3% {
    -moz-transform:rotate(30deg);
  }
  16.3% {
    -moz-transform:rotate(30deg);
  }
  16.4% {
    -moz-transform:rotate(60deg);
  }
  24.8% {
    -moz-transform:rotate(60deg);
  }
  24.9% {
    -moz-transform:rotate(90deg);
  }
  33.1% {
    -moz-transform:rotate(90deg);
  }
  33.2% {
    -moz-transform:rotate(120deg);
  }
  41.4% {
    -moz-transform:rotate(120deg);
  }
  41.5% {
    -moz-transform:rotate(150deg);
  }
  49.7% {
    -moz-transform:rotate(150deg);
  }
  49.8% {
    -moz-transform:rotate(180deg);
  }
  58% {
    -moz-transform:rotate(180deg);
  }
  58.1% {
    -moz-transform:rotate(210deg);
  }
  66.3% {
    -moz-transform:rotate(210deg);
  }
  66.4% {
    -moz-transform:rotate(240deg);
  }
  74.6% {
    -moz-transform:rotate(240deg);
  }
  74.7% {
    -moz-transform:rotate(270deg);
  }
  82.9% {
    -moz-transform:rotate(270deg);
  }
  83% {
    -moz-transform:rotate(300deg);
  }
  91.2% {
    -moz-transform:rotate(300deg);
  }
  91.3% {
    -moz-transform:rotate(330deg);
  }
  99.9% {
    -moz-transform:rotate(330deg);
  }
  100% {
    -moz-transform:rotate(360deg);
  }
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform:rotate(0deg);
  }
  8.2% {
    -webkit-transform:rotate(0deg);
  }
  8.3% {
    -webkit-transform:rotate(30deg);
  }
  16.3% {
    -webkit-transform:rotate(30deg);
  }
  16.4% {
    -webkit-transform:rotate(60deg);
  }
  24.8% {
    -webkit-transform:rotate(60deg);
  }
  24.9% {
    -webkit-transform:rotate(90deg);
  }
  33.1% {
    -webkit-transform:rotate(90deg);
  }
  33.2% {
    -webkit-transform:rotate(120deg);
  }
  41.4% {
    -webkit-transform:rotate(120deg);
  }
  41.5% {
    -webkit-transform:rotate(150deg);
  }
  49.7% {
    -webkit-transform:rotate(150deg);
  }
  49.8% {
    -webkit-transform:rotate(180deg);
  }
  58% {
    -webkit-transform:rotate(180deg);
  }
  58.1% {
    -webkit-transform:rotate(210deg);
  }
  66.3% {
    -webkit-transform:rotate(210deg);
  }
  66.4% {
    -webkit-transform:rotate(240deg);
  }
  74.6% {
    -webkit-transform:rotate(240deg);
  }
  74.7% {
    -webkit-transform:rotate(270deg);
  }
  82.9% {
    -webkit-transform:rotate(270deg);
  }
  83% {
    -webkit-transform:rotate(300deg);
  }
  91.2% {
    -webkit-transform:rotate(300deg);
  }
  91.3% {
    -webkit-transform:rotate(330deg);
  }
  99.9% {
    -webkit-transform:rotate(330deg);
  }
  100% {
    -webkit-transform:rotate(360deg);
  }
}

@keyframes rotation {
  0% {
    transform:rotate(0deg);
  }
  8.2% {
    transform:rotate(0deg);
  }
  8.3% {
    transform:rotate(30deg);
  }
  16.3% {
    transform:rotate(30deg);
  }
  16.4% {
    transform:rotate(60deg);
  }
  24.8% {
    transform:rotate(60deg);
  }
  24.9% {
    transform:rotate(90deg);
  }
  33.1% {
    transform:rotate(90deg);
  }
  33.2% {
    transform:rotate(120deg);
  }
  41.4% {
    transform:rotate(120deg);
  }
  41.5% {
    transform:rotate(150deg);
  }
  49.7% {
    transform:rotate(150deg);
  }
  49.8% {
    transform:rotate(180deg);
  }
  58% {
    transform:rotate(180deg);
  }
  58.1% {
    transform:rotate(210deg);
  }
  66.3% {
    transform:rotate(210deg);
  }
  66.4% {
    transform:rotate(240deg);
  }
  74.6% {
    transform:rotate(240deg);
  }
  74.7% {
    transform:rotate(270deg);
  }
  82.9% {
    transform:rotate(270deg);
  }
  83% {
    transform:rotate(300deg);
  }
  91.2% {
    transform:rotate(300deg);
  }
  91.3% {
    transform:rotate(330deg);
  }
  99.9% {
    transform:rotate(330deg);
  }
  100% {
    transform:rotate(360deg);
  }
}

.ui-loading {
  background-color:#fff;
  bottom:0;
  left:0;
  margin-bottom:0;
  opacity:1;
  overflow:hidden;
  position:absolute;
  right:0;
  text-indent:-1000em;
  -ms-transition:opacity 0.25s ease-in-out;
  -moz-transition:opacity 0.25s ease-in-out;
  -o-transition:opacity 0.25s ease-in-out;
  -webkit-transition:opacity 0.25s ease-in-out;
  transition:opacity 0.25s ease-in-out;
  top:0;
  z-index:100;
}

.ui-loading span {
  -moz-animation:rotation infinite 1s linear;
  -webkit-animation:rotation infinite 1s linear;
  animation:rotation infinite 1s linear;
  background-position:50% 50%;
  height:40px;
  left:50%;
  margin-left:-20px;
  margin-top:-20px;
  position:absolute;
  text-indent:-1000em;
  top:50%;
  width:40px;
}

.ui-loading.hidden {
  display:block;
  opacity:0;
  pointer-events:none;
}

.ui-loading.hidden span {
  -moz-animation:none;
  -webkit-animation:none;
  animation:none;
}

.editor-drawer .ui-loading {
  background-color:#FCFCFD;
}
/** ANNE 2014-12-22 désactivation des éléments modal, on utilise ceux de bootstrap
.overlay-inner,
.modal,
.bb-overlay-inner,
.bb-modal {
  opacity:0;
  pointer-events:none;
  -o-transition:opacity 0.3s,-o-transform 0.3s;
  -ms-transition:opacity 0.3s,-ms-transform 0.3s;
  -moz-transition:opacity 0.3s,-moz-transform 0.3s;
  -webkit-transition:opacity 0.3s,-webkit-transform 0.3s;
  transition:opacity 0.3s,transform 0.3s;
}

.overlay-open .overlay-inner,
.overlay-open .modal,
.bb-overlay-open .bb-overlay-inner,
.bb-overlay-open .bb-modal {
  opacity:1;
  pointer-events:auto;
  overflow:auto;
}

@media screen and (min-width:50em) {
  .overlay-open .overlay-inner,
  .overlay-open .modal,
  .bb-overlay-open .bb-overlay-inner,
  .bb-overlay-open .bb-modal {
    overflow:visible;
  }
}

.overlay-inner,
.bb-overlay-inner {
  background:#202020;
  background:rgba(0,0,0,0.5);
  height:100%;
  left:0;
  position:fixed;
  top:0;
  right:0;
  z-index:1000;
}

.modal,
.bb-modal {
  margin:0 auto;
  top:50px;
  max-width:270px;
  max-width:16.875rem;
  position:relative;
  -webkit-transform:scale(1.2);
  -moz-transform:scale(1.2);
  -ms-transform:scale(1.2);
  -o-transform:scale(1.2);
  transform:scale(1.2);
  z-index:100;
}

@media screen and (min-width:36em) {
  .modal,
  .bb-modal {
    margin-top:-12.5%;
    top:50%;
  }
}

.overlay-open .modal,
.bb-overlay-open .bb-modal {
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -ms-transform:scale(1);
  -o-transform:scale(1);
  transform:scale(1);
}

@media screen and (min-width:50em) {
  .modal,
  .bb-modal {
    max-width:330px;
    max-width:21.875rem;
  }
}

.modal-full {
  max-width:37.5em;
}

.modal-close {
  background-color:#333;
  background-position:50% 50%;
  -webkit-border-radius:1.5em;
  -moz-border-radius:1.5em;
  -ms-border-radius:1.5em;
  -o-border-radius:1.5em;
  border-radius:1.5em;
  cursor:pointer;
  height:36px;
  left:0;
  position:absolute;
  text-indent:-1000em;
  -webkit-transition:background-color 0.2s;
  -moz-transition:background-color 0.2s;
  -o-transition:background-color 0.2s;
  transition:background-color 0.2s;
  top:0;
  width:36px;
}

@media screen and (min-width:50em) {
  .modal-close {
    top:-13px;
    left:-13px;
  }
}

.modal-close:hover,
.modal-close:focus {
  background-color:#111;
}

.modal .content-outer,
.bb-modal .content-outer {
  border:0.625em solid #1E1F20;
  border-color:rgba(0,0,0,0.2);
  -webkit-border-radius:14px;
  -moz-border-radius:14px;
  -ms-border-radius:14px;
  -o-border-radius:14px;
  border-radius:14px;
  margin-bottom:1em;
}

.modal .content,
.bb-modal .content {
  background:#FCFCFD;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  -ms-border-radius:6px;
  -o-border-radius:6px;
  border-radius:6px;
  color:#666;
  padding:1.5em 9.09090909% 0.5em;
}

.modal-full .content {
  padding:1.5em 5% 0.5em;
}

.modal-export ul>li {
  margin-bottom:1em;
}

.modal-export h2 {
  font-weight:normal;
  padding-bottom:.5em;
  border-bottom:1px solid #ddd;
  margin-bottom:1em;
}*/

@-webkit-keyframes in-from-top {
  0% {
    -webkit-transform:translateY(-300px);
    opacity:0;
  }
  75% {
    opacity:0.25;
  }
  100% {
    -webkit-transform:translateY(0);
    opacity:1;
  }
}

@-moz-keyframes in-from-top {
  0% {
    transform:translateY(-300px);
    opacity:0;
  }
  75% {
    opacity:0.25;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}

@keyframes in-from-top {
  0% {
    transform:translateY(-300px);
    opacity:0;
  }
  75% {
    opacity:0.25;
  }
  100% {
    transform:translateY(0);
    opacity:1;
  }
}

@-moz-keyframes rotation {
  0% {
    -moz-transform:rotate(0deg);
  }
  8.2% {
    -moz-transform:rotate(0deg);
  }
  8.3% {
    -moz-transform:rotate(30deg);
  }
  16.3% {
    -moz-transform:rotate(30deg);
  }
  16.4% {
    -moz-transform:rotate(60deg);
  }
  24.8% {
    -moz-transform:rotate(60deg);
  }
  24.9% {
    -moz-transform:rotate(90deg);
  }
  33.1% {
    -moz-transform:rotate(90deg);
  }
  33.2% {
    -moz-transform:rotate(120deg);
  }
  41.4% {
    -moz-transform:rotate(120deg);
  }
  41.5% {
    -moz-transform:rotate(150deg);
  }
  49.7% {
    -moz-transform:rotate(150deg);
  }
  49.8% {
    -moz-transform:rotate(180deg);
  }
  58% {
    -moz-transform:rotate(180deg);
  }
  58.1% {
    -moz-transform:rotate(210deg);
  }
  66.3% {
    -moz-transform:rotate(210deg);
  }
  66.4% {
    -moz-transform:rotate(240deg);
  }
  74.6% {
    -moz-transform:rotate(240deg);
  }
  74.7% {
    -moz-transform:rotate(270deg);
  }
  82.9% {
    -moz-transform:rotate(270deg);
  }
  83% {
    -moz-transform:rotate(300deg);
  }
  91.2% {
    -moz-transform:rotate(300deg);
  }
  91.3% {
    -moz-transform:rotate(330deg);
  }
  99.9% {
    -moz-transform:rotate(330deg);
  }
  100% {
    -moz-transform:rotate(360deg);
  }
}

@-webkit-keyframes rotation {
  0% {
    -webkit-transform:rotate(0deg);
  }
  8.2% {
    -webkit-transform:rotate(0deg);
  }
  8.3% {
    -webkit-transform:rotate(30deg);
  }
  16.3% {
    -webkit-transform:rotate(30deg);
  }
  16.4% {
    -webkit-transform:rotate(60deg);
  }
  24.8% {
    -webkit-transform:rotate(60deg);
  }
  24.9% {
    -webkit-transform:rotate(90deg);
  }
  33.1% {
    -webkit-transform:rotate(90deg);
  }
  33.2% {
    -webkit-transform:rotate(120deg);
  }
  41.4% {
    -webkit-transform:rotate(120deg);
  }
  41.5% {
    -webkit-transform:rotate(150deg);
  }
  49.7% {
    -webkit-transform:rotate(150deg);
  }
  49.8% {
    -webkit-transform:rotate(180deg);
  }
  58% {
    -webkit-transform:rotate(180deg);
  }
  58.1% {
    -webkit-transform:rotate(210deg);
  }
  66.3% {
    -webkit-transform:rotate(210deg);
  }
  66.4% {
    -webkit-transform:rotate(240deg);
  }
  74.6% {
    -webkit-transform:rotate(240deg);
  }
  74.7% {
    -webkit-transform:rotate(270deg);
  }
  82.9% {
    -webkit-transform:rotate(270deg);
  }
  83% {
    -webkit-transform:rotate(300deg);
  }
  91.2% {
    -webkit-transform:rotate(300deg);
  }
  91.3% {
    -webkit-transform:rotate(330deg);
  }
  99.9% {
    -webkit-transform:rotate(330deg);
  }
  100% {
    -webkit-transform:rotate(360deg);
  }
}

@keyframes rotation {
  0% {
    transform:rotate(0deg);
  }
  8.2% {
    transform:rotate(0deg);
  }
  8.3% {
    transform:rotate(30deg);
  }
  16.3% {
    transform:rotate(30deg);
  }
  16.4% {
    transform:rotate(60deg);
  }
  24.8% {
    transform:rotate(60deg);
  }
  24.9% {
    transform:rotate(90deg);
  }
  33.1% {
    transform:rotate(90deg);
  }
  33.2% {
    transform:rotate(120deg);
  }
  41.4% {
    transform:rotate(120deg);
  }
  41.5% {
    transform:rotate(150deg);
  }
  49.7% {
    transform:rotate(150deg);
  }
  49.8% {
    transform:rotate(180deg);
  }
  58% {
    transform:rotate(180deg);
  }
  58.1% {
    transform:rotate(210deg);
  }
  66.3% {
    transform:rotate(210deg);
  }
  66.4% {
    transform:rotate(240deg);
  }
  74.6% {
    transform:rotate(240deg);
  }
  74.7% {
    transform:rotate(270deg);
  }
  82.9% {
    transform:rotate(270deg);
  }
  83% {
    transform:rotate(300deg);
  }
  91.2% {
    transform:rotate(300deg);
  }
  91.3% {
    transform:rotate(330deg);
  }
  99.9% {
    transform:rotate(330deg);
  }
  100% {
    transform:rotate(360deg);
  }
}

.ui-loading {
  background-color:#fff;
  bottom:0;
  left:0;
  margin-bottom:0;
  opacity:1;
  overflow:hidden;
  position:absolute;
  right:0;
  text-indent:-1000em;
  -ms-transition:opacity 0.25s ease-in-out;
  -moz-transition:opacity 0.25s ease-in-out;
  -o-transition:opacity 0.25s ease-in-out;
  -webkit-transition:opacity 0.25s ease-in-out;
  transition:opacity 0.25s ease-in-out;
  top:0;
  z-index:100;
}

.ui-loading span {
  -moz-animation:rotation infinite 1s linear;
  -webkit-animation:rotation infinite 1s linear;
  animation:rotation infinite 1s linear;
  background-position:50% 50%;
  height:40px;
  left:50%;
  margin-left:-20px;
  margin-top:-20px;
  position:absolute;
  text-indent:-1000em;
  top:50%;
  width:40px;
}

.ui-loading.hidden {
  display:block;
  opacity:0;
  pointer-events:none;
}

.ui-loading.hidden span {
  -moz-animation:none;
  -webkit-animation:none;
  animation:none;
}

.editor-drawer .ui-loading {
  background-color:#FCFCFD;
}

.account {
  max-width:400px;
}

.nav-account>li a {
  display:inline-block;
  padding:5px;
  margin-bottom:5px;
}

.nav-account>li a:hover,
.nav-account>li a.active {
  text-decoration:none;
  color:#4d4d4d;
  background-color:#ccc;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -ms-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
}

.tab-content {
  padding-bottom:2em;
}

.tab {
  position:absolute;
  left:-99999em;
  height:0;
  width:0;
}

.tab.delete-account,
.tab.export,
.tab.personal,
.tab.notifications,
.tab.publishing,
.tab.password,
.tab.billing {
  position:relative;
  left:0;
  height:auto;
  width:auto;
}

a.blue {
  color:#3d9ecf;
}

.avatar-group {
  display:table;
}

.avatar-group img {
  margin-right:15px;
}

.avatar-link {
  display:table-cell;
  vertical-align:middle;
}

.upgrade-hdg {
  font-size:1.375em;
  font-weight:normal;
  line-height:1.5;
  margin-bottom:1em;
}

.upgrade-explain {
  color:#666;
}

.upgrade-box {
  border:1px solid #ebebeb;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
  border-radius:5px;
  padding:1em;
  margin:1em 0;
  overflow:hidden;
}

.upgrade-left {
  padding:0;
  margin:0;
}

.upgrade-right {
  padding:0;
  margin:10px 0 0 0;
}

@media screen and (min-width:25em) {
  .upgrade-left {
    float:left;
  }
  .upgrade-right {
    float:right;
    margin-left:1%;
  }
}

.upgrade-price {
  color:#999;
}

.upgrade-price sup {
  vertical-align:top;
  color:#666;
}

.upgrade-big {
  font-size:3.125em;
  color:#88b716;
  line-height:1;
}

.upgrade-intro {
  font-style:italic;
  color:#666;
  font-size:.875em;
}

.integrations-illustrated>li {
  color:#666;
  margin:1em 0;
}

.ico-wordpress-account,
.ico-dropbox-account {
  display:block;
}

.ico-wordpress-account {
  height:60px;
  width:60px;
}

.ico-dropbox-account {
  height:57px;
  width:60px;
  margin-bottom:3px;
}

.integrations-illustrated .coming-soon {
  color:#999;
  padding-top:15px;
  font-size:.875em;
}

@media screen and (min-width:37.5em) {
  .integrations-illustrated>li {
    text-align:center;
  }
  .ico-wordpress-account,
  .ico-dropbox-account {
    margin:0 auto;
  }
  .ico-dropbox-account {
    margin-bottom:3px;
  }
}

a.btn-connect {
  background-color:#ebebeb;
  color:#999;
}

.btn-connect.ico-hover-new {
  background-position:32% 14px;
}

@media screen and (min-width:37.5em) {
  .btn-connect.ico-hover-new {
    background-position:37% 14px;
  }
}

a.btn-connect:hover,
a.btn-connect:focus {
  color:#4d4d4d;
}

.int-list input.is-icon {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-color:#FFF;
  border:none;
  cursor:pointer;
  margin-top:5px;
}

.int-list>li {
  overflow:hidden;
  padding:1em 0;
  border-bottom:1px solid #ebebeb;
}

.int-left {
  float:left;
  display:inline-block;
}

.int-right {
  float:right;
  display:inline-block;
}

.int-options>li {
  border:1px solid #ebebeb;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -ms-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
  margin-bottom:.5em;
  padding:.5em;
  color:#666;
}

.int-options>li:hover {
  background-color:#f2f2f2;
  border-color:#3d9ecf;
  color:#4d4d4d;
  cursor:pointer;
}

.int-options a {
  display:block;
  width:100%;
}

.int-options a:hover {
  text-decoration:none;
}

.hdg-card {
  margin-bottom:1em;
}

.fake-label {
  font-weight:normal;
}

.margin-bottom-form {
  margin-bottom:1em;
}

.cc-form {
  margin-bottom:2em;
  border-bottom:1px solid #ddd;
}

.tooltip-holder {
  clear:both;
  content:"";
  display:table;
}

.cvv-label {
  width:86%;
  float:left;
}

.touch .cvv-label {
  width:100%;
}

.billing-help {
  width:10%;
  float:left;
}

.cvv-input {
  position:relative;
  z-index:1;
}

.touch .billing .ico-hover-help {
  display:none;
}

.content p {
  margin-bottom:1.2em;
}

.label-primary {
  display:block;
  padding-bottom:0.3em;
}

.input-text {
  background:#fff;
  color:#555;
  border:1px solid #CCC;
  -webkit-border-radius:0.25em;
  -moz-border-radius:0.25em;
  -ms-border-radius:0.25em;
  -o-border-radius:0.25em;
  border-radius:0.25em;
  -webkit-box-shadow:inset 0 0 3px rgba(0,0,0,0.1);
  -moz-box-shadow:inset 0 0 3px rgba(0,0,0,0.1);
  box-shadow:inset 0 0 3px rgba(0,0,0,0.1);
  display:block;
  font-size:1em;
  font-family:inherit;
  padding:0.4em;
  -webkit-transition:box-shadow 0.1s linear,border-color 0.25s linear;
  -moz-transition:box-shadow 0.1s linear,border-color 0.25s linear;
  -o-transition:box-shadow 0.1s linear,border-color 0.25s linear;
  transition:box-shadow 0.1s linear,border-color 0.25s linear;
  width:95%;
}

.input-text:focus {
  border-color:#AFAFAF;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  outline:none;
}

.label-primary a,
.label-primary a:visited {
  background:none;
  color:#999;
  font-size:0.8em;
  cursor:pointer;
  text-transform:none;
  text-decoration:underline;
}

.label-primary a {
  margin-left:0.5em;
}

.label-primary a:hover,
.label-primary a:focus {
  color:#3CF;
  text-decoration:underline;
}

a.cancel {
  color:#999;
  font-size:0.875em;
  margin-right:1em;
  text-decoration:underline;
}

a.cancel:hover {
  color:#3CF;
  text-decoration:underline;
}

a:hover.cancel {
  color:#3CF;
  text-decoration:underline;
}

.manage-gravatar {
  font-size:12px;
  font-size:0.75rem;
}

.manage-gravatar img {
  margin-right:0.75em;
  vertical-align:middle;
}

.manage-gravatar a {
  text-decoration:underline;
}

.manage-gravatar a:hover,
.manage-gravatar a:focus {
  color:#3CF;
}

.load-more {
  background-color:#F7F7F7;
  color:#7F7F7F;
  display:block;
  font-size:14px;
  font-size:0.875rem;
  text-align:center;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:0.1em;
  padding:0.7em;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -ms-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
}

.load-more:hover,
.load-more:focus {
  background-color:#CCC;
  color:#666;
  text-decoration:none;
}

.text,
.comment-shim {
  background:#fff;
  border:1px solid #D8D8D8;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  padding:0.4em 0;
}

.comment-holder {
  position:relative;
  display:block;
}

.comment-shim,
.comment-holder .text {
  display:block;
  min-height:2.2em;
  -webkit-transition:min-height 0.5s;
  -moz-transition:min-height 0.5s;
  -o-transition:min-height 0.5s;
  transition:min-height 0.5s;
  white-space:pre-wrap;
  word-wrap:break-word;
  width:100%;
}

.comment-shim {
  visibility:hidden;
  z-index:-1;
}

.comment-holder .text {
  height:100%;
  left:0;
  overflow:hidden;
  padding-left:0.4em;
  padding-top:0.3em;
  position:absolute;
  resize:none;
  top:0;
  width:100%;
}

.modal-overlay .has-icon {
  background-position:0 0.15em;
  color:#999;
  font-size:0.9em;
  margin-top:0.4em;
  padding-left:23px;
  text-indent:0;
}

.overlay .ico-close-dark {
  background-position:3px 50%;
}

#login-file {
  max-width:100%;
  width:100%;
}

.import,
.import label {
  margin-bottom:0.5em;
}

.import {
  border-bottom:1px solid #E2E2E3;
  padding-bottom:1em;
}

.import label {
  display:block;
  font-style:italic;
}

.scrolltest {
  height:100px;
  left:-1000em;
  overflow:scroll;
  position:absolute;
  width:100px;
}

.h-list>li {
  display:inline-block;
}

.autocomplete-suggestions {
  border:1px solid #ccc;
  background-color:#fff;
  overflow:auto;
  max-width:24em;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -ms-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
}

.autocomplete-suggestion {
  padding:2px 5px;
  white-space:nowrap;
  overflow:hidden;
  font-size:12px;
  font-size:0.75rem;
  color:#999;
  cursor:pointer;
}

.autocomplete-selected {
  background-color:#e6e6e6;
}

.autocomplete-suggestions strong {
  font-weight:normal;
  color:#4d4d4d;
}

.cell-tags {
  display:none;
}

.can-haz-tags .cell-tags {
  display:block;
  background:#f7f7f7;
  padding:9px;
  position:relative;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  font-size:11px;
  font-size:0.6875rem;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -o-transition:all 0.3s;
  transition:all 0.3s;
}

.cell-tags .toggle-tagging {
  float:right;
  width:20px;
  height:20px;
  text-indent:-1000em;
  overflow:hidden;
  -webkit-border-radius:3em;
  -moz-border-radius:3em;
  -ms-border-radius:3em;
  -o-border-radius:3em;
  border-radius:3em;
  background-color:#fff;
  -webkit-transition:background-color 0.3s;
  -moz-transition:background-color 0.3s;
  -o-transition:background-color 0.3s;
  transition:background-color 0.3s;
  position:relative;
}

.tagging .cell-tags .toggle-tagging {
  background-color:#999;
}

.cell-tags .toggle-tagging .icon-content {
  position:absolute;
  left:0;
  top:0;
  width:20px;
  height:20px;
  background-size:8px 8px;
  background-position:50% 50%;
  -webkit-transition:opacity 0.3s;
  -moz-transition:opacity 0.3s;
  -o-transition:opacity 0.3s;
  transition:opacity 0.3s;
}

.cell-tags .toggle-tagging .ico-arrow-down-white {
  opacity:0;
  background-size:8px 4px;
}

.tagging .cell-tags .toggle-tagging .ico-arrow-down-white {
  opacity:1;
}

.tagging .cell-tags .toggle-tagging .ico-add-sm {
  opacity:0;
}

.cell-tags .tags-onboarding {
  display:none;
  font-style:italic;
  color:#b7b7b7;
  font-size:11px;
  font-size:0.6875rem;
  padding:0 0 0 .4em;
  overflow:hidden;
  position:relative;
  margin-bottom:6px;
}

.cell-tags.empty .tags-onboarding {
  display:inline-block;
  float:left;
  margin-top:-1px;
}

.tagging .cell-tags .tags-onboarding {
  display:none;
}

.cell-tags ul {
  display:inline;
  margin-bottom:0;
}

.cell-tags li {
  display:inline-block;
  padding:.1em .6em .3em .45em;
  background-color:#fff;
  -webkit-border-radius:1em;
  -moz-border-radius:1em;
  -ms-border-radius:1em;
  -o-border-radius:1em;
  border-radius:1em;
  color:#999;
  font-size:11px;
  font-size:0.6875rem;
  margin-right:0.2em;
  margin-bottom:5px;
  word-break:break-word;
  overflow:hidden;
  position:relative;
  max-width:80%;
}

.cell-tags:after {
  content:"";
  display:table;
  clear:both;
}

.tagging .cell-tags li {
  padding-right:.1em;
}

.cell-tags li a {
  display:none;
  color:#999;
  margin:1px 0 0;
}

.tagging .cell-tags li a {
  display:inline-block;
}

.cell-tags li a:hover {
  text-decoration:none;
  color:#999;
}

.ico-remove-tag {
  float:right;
  height:6px;
  width:1em;
  text-indent:-1000em;
  position:relative;
  background-position:center center;
  padding:.4em;
}

.cell-tags .new-tag-input-wrapper {
  display:inline-block;
  padding:0 0 .7em;
  overflow:hidden;
  font-size:11px;
  font-size:0.6875rem;
}

.cell-tags input {
  background:transparent;
  border:none;
  font-size:11px;
  font-size:0.6875rem;
  width:1em;
  color:#666;
  padding:0;
  margin:0;
}

.cell-tags input:focus {
  outline:none;
}

.cell-tags .new-tag-measure {
  font-size:11px;
  font-size:0.6875rem;
  padding:4px;
  position:absolute;
  left:-1000em;
}

.tags-clipping-indicator {
  display:none;
  position:absolute;
  top:0.6em;
  right:3em;
  font-size:11px;
  font-size:0.6875rem;
  color:#999;
}

.tags-clipped .tags-clipping-indicator {
  display:block;
}

.tagging .tags-clipping-indicator {
  display:none;
}

.doc-cell .cell-tags {
  display:none;
}

.can-haz-tags .doc-cell {
  padding-bottom:2em;
}

.can-haz-tags .doc-cell .cell-tags {
  display:block;
  background:#f7f7f7;
  padding:9px 9px 23px;
  -moz-border-radius-bottomleft:2px;
  -webkit-border-bottom-left-radius:2px;
  border-bottom-left-radius:2px;
  -moz-border-radius-bottomright:2px;
  -webkit-border-bottom-right-radius:2px;
  border-bottom-right-radius:2px;
  position:absolute;
  z-index:50;
  right:0;
  bottom:0;
  left:0;
  height:2em;
  overflow:hidden;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -o-transition:all 0.3s;
  transition:all 0.3s;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  font-size:11px;
  font-size:0.6875rem;
}

.doc-cell.tagging .cell-tags {
  height:100%;
  overflow:auto;
  padding-top:11px;
  border-top:1px solid #e1e1e1;
}

.doc-cell .cell-tags .toggle-tagging {
  margin-left:1em;
  top:-3px;
}

.doc-cell.tagging .cell-tags .toggle-tagging {
  margin-left:0;
  top:0;
}

.doc-cell .cell-tags li {
  display:inline-block;
  padding:.1em .6em .3em .45em;
  background-color:#fff;
  -webkit-border-radius:1em;
  -moz-border-radius:1em;
  -ms-border-radius:1em;
  -o-border-radius:1em;
  border-radius:1em;
  color:#999;
  font-size:11px;
  font-size:0.6875rem;
  margin-right:0.2em;
  margin-bottom:6px;
  word-break:break-word;
  overflow:hidden;
  max-width:72%;
  white-space:nowrap;
  text-overflow:ellipsis;
  position:relative;
  top:-3px;
}

.doc-cell.tagging .cell-tags li {
  max-width:80%;
  white-space:normal;
  text-overflow:none;
  display:inline-block;
  float:none;
  top:0;
  padding-right:.1em;
  margin-bottom:5px;
}

.ed-mast .menu-widget:before {
  right:10px;
}

.ed-mast .menu-widget:after {
  right:13px;
}

.account-menu {
  display:none;
}

.account-menu .collapsible-content-collapsed {
  display:block;
}

@media screen and (min-width:32.5em) {
  .account-menu:hover .sub-menu,
  .account-menu .sub-menu:target {
    right:-13px;
  }
}

@media screen and (min-width:50em) {
  .account-menu {
    display:block;
  }
}

.select-menu {
  font-size:14px;
  font-size:0.875rem;
  font-weight:normal;
  position:relative;
  text-align:left;
}

.select-menu .page {
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -ms-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
  display:block;
  font-weight:normal;
  padding:0.5em 0.5em 0.5em 1em;
  white-space:nowrap;
}

.select-menu .current-page {
  color:#999;
  cursor:default;
  padding-right:1.5em;
  position:relative;
}

.select-menu .current-page:after {
  background-position:50% 1.5em;
  content:"";
  padding:1em;
}

.select-menu .current-page a {
  color:inherit;
  cursor:text;
  text-decoration:none;
}

.select-menu .sub-menu {
  background-color:#fff;
  background-color:rgba(255,255,255,0.9);
  border-color:#757575;
  color:#999;
  min-width:100%;
  padding-top:3em;
  top:-0.5em;
  z-index:1;
}

.select-menu .sub-menu li,
.select-menu .sub-menu p {
  border-top:1px solid #E5E5E5;
  padding:4px;
}

.select-menu .sub-menu .page {
  padding-left:0.75em;
}

.select-menu .sub-menu .page:hover,
.select-menu .sub-menu .page:focus {
  background:#E5E5E5;
  color:#333;
  text-decoration:none;
}

.select-menu:hover .sub-menu,
.select-menu .sub-menu:target,
.select-menu.collapsible-collapsed .sub-menu {
  left:-1000em;
  opacity:0;
}

.select-menu:hover .sub-menu,
.select-menu .sub-menu:target,
.select-menu.collapsible-expanded .sub-menu {
  left:-2px;
  opacity:1;
}

.select-menu:hover .current-page,
.select-menu.collapsible-expanded .current-page {
  -webkit-border-radius:0;
  -moz-border-radius:0;
  -ms-border-radius:0;
  -o-border-radius:0;
  border-radius:0;
  color:#333;
  position:relative;
  z-index:10;
}

.select-menu p,
.select-menu li,
.select-menu ul {
  margin:0;
}

.tmpl-dash .ed-page {
  background:#F5F5F5;
  color:#fff;
  overflow-y:auto;
}

.xtra {
  position:absolute;
  left:-1000em;
}

@media screen and (min-width:35em) {
  .xtra {
    position:static;
  }
  .ed-page .cue {
    position:absolute;
    left:-1000em;
  }
}

.ed-mast {
  background-color:#262626;
  zoom:1;
}

.ed-mast:before,
.ed-mast:after {
  clear:both;
  content:"";
  display:table;
}

.ieold .ed-mast,
.ieold .ed-main,
.ieold .ed-aside {
  margin:0 auto;
  max-width:640px;
}

.ie6 .ed-mast,
.ie6 .ed-main,
.ie6 .ed-aside {
  width:640px;
}

@media screen and (min-width:500px) {
  .ieold .ed-mast,
  .ieold .ed-main {
    margin:0;
    max-width:auto;
  }
}

.ed-logo {
  margin:1em 1em 1em 0;
  float:right;
}

.ed-logo a,
.ed-logo img {
  display:block;
  width:97px;
  height:17px;
}

.ie6 .ed-logo,
.ie7 .ed-logo {
  background:url(/assets/images/ed-logo.png) no-repeat;
}

.ie6 .ed-logo img,
.ie7 .ed-logo img {
  visibility:hidden;
}

.account-menu {
  background-position:100% 9px;
  cursor:pointer;
  position:absolute;
  right:3%;
  top:1.2em;
  width:45px;
}

.account-menu .ico-avatar {
  width:24px;
}

.ed-logo-sm:after {
  clear:both;
  display:table;
  content:"";
}

.ed-logo-sm .ed-logo img {
  width:103px;
  height:18px;
}

@media screen and (min-width:50em) {
  .account-menu {
    top:.75em;
  }
}

@media screen and (min-width:50em) {
  .ed-logo {
    float:left;
    margin:1em;
    width:11%;
  }
  .ed-logo a {
    display:block;
    max-width:10.5em;
  }
  .ed-search .text {
    margin:0;
  }
}

.ed-main {
  background:transparent;
  color:#333;
  clear:both;
}

.main-head {
  padding:0.75em 1em;
}

.main-content {
  padding:1em;
}

.content-inner {
  zoom:1;
}

.content-inner:before,
.content-inner:after {
  clear:both;
  content:"";
  display:table;
}

.new-doc {
  display:none;
}

@media screen and (min-width:50em) {
  .main-head .hed,
  .new-doc {
    display:inline-block;
  }
  .new-doc {
    position:static;
    top:3.75em;
    margin-bottom:0;
  }
  .new-doc .btn {
    vertical-align:middle;
    margin-top:-0.2em;
    margin-right:1em;
  }
  .main-head .hed {
    margin-right:0.5em;
  }
  .new-doc .btn {
    margin-top:-0.75em;
  }
}

@media screen and (min-width:55em) {
  .main-head,
  .main-content {
    padding:0 3% 0 2em;
  }
  .main-content {
    background:transparent;
  }
  .main-head {
    padding-top:1.25em;
    padding-bottom:0.75em;
  }
  .content-inner {
    /* padding-top:1.5em; */
    padding-bottom:2em;
  }
}

.ed-search {
  float:left;
}

.ed-search .text {
  background-color:#CCC;
  background-position:95% 45%;
  border:1px solid #000;
  -webkit-border-radius:1em;
  -moz-border-radius:1em;
  -ms-border-radius:1em;
  -o-border-radius:1em;
  border-radius:1em;
  box-shadow:none;
  display:inline-block;
  font-size:14px;
  font-size:0.875rem;
  padding:0.35em 0.75em;
  -webkit-transition:background-color 0.2s;
  -moz-transition:background-color 0.2s;
  -o-transition:background-color 0.2s;
  transition:background-color 0.2s;
  width:12em;
}

.ed-search .text:focus {
  outline:none;
  background-color:#EEE;
}

.ed-search .text:-moz-placeholder {
  color:#808080;
  font-style:normal;
}

.ed-search .text::-moz-placeholder {
  color:#808080;
  font-style:normal;
}

.ed-search .text::-webkit-input-placeholder {
  color:#808080;
  font-style:normal;
}

.enhanced .ed-search .submit {
  position:absolute;
  left:-1000em;
}

.main-head {
  background:#fff;
  border-bottom:1px solid #CCC;
}

.main-head .hed {
  clear:left;
  font-size:26px;
  font-size:1.625rem;
  font-weight:normal;
}

.main-head .select-menu {
  float:left;
}

.main-head .switch-view {
  float:right;
  margin-top:0.75em;
}

@media screen and (min-width:32em) {
  .main-head .switch-view {
    margin-top:0;
  }
  .main-head .select-menu {
    float:right;
    margin-top:0;
    position:relative;
    top:-.5em;
  }
}

@media screen and (min-width:32em) {
  .main-head .switch-view {
    margin-top:0.8em;
  }
}

.switch-view li {
  margin-left:0.5em;
  float:left;
}

.switch-view a {
  border:1px solid transparent;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -ms-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
  display:block;
  padding:3px;
}

.switch-view .active a {
  background:#fff;
  border-color:#CCC;
}

.switch-view .is-icon {
  display:block;
  opacity:0.3;
  height:15px;
  -webkit-transition:opacity 0.15s;
  -moz-transition:opacity 0.15s;
  -o-transition:opacity 0.15s;
  transition:opacity 0.15s;
}

.switch-view a:hover .is-icon,
.switch-view .active .is-icon {
  opacity:0.6;
}

.doc-cell:after {
  background:#333;
  content:"";
  height:4px;
  position:absolute;
  top:0;
  width:100%;
}

.doc-status-copyediting {
  background:#C33;
}

.doc-status-draft {
  background:#3d9ecf;
}

.doc-status-final {
  background:#88b716;
}

.doc-status-reviewing {
  background:#826699;
}

.doc-status-revising {
  background:#D1A613;
}

.doc-grid .doc-status-copyediting,
.doc-grid .doc-status-draft,
.doc-grid .doc-status-final,
.doc-grid .doc-status-reviewing,
.doc-grid .doc-status-revising {
  background:#fff;
}

.doc-grid .doc-status-copyediting:after {
  background:#C33;
}

.doc-grid .doc-status-draft:after {
  background:#3d9ecf;
}

.doc-grid .doc-status-final:after {
  background:#88b716;
}

.doc-grid .doc-status-reviewing:after {
  background:#826699;
}

.doc-grid .doc-status-revising:after {
  background:#D1A613;
}

.doc-cell .status,
.doc-cell .doc-title-dash,
.doc-cell .cell-foot {
  margin:0 4.6428571%;
}

.doc-cell .select-menu .current-page:after {
  background-position:0,0;
  content:"";
  padding:0;
}

.doc-cell .select-menu {
  padding:0;
  margin:0 0 .5em 0;
}

.doc-cell .status {
  color:#999;
  font-size:12px;
  font-size:0.75rem;
  position:relative;
  margin-bottom:0;
  cursor:pointer;
}

.doc-cell .status .more,
.doc-list .select-status .more {
  text-indent:-10000em;
  background-position:right 6px;
  display:inline-block;
  width:15px;
  height:20px;
}

.doc-cell .select-menu .sub-menu {
  top:1.5em;
  min-width:0;
  width:80%;
  margin-left:1em;
  padding-top:0;
}

.status-picker ul {
  margin-bottom:0;
}

.status-picker li {
  width:100%;
  zoom:1;
}

.status-picker input {
  position:absolute;
  left:-1000em;
}

.status-picker label,
.status-picker label:after {
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
}

.status-picker label {
  cursor:pointer;
  display:block;
  position:relative;
  padding:0.3em 0 0.3em 32px;
}

.status-picker label:hover {
  color:#444;
}

.status-picker label:after {
  background-color:#444;
  content:"";
  display:block;
  width:18px;
  height:18px;
  position:absolute;
  right:7px;
  top:50%;
  margin-top:-9px;
}

.status-picker input:checked+label {
  background-position:10px 12px;
  background-color:#444;
  color:#fff;
}

.select-status {
  position:relative;
  min-width:10em;
}

.select-status-label {
  margin-top:0.6em;
}

.select-status .page {
  padding-top:0.2em;
  padding-bottom:0.2em;
}

.select-status .status-picker label:after {
  right:auto;
}

.select-status a:hover,
.select-status a:focus {
  text-decoration:none;
}

.select-status .current-status {
  font-size:14px;
  font-size:0.875rem;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.select-status .status-picker {
  border-bottom:none;
  font-size:14px;
  font-size:0.875rem;
  margin-bottom:0;
  margin-right:4px;
}

.select-status .sub-menu {
  border:2px solid #DDD;
  -webkit-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  background:#fff;
  padding-top:0;
  top:3em;
  z-index:100;
}

.select-status .sub-menu li {
  padding:2px;
}

.select-status .sub-menu li:first-child {
  border:none;
}

.select-status .status-picker label:after {
  left:5px;
}

.select-status .status-picker input:checked+label {
  background-position:7px 50%;
}

.select-status .status-picker input:checked+label:after {
  display:none;
}

.select-menu .current-page.status-draft {
  border-color:#3d9ecf;
}

.status-draft .current-status {
  color:#3d9ecf;
}

.status-draft label:after,
.status-draft input:checked+label {
  background-color:#3d9ecf;
}

.select-menu .current-page.status-copyediting {
  border-color:#C33;
}

.status-copyediting .current-status {
  color:#C33;
}

.status-copyediting label:after,
.status-copyediting input:checked+label {
  background-color:#C33;
}

.select-menu .current-page.status-reviewing {
  border-color:#826699;
}

.status-reviewing .current-status {
  color:#826699;
}

.status-reviewing label:after,
.status-reviewing input:checked+label {
  background-color:#826699;
}

.select-menu .current-page.status-revising {
  border-color:#D1A613;
}

.status-revising .current-status {
  color:#D1A613;
}

.status-revising label:after,
.status-revising input:checked+label {
  background-color:#D1A613;
}

.select-menu .current-page.status-final {
  border-color:#88b716;
}

.status-final .current-status {
  color:#88b716;
}

.status-final label:after,
.status-final input:checked+label {
  background-color:#88b716;
}

.has_activity_page .doc-cell .status {
  padding-left:1.5em;
}

.doc-cell .action-link {
  position:absolute;
  left:-7px;
  top:-3px;
}

.doc-cell .doc-title-dash {
  font-size:20px;
  font-size:1.25rem;
  font-weight:normal;
  line-height:1.3;
  min-height:3.75em;
  margin-bottom:0.29166666666666666666em;
  overflow-x:hidden;
  position:relative;
  overflow-y:hidden;
}

.doc-cell .doc-title-dash a {
  color:#333;
  display:block;
}

.doc-cell .doc-title-dash a:hover,
.doc-cell .doc-title-dash a:focus {
  color:#999;
  text-decoration:none;
}

.doc-cell .cell-foot {
  border-top:1px solid #D9D9D9;
  color:#999;
  font-size:11px;
  font-size:0.6875rem;
  padding:0.5em 0 1em;
}

.doc-cell .cell-foot cite {
  font-style:normal;
}

.doc-cell .cell-foot .when {
  color:#656565;
}

.doc-cell .cell-foot .who {
  color:#999;
}

.doc-cell .cell-foot p {
  margin:0;
}

.doc-cell .who {
  position:relative;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.doc-cell .ico-avatar {
  float:left;
  width:24px;
  margin:3px 6px 0 0;
}

.doc-cell .config-menu {
  position:absolute;
  top:4px;
  right:0;
  z-index:25;
  cursor:pointer;
}

.config-menu .is-icon {
  display:block;
  padding:0;
}

.config-menu:hover .sub-menu,
.config-menu .sub-menu:target {
  right:-8px;
  top:1.25em;
}

.config-menu .menu-widget:before {
  right:17px;
}

.config-menu .menu-widget:after {
  right:20px;
}

.config-menu a {
  padding-left:0.6em;
  padding-right:0.6em;
}

.config-menu .collapsible-content-collapsed {
  display:block;
}

.doc-grid:before,
.doc-grid:after {
  clear:both;
  content:"";
  display:table;
}

.doc-cell {
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  -ms-border-radius:2px;
  -o-border-radius:2px;
  border-radius:2px;
  -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.3);
  -moz-box-shadow:0 1px 2px rgba(0,0,0,0.3);
  box-shadow:0 1px 2px rgba(0,0,0,0.3);
  margin-bottom:1em;
  position:relative;
  padding-top:0.8em;
}

@media screen and (min-width:31em) {
  .doc-cell {
    float:left;
    margin-right:3.767123287671232876%;
    width:47.602739726027397260%;
  }
  .doc-cell:nth-child(2n) {
    margin-right:0;
  }
  .doc-cell:nth-child(2n+1) {
    clear:left;
  }
  .ieold .doc-cell {
    margin-right:2%;
    width:46%;
  }
}

@media screen and (min-width:58em) {
  .doc-cell,
  .doc-cell:nth-child(n) {
    margin-right:3.043968432919954904%;
    width:31.003382187147688838%;
  }
  .doc-cell:nth-child(2n+1) {
    clear:none;
  }
  .doc-cell:nth-child(3n) {
    margin-right:0;
  }
  .doc-cell:nth-child(3n+1) {
    clear:left;
  }
  .ieold .doc-cell {
    margin-right:2%;
    width:29%;
  }
}

@media screen and (min-width:66em) {
  .doc-cell {
    margin-bottom:1.7em;
  }
}

@media screen and (min-width:80em) {
  .doc-cell,
  .doc-cell:nth-child(n),
  .ieold .doc-cell {
    margin-right:2.33%;
    width:23%;
  }
  .ieold .doc-cell {
    margin-right:2%;
  }
  .doc-cell:nth-child(3n+1) {
    clear:none;
  }
  .doc-cell:nth-child(4n) {
    margin-right:0;
  }
  .doc-cell:nth-child(4n+1) {
    clear:left;
  }
}

@media screen and (min-width:95em) {
  .doc-cell,
  .doc-cell:nth-child(n),
  .ieold .doc-cell {
    margin-right:2.25%;
    width:18%;
  }
  .ieold .doc-cell {
    margin-right:2%;
  }
  .doc-cell:nth-child(4n+1) {
    clear:none;
  }
  .doc-cell:nth-child(5n) {
    margin-right:0;
  }
  .doc-cell:nth-child(5n+1) {
    clear:left;
  }
}

@media screen and (min-width:120em) {
  .doc-grid {
    max-width:135.5625em;
  }
  .doc-cell,
  .doc-cell:nth-child(n),
  .ieold .doc-cell {
    margin-right:2%;
    width:14%;
  }
  .doc-cell:nth-child(5n+1) {
    clear:none;
  }
  .doc-cell:nth-child(6n) {
    margin-right:0;
  }
  .doc-cell:nth-child(6n+1) {
    clear:left;
  }
  .ieold .doc-cell {
    margin-right:2%;
    width:14%;
  }
}

@media screen and (min-width:66em) and (max-width:80em), screen and (min-width:80em) and (max-width:95em), screen and (min-width:102em) {
  .doc-cell .doc-title-dash {
    font-size:20px;
    font-size:1.25rem;
  }
}

.invites,
.invite {
  -webkit-transition:max-height 1s;
  -moz-transition:max-height 1s;
  -o-transition:max-height 1s;
  transition:max-height 1s;
  max-height:1000px;
}

.invites {
  background:#444;
  clear:both;
  font-size:14px;
  font-size:0.875rem;
  margin-bottom:3em;
  padding:1px 0;
  -webkit-border-radius:0.3em;
  -moz-border-radius:0.3em;
  -ms-border-radius:0.3em;
  -o-border-radius:0.3em;
  border-radius:0.3em;
}

.closing-invites,
.closing-invite {
  border-color:#fff;
  max-height:0;
  overflow:hidden;
}

.invite {
  border-bottom:1px solid #DDD;
  margin:9px 9px 9px 15px;
  padding-bottom:1em;
  zoom:1;
}

.invite:last-child {
  border-bottom:none;
  padding-bottom:0;
}

.invite:before,
.invite:after {
  clear:both;
  content:"";
  display:table;
}

.invite .title,
.invite .who {
  margin:0;
  padding-top:0.4em;
}

.invite .title {
  font-weight:600;
  color:#fff;
}

.invite .act {
  margin-top:0.4em;
  line-height:1;
}

@media screen and (min-width:32em) {
  .invite {
    border-bottom:0;
    padding-bottom:0;
  }
  .invite .title,
  .invite .who {
    float:left;
  }
  .invite .title {
    width:60%;
  }
  .invite .who {
    clear:left;
    width:50%;
  }
  .invite .act {
    text-align:right;
  }
}

@media screen and (min-width:64em) {
  .invite .title {
    width:28%;
  }
  .invite .who {
    clear:none;
    float:left;
    width:47%;
  }
  .invite .act {
    margin-top:0;
  }
}

@media screen and (min-width:70em) {
  .invite .who {
    width:50%;
  }
}

@media screen and (min-width:79em) {
  .invite .who {
    width:53%;
  }
}

.invite .who {
  color:#999;
}

.invite cite {
  font-style:normal;
  color:#ccc;
}

.invite .title,
.invite .who,
.invite cite,
.invite .act {
  -webkit-transition:opacity 0.1s linear;
  -moz-transition:opacity 0.1s linear;
  -o-transition:opacity 0.1s linear;
  transition:opacity 0.1s linear;
}

.defunct .title,
.defunct .who,
.defunct cite,
.defunct .act {
  opacity:0.5;
}

.act form {
  display:inline;
}

.doc-list {
  border-collapse:separate;
  text-align:left;
  width:100%;
}

.reveal {
  opacity:0;
}

a.reveal:hover,
a.reveal:focus {
  opacity:1;
}

.doc-list thead th,
.doc-list td {
  color:#999;
  font-size:13px;
  font-size:0.8125rem;
}

.doc-list th,
.doc-list td {
  padding:0.2em 0;
}

.doc-list th {
  font-weight:normal;
}

.doc-list td {
  line-height:1.6;
}

.doc-list thead th {
  border-bottom:1px solid #999;
  letter-spacing:0.08em;
  padding:0.3em 0;
  padding-bottom:0.4em;
  text-transform:uppercase;
}

tbody .new-row th,
.new-row td {
  background-color:#FFFFE5;
}

.doc-list .config-menu {
  display:inline-block;
  margin-left:-1em;
}

.doc-list .config-menu .is-icon {
  background-position:50% 50%;
  height:1.5em;
  width:3em;
}

.doc-list .config-menu:hover .sub-menu,
.doc-list .config-menu .sub-menu:target {
  right:-0.4375em;
}

@media screen and (min-width:55em) {
  .doc-list .config-menu {
    margin-left:0;
    display:block;
    width:60px;
  }
  .doc-list .config-menu:hover .sub-menu,
  .doc-list .config-menu .sub-menu:target {
    right:14px;
  }
}

.doc-list .config-menu .sub-menu {
  top:0;
  padding-top:2em;
}

.doc-list .config-menu .menu-widget:before,
.doc-list .config-menu .menu-widget:after {
  padding-top:1em;
}

.doc-cell .config-menu .is-icon {
  background-position:50% 50%;
  height:35px;
  width:35px;
}

.doc-list tbody .cell-last {
  padding-right:0;
}

.doc-list thead {
  display:none;
}

.doc-list,
.doc-list tbody,
.doc-list tbody tr,
.doc-list tbody th {
  display:block;
}

.doc-list {
  margin-bottom:2em;
}

.doc-list tbody tr {
  border-bottom:1px solid #DDD;
  padding-bottom:0.5em;
}

.doc-list td {
  display:inline;
  margin-left:0;
}

.doc-list td:after {
  color:#CCC;
  content:"\2022";
  margin:0 0.5em 0 0.65em;
}

.doc-list .cell-last:after {
  content:"";
  margin:0;
}

.doc-list .ico-avatar {
  position:static;
  vertical-align:middle;
  margin-right:4px;
}

.doc-list .owner {
  white-space:nowrap;
}

@media screen and (min-width:49em) {
  .doc-list {
    display:table;
  }
  .doc-list thead {
    display:table-header-group;
  }
  .doc-list tbody {
    display:table-row-group;
  }
  .doc-list tbody tr {
    display:table-row;
  }
  .doc-list tbody th,
  .doc-list td {
    border-bottom:1px solid #DDD;
    display:table-cell;
    max-height:1000em;
    padding-bottom:0.8em;
    padding-right:1em;
    padding-top:1em;
    -webkit-transition:background-color 0.1s linear;
    -moz-transition:background-color 0.1s linear;
    -o-transition:background-color 0.1s linear;
    transition:background-color 0.1s linear;
  }
  .doc-list tbody th {
    padding-top:0;
    padding-bottom:0;
    width:34%;
  }
  .doc-list td:after {
    content:"";
    margin:0;
  }
  .doc-list thead .cell-first {
    padding-left:1.23076923076923076923em;
  }
  .doc-list .doc a.doc-title-dash {
    padding-left:1em;
  }
  .doc-list .status {
    width:25%;
  }
  .doc-list .time {
    width:15%;
  }
  .doc-list .owner {
    padding-left:24px;
    width:20%;
  }
  .doc-list .ico-avatar {
    margin-left:-24px;
    float:left;
    top:2px;
    vertical-align:baseline;
  }
  .doc-list tbody tr:hover th,
  .doc-list tr:hover td {
    color:#666;
    background:#EBF5FA;
  }
  .doc-list .owner {
    white-space:normal;
  }
  .doc-list .ico-avatar {
    position:relative;
    margin-right:0;
    top:0;
  }
}

.action-link {
  background-position:6px 5px;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -ms-border-radius:50%;
  -o-border-radius:50%;
  border-radius:50%;
  display:inline-block;
  height:26px;
  position:relative;
  text-indent:-1000em;
  top:-3px;
  width:26px;
}

.action-link:hover,
.action-link:focus {
  background-color:#3d9ecf;
  background-position:6px -95px;
}

.action-link:hover .tooltip,
.action-link:focus .tooltip {
  left:-0.2em;
}

.doc-status-bubble {
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -ms-border-radius:50%;
  -o-border-radius:50%;
  border-radius:50%;
  display:inline-block;
  height:10px;
  margin-left:2px;
  margin-right:4px;
  width:10px;
}

@media screen and (min-width:49em) {
  .doc-status-bubble {
    margin-left:0;
    margin-right:6px;
  }
}

@media screen and (min-width:66em) {
  .doc-list .doc {
    font-size:18px;
    font-size:1.125rem;
  }
}

.doc-list .select-menu {
  font-size:inherit;
}

.doc-list .select-menu .collapsible-heading-toggle {
  cursor:pointer;
}

.doc-list .doc {
  position:relative;
}

.doc-list .action-link {
  position:absolute;
  top:0.55em;
  left:0;
}

.doc-list a.doc-title-dash {
  color:#666;
  display:block;
  padding:0.6em 0.6em 0.3em 0;
}

.has_activity_page .doc-list a.doc-title-dash {
  margin-left:32px;
}

.doc-list a.doc-title-dash:hover {
  color:#3d9ecf;
  text-decoration:none;
}

@media screen and (min-width:49em) {
  .doc-list a.doc-title-dash {
    padding-bottom:0.6em;
  }
}

.ed-nav {
  display:none;
}

.ed-nav {
  background-color:#28292B;
  padding:.5em 1em .5em;
}

.ed-nav li {
  border-bottom:1px solid #777;
  border-color:rgba(255,255,255,0.2);
}

.ed-nav a,
.ed-nav div {
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -ms-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
}

.ed-nav a {
  display:block;
  padding:0.25em 0.5em;
}

.ed-nav div {
  margin:0.5em 0;
}

@media screen and (min-width:50em) {
  .ed-nav {
    display:block;
    background:inherit;
    border-top:none;
    font-size:14px;
    font-size:0.875rem;
    float:left;
    left:150px;
    padding:0;
    position:absolute;
    top:.7em;
    white-space:nowrap;
    z-index:1;
  }
  .ed-nav li {
    border:none;
    display:inline-block;
    margin-right:1em;
    padding:0;
    vertical-align:top;
  }
  .ed-nav a,
  .ed-nav div {
    display:inline-block;
  }
  .ed-nav div {
    margin:0;
  }
}

.ed-nav a:hover,
.ed-nav a:focus {
  background:#333;
  background:rgba(255,255,255,0.05);
  color:#CCC;
  text-decoration:none;
}

.sect-dash #sect-dash,
.sect-docs #sect-docs,
.sect-help #sect-help {
  background:#444546;
  background:rgba(255,255,255,0.14);
  color:#fff;
  text-decoration:none;
  cursor:text;
}

.ed-footer {
  color:#999;
  clear:both;
  font-size:12px;
  font-size:0.75rem;
  line-height:1.83333333333333333333;
  padding:2em 1.3em 4em;
  border-top:1px solid #CCC;
}

@media screen and (min-width:55em) {
  .ed-footer {
    padding-left:2.75em;
  }
}

.ed-footer p,
.ed-footer nav,
.ed-footer ul,
.ed-footer li {
  display:inline;
}

.ed-footer p:after,
.ed-footer li:after {
  color:#CCC;
  content:"\2022";
  margin:0 0.3em 0 0.45em;
}

.ed-footer li.last:after {
  content:"";
  margin:0;
}

.ed-footer p {
  margin-bottom:0;
}

.ed-footer a {
  color:inherit;
  white-space:nowrap;
}

.new-comment .by {
  display:none;
  float:left;
  width:47px;
}

@media screen and (min-width:37.5em) {
  .new-comment .by {
    display:block;
  }
}

.new-comment img {
  width:32px;
}

@media screen and (min-width:37.5em) {
  .new-comment fieldset {
    margin-left:48px;
    margin-right:0;
  }
}

.new-comment .text,
.comment-shim {
  min-height:37px;
  font-size:16px;
  font-size:1rem;
  line-height:1.5;
  margin-bottom:0.5em;
  margin-left:0;
  padding-left:0.5em;
}

.new-comment .text {
  display:block;
  width:100%;
}

.new-comment .text:focus,
.new-comment .display .text,
.new-comment .display .comment-shim {
  min-height:77px;
}

.new-comment .text:focus {
  -webkit-box-shadow:0 0 3px 3px #88b2d8;
  -moz-box-shadow:0 0 3px 3px #88b2d8;
  box-shadow:0 0 3px 3px #88b2d8;
  outline:none;
}

.new-comment .submit {
  clear:both;
}

@media screen and (min-width:37.5em) {
  .new-comment .submit {
    clear:none;
    float:right;
  }
}

.enhanced .new-comment .more {
  max-height:0;
  opacity:0;
  overflow:hidden;
  -webkit-transition:max-height 0.1s,opacity 0.4s;
  -moz-transition:max-height 0.1s,opacity 0.4s;
  -o-transition:max-height 0.1s,opacity 0.4s;
  transition:max-height 0.1s,opacity 0.4s;
}

.new-comment .display .more {
  max-height:1000px;
  opacity:1;
  overflow:visible;
}

.tab-loader {
  background:#fff;
  background:rgba(255,255,255,0.6);
  height:100%;
  left:0;
  position:absolute;
  top:0;
  width:100%;
  z-index:1;
}

.activity-nav {
  margin-top:0.8em;
  float:right;
  text-align:right;
}

.activity-nav li {
  margin-left:0.25em;
  display:inline;
}

.activity-nav a {
  background:#E5E5E5;
  -webkit-border-radius:1em;
  -moz-border-radius:1em;
  -ms-border-radius:1em;
  -o-border-radius:1em;
  border-radius:1em;
  color:#999;
  font-size:13px;
  font-size:0.8125rem;
  padding:0.3em 0.8em;
  text-decoration:none;
}

.activity-nav a:hover,
.activity-nav a:focus {
  background:#CCC;
  color:#666;
}

.activity-nav a.active {
  background:#323232;
  color:#fff;
}

.hed-sect {
  color:#333;
  border-bottom:2px solid #DDD;
  padding-bottom:0.3em;
  margin-bottom:1em;
  font-weight:normal;
}

.hed-sect-heavy {
  font-weight:600;
}

.sect-doc-activity .hed-lead {
  color:#323232;
  font-size:20px;
  font-size:1.25rem;
}

@media screen and (min-width:55em) {
  .sect-doc-activity .hed-lead {
    font-weight:normal;
    font-size:26px;
    font-size:1.625rem;
  }
}

table.activity-group {
  color:#444;
  font-size:13px;
  font-size:0.8125rem;
  margin-bottom:2.66666666666666666666em;
  width:100%;
}

.activity-group caption,
.activity-group th,
.activity-group td {
  padding:10px 0;
  font-weight:normal;
  text-align:left;
  -webkit-transition:background-color 1s ease;
  -webkit-transition-delay:1s;
  -moz-transition:background-color 1s ease 1s;
  -o-transition:background-color 1s ease 1s;
  transition:background-color 1s ease 1s;
  vertical-align:top;
}

.activity-group tr.new-row th,
.activity-group tr.new-row td {
  background-color:#FFFEE5;
}

.activity-group thead {
  position:absolute;
  left:-1000em;
}

.activity-group caption {
  border-bottom:1px solid #999;
  font-size:13px;
  font-size:0.8125rem;
  font-weight:normal;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:#999;
}

.activity-group tbody tr {
  border-bottom:1px solid #DDD;
}

.activity-group img {
  vertical-align:text-top;
  margin-right:0.5em;
}

.activity-group .detail img {
  width:18px;
}

.activity-group td {
  display:block;
  margin-left:26px;
}

.activity-group .detail,
td.new-member {
  margin-left:0;
}

.activity-group .detail .inner {
  position:relative;
  padding-left:48px;
}

.activity-group .detail .is-icon {
  left:9px;
  position:absolute;
}

.activity-group .detail .ico-activity-status {
  left:12px;
}

@media screen and (min-width:55em) {
  .activity-group td {
    display:table-cell;
    padding-right:1em;
    margin-left:0;
  }
}

.activity-group .who {
  color:#808080;
  padding-left:44px;
  padding-right:0;
  position:relative;
}

@media screen and (min-width:55em) {
  .activity-group .who {
    width:30%;
    padding-left:22px;
  }
}

table.activity-group .ico-avatar {
  margin-left:-22px;
  margin-right:3px;
}

.activity-group .new-member .ico-avatar {
  margin-left:9px;
  margin-right:17px;
  vertical-align:top;
}

.activity-group cite,
.activity-group em {
  font-style:normal;
  font-weight:bold;
}

.activity-group .who cite {
  color:#444;
}

.doc-comment .detail .inner {
  padding-left:0;
}

.doc-comment .who {
  margin:0;
  padding-left:0;
  width:auto;
}

tr.doc-comment .ico-avatar {
  float:left;
  margin-left:0;
  margin-top:0.2em;
  margin-right:15px;
  width:32px;
}

.doc-comment .activity-comment {
  font-size:1.2em;
  line-height:1.5;
  margin-left:48px;
  padding-bottom:15px;
}

.doc-comment p:last-child {
  margin-bottom:0;
}

.doc-comment em {
  font-style:italic;
  font-weight:inherit;
}

.doc-comment .preview,
.doc-comment .closed .full {
  display:none;
}

.doc-comment .preview {
  cursor:pointer;
}

.doc-comment .preview:hover a {
  color:#3d9ecf;
  text-decoration:none;
}

.doc-comment .closed .preview {
  display:block;
}

.doc-comment .expand {
  text-transform:lowercase;
}

.doc-comment .inner a {
  text-decoration:underline;
}

.doc-comment .inner a:hover,
.doc-comment .inner a:focus {
  text-decoration:none;
}

.doc-comment blockquote,
.doc-comment p,
.doc-comment ol,
.doc-comment ul {
  margin-bottom:1em;
}

.doc-comment h1,
.doc-comment h2,
.doc-comment h3,
.doc-comment h4,
.doc-comment h5,
.doc-comment h6 {
  font-size:1em;
  font-weight:normal;
}

.doc-comment blockquote:before,
.doc-comment h1:before,
.doc-comment h2:before,
.doc-comment h3:before,
.doc-comment h4:before,
.doc-comment h5:before,
.doc-comment h6:before {
  color:#CCC;
  font-weight:normal;
}

.doc-comment h1:before {
  content:"# ";
}

.doc-comment h2:before {
  content:"## ";
}

.doc-comment h3:before {
  content:"### ";
}

.doc-comment h4:before {
  content:"#### ";
}

.doc-comment h5:before {
  content:"##### ";
}

.doc-comment h6:before {
  content:"###### ";
}

.doc-comment ol {
  list-style:decimal;
}

.doc-comment ul {
  list-style:disc;
}

.doc-comment li {
  margin-left:1em;
}

.doc-comment ol li {
  margin-left:1.3em;
}

.doc-comment blockquote {
  color:#777;
  margin:0 2em 1em;
  position:relative;
}

.doc-comment blockquote:before {
  content:"> ";
  position:absolute;
  left:-1em;
}

.dash-activity {
  max-width:80em;
  width:100%;
}

.dash-activity,
.dash-activity caption,
.dash-activity tbody,
.dash-activity tbody tr,
.dash-activity tbody th,
.dash-activity td {
  display:block;
}

table.dash-activity caption {
  font-size:13px;
  font-size:0.8125rem;
  font-weight:normal;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:#999;
}

.dash-activity caption a {
  color:#333;
}

.dash-activity caption a:hover,
.dash-activity caption a:focus {
  color:#666;
}

.dash-activity th,
.dash-activity .who {
  color:#808080;
  margin-left:25px;
}

.dash-activity .doc {
  position:relative;
  padding-left:30px;
}

.dash-activity .action-link {
  position:absolute;
  top:-3px;
  left:0;
}

@media screen and (min-width:49em) {
  .dash-activity {
    display:table;
  }
  .dash-activity caption {
    display:table-caption;
  }
  .dash-activity thead {
    display:table-header-group;
  }
  .dash-activity tbody {
    display:table-row-group;
  }
  .dash-activity tbody tr {
    display:table-row;
  }
  .dash-activity tbody th,
  .dash-activity tbody td {
    display:table-cell;
  }
  .dash-activity th,
  .dash-activity .who {
    margin-left:0;
  }
  .dash-activity .detail {
    padding-right:2em;
    width:46.428571428571428571%;
  }
  .dash-activity tbody th {
    width:32.857142857142857142%;
  }
}

.person {
  border-bottom:1px solid #ddd;
  clear:left;
  max-height:1000px;
  position:relative;
  padding-top:0.2em;
  -webkit-transition:opacity 0.4s;
  -moz-transition:opacity 0.4s;
  -o-transition:opacity 0.4s;
  transition:opacity 0.4s;
  zoom:1;
}

.person:before,
.person:after {
  clear:both;
  content:"";
  display:table;
}

.person:after {
  clear:both;
}

.closing-person img,
.closing-person .name,
.closing-person .role {
  opacity:0.5;
}

.person img {
  float:left;
  margin:0.45em 0;
}

.person .name,
.doc-owner .role,
.person .status,
.person .choose-role {
  margin-bottom:0;
  margin-left:42px;
}

.person input {
  margin-left:0;
}

.choose-role label:first-of-type {
  margin-right:1.1em;
}

.person .name {
  color:#333;
  font-size:15px;
  font-size:0.9375rem;
  font-weight:normal;
  line-height:1.2;
  margin-bottom:0.1em;
  margin-top:0.45em;
  overflow:hidden;
  text-overflow:ellipsis;
}

.person .status {
  color:#808080;
  font-size:12px;
  font-size:0.75rem;
  line-height:1.16666666666666666666;
  margin-bottom:0.25em;
}

.person .choose-role {
  font-size:12px;
  font-size:0.75em;
}

table.dash-activity caption {
  font-size:16px;
  font-size:1rem;
  font-weight:normal;
}

.dash-activity caption a {
  color:#333;
}

.dash-activity caption a:hover,
.dash-activity caption a:focus {
  color:#666;
}

.dash-activity th,
.dash-activity .who {
  color:#808080;
  margin-left:25px;
}

.dash-activity .doc {
  position:relative;
  padding-left:32px;
}

.dash-activity .action-link {
  position:absolute;
  top:-3px;
  left:0;
}

@media screen and (min-width:49em) {
  .dash-activity {
    display:table;
  }
  .dash-activity caption {
    display:table-caption;
  }
  .dash-activity thead {
    display:table-header-group;
  }
  .dash-activity tbody {
    display:table-row-group;
  }
  .dash-activity tbody tr {
    display:table-row;
  }
  .dash-activity tbody th,
  .dash-activity tbody td {
    display:table-cell;
  }
  .dash-activity th,
  .dash-activity .who {
    margin-left:0;
  }
  .dash-activity .detail {
    padding-right:2em;
    width:46.428571428571428571%;
  }
  .dash-activity tbody th {
    width:32.857142857142857142%;
  }
}

.doc-owner,
.collaborators {
  padding-bottom:1.11111111111111111111em;
  border-bottom:none;
}

.doc-owner .ico-avatar {
  margin:0;
}

@media screen and (min-width:55em) {
  .doc-owner .ico-avatar {
    width:48px;
  }
  .doc-owner .name,
  .doc-owner .role {
    margin-left:60px;
  }
}

.doc-owner .name {
  margin-top:0;
}

.doc-owner .role {
  margin-bottom:0;
  color:#808080;
  font-size:13px;
  font-size:0.8125rem;
}

@media screen and (min-width:55em) {
  .doc-owner .name {
    font-size:18px;
    font-size:1.125rem;
  }
  .doc-owner .role {
    font-size:16px;
    font-size:1rem;
  }
}

@media screen and (min-width:70em) {
  .doc-owner .name {
    font-size:20px;
    font-size:1.25rem;
  }
}

.collaborators .btn {
  float:right;
}

.collaborators .hed {
  border-bottom:2px solid #919191;
}

.collaborators .lead:before,
.collaborators .lead:after {
  clear:both;
  content:"";
  display:table;
}

.collaborators .lead .btn {
  background-position:50% 6px;
  margin-bottom:9px;
  padding-right:0;
  text-indent:-1000em;
  width:0.3em;
}

.collaborators .lead .ico-close {
  background-position:50% 0.6em;
}

@media screen and (min-width:62em) {
  .collaborators .lead .btn {
    background-position:7px 6px;
    padding-left:2em;
    padding-right:0.6em;
    text-indent:0;
    width:auto;
  }
  .collaborators .lead .ico-close {
    background-position:6px 0.6em;
  }
}

.collaborators .hed {
  font-size:16px;
  font-size:1rem;
  font-weight:normal;
  margin-bottom:0;
  padding-top:0.25em;
}

.collaborators .team {
  margin-bottom:1em;
}

.collaborators .team-last {
  margin-bottom:0;
}

.promote {
  background:#E7E7E7;
  color:#328196;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -ms-border-radius:5px;
  -o-border-radius:5px;
  border-radius:5px;
  font-size:16px;
  font-size:1rem;
  font-style:italic;
  line-height:1.3;
  margin:1em 0.5em;
  max-height:1000em;
  padding:0.5em;
  position:relative;
  zoom:1;
}

.promote:before,
.promote:after {
  clear:both;
  content:"";
  display:table;
}

.promote p {
  margin:0;
}

.display .promote {
  display:none;
}

@media screen and (min-width:55em) {
  .promote {
    font-size:20px;
    font-size:1.25rem;
  }
}

@media screen and (min-width:72em) {
  .promote {
    font-size:26px;
    font-size:1.625rem;
  }
}

.promote .collabs-arrow {
  background-size:100%;
  float:right;
  width:2em;
  margin-right:-0.75em;
  margin-top:-1em;
}

.promote img {
  visibility:hidden;
}

@media screen and (min-width:55em) {
  .promote .collabs-arrow,
  .promote img {
    margin-top:-13.793103448275862068%;
  }
  .promote .collabs-arrow {
    padding-bottom:10px;
  }
}

@media screen and (min-width:62em) {
  .promote .collabs-arrow,
  .promote img {
    margin-right:0;
  }
}

.add-new-member p {
  margin:0;
}

.add-new-member .member-info {
  margin:0.5em 0;
}

.add-new-member .permissions {
  border-bottom:1px solid #BFBFBF;
  font-size:13px;
  font-size:0.8125rem;
  padding:0.25em 0 0.75em;
}

.add-new-member .text,
.add-new-member .btn {
  display:block;
  margin-bottom:0.5em;
  text-align:center;
  width:100%;
}

.add-new-member .text {
  font-size:14px;
  font-size:0.875rem;
  margin-top:0;
}

.add-new-member .btn {
  margin-bottom:1em;
  padding:0.5em 0;
  width:99.5%;
}

@media screen and (min-width:32em) {
  .add-new-member .btn {
    width:99%;
  }
}

@media screen and (min-width:55em) {
  .add-new-member .text,
  .add-new-member .btn {
    display:inline;
    text-align:left;
    margin-bottom:0;
  }
  .add-new-member .text {
    padding-left:0.5em;
    width:73%;
  }
  .add-new-member .btn {
    padding:0.5em 0.6em 0.5em 0.7em;
    width:12%;
  }
}

@media screen and (min-width:64em) {
  .add-new-member .text {
    width:76%;
  }
}

@media screen and (min-width:72em) {
  .add-new-member .text {
    width:81%;
  }
  .add-new-member .btn {
    width:9%;
  }
}

@media screen and (min-width:75em) {
  .add-new-member .text {
    width:82%;
  }
}

.permissions strong,
.permissions label {
  display:inline-block;
  margin-right:0.2em;
}

.permissions>label:first-of-type {
  margin-right:0.6em;
}

.permissions strong {
  margin-right:0.2em;
}

.permissions input {
  margin:0 0.2em 0 0;
  vertical-align:baseline;
}

.enhanced .doc-team form {
  position:absolute;
  left:-1000em;
}

.enhanced .display form {
  position:static;
  margin-bottom:0.5em;
}

.enhanced .display .person .name {
  margin-right:20px;
}

.person .btn,
.person input.is-icon {
  position:absolute;
  right:0;
  top:0.75em;
  -webkit-transition:opacity 0.25s linear;
  -moz-transition:opacity 0.25s linear;
  -o-transition:opacity 0.25s linear;
  transition:opacity 0.25s linear;
  z-index:10;
}

.person input.is-icon {
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  background-color:inherit;
  background-position:100% 0;
  background-repeat:no-repeat;
  border:none;
  cursor:pointer;
  display:block;
}

.enhanced .person .btn,
.person-changed input.is-icon {
  display:none;
}

.enhanced .person-changed .btn,
.enhanced .collaborators-prior .person .btn {
  display:inline-block;
}

.closing-row {
  opacity:0.5;
}

.enhanced .add-new-member {
  max-height:0;
  overflow:hidden;
  -webkit-transition:max-height 1s;
  -moz-transition:max-height 1s;
  -o-transition:max-height 1s;
  transition:max-height 1s;
}

.display .add-new-member {
  max-height:1000px;
}

.ed-outer {
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  top:0;
  -webkit-transition:top 0.5s;
  -moz-transition:top 0.5s;
  -o-transition:top 0.5s;
  transition:top 0.5s;
  z-index:1;
}

.ed-messages {
  background:#000;
  overflow:hidden;
  position:relative;
  z-index:20;
}

.ed-messages .msg-block {
  background:inherit;
  border-bottom:1px solid #EEE;
  border-bottom-color:rgba(255,255,255,0.2);
  -webkit-border-radius:0;
  -moz-border-radius:0;
  -ms-border-radius:0;
  -o-border-radius:0;
  border-radius:0;
  clear:none;
  color:#CCC;
  font-size:14px;
  font-size:0.875rem;
  margin:0;
  padding:1em 5em 1px 1em;
  position:relative;
  -webkit-transition:margin 0.5s;
  -moz-transition:margin 0.5s;
  -o-transition:margin 0.5s;
  transition:margin 0.5s;
}

.ed-messages .status-error,
.ed-messages .status-info,
.ed-messages .status-success {
  border-bottom:1px solid #333;
  border-bottom-color:rgba(0,0,0,0.2);
}

.ed-messages .status-info,
.ed-messages .status-alert {
  color:#EEE;
}

.ed-messages .status-success {
  color:#fff;
}

.ed-messages .msg p {
  margin-bottom:1em;
}

.ed-messages a,
.ed-messages strong {
  color:#fff;
}

.ed-messages a {
  text-decoration:underline;
}

.ed-messages a:hover,
.ed-messages a:focus {
  opacity:0.8;
}

.ed-messages a.btn-simple {
  color:#999;
  text-decoration:none;
}

.ed-messages a.btn-simple:hover,
.ed-messages a.btn-simple:focus {
  opacity:1;
  color:#ccc;
}

.ed-messages .ico-avatar {
  border-color:#CCC;
  border-color:rgba(255,255,255,0.4);
  margin-right:4px;
  margin-top:-1px;
  vertical-align:top;
}

.ed-messages .msg-close {
  background-position:50% 50%;
  height:3.5em;
  opacity:0.4;
  position:absolute;
  right:0;
  text-indent:-1000em;
  top:0;
  -webkit-transition:opacity 0.2s;
  -moz-transition:opacity 0.2s;
  -o-transition:opacity 0.2s;
  transition:opacity 0.2s;
  width:4em;
}

.ed-messages .msg-close:hover,
.ed-messages .msg-close:focus {
  opacity:1;
}

.ed-messages .ui-loading,
.ed-messages .ui-loading span {
  display:inline-block;
  width:16px;
  height:16px;
}

.ed-messages .ui-loading {
  background:inherit;
  position:relative;
  top:0.15em;
}

.ed-messages .ui-loading span {
  position:absolute;
  left:0;
  margin:0;
  top:0;
}

body.has-alert {
  padding-top:4em;
}

.msg {
  position:relative;
  clear:both;
}

.msg p {
  margin-bottom:0;
}

.msg a,
.msg a:visited {
  color:#fff;
  text-decoration:underline;
  -webkit-transition:color 0.1s;
  -moz-transition:color 0.1s;
  -o-transition:color 0.1s;
  transition:color 0.1s;
}

.status-info a,
.status-info a:visited {
  color:#248BA6;
}

.msg a:hover,
.msg a:active {
  color:#111;
}

.msg-block,
.msg-text {
  font-size:13px;
  font-size:0.8125rem;
}

.msg-block {
  background:#FCF8E3;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  -ms-border-radius:4px;
  -o-border-radius:4px;
  border-radius:4px;
  color:#C09853;
  line-height:1.3846153846;
  margin-bottom:1em;
  padding:0.5em;
}

.closeable {
  padding-right:4em;
  cursor:pointer;
}

.closeable .close {
  background-position:50% 50%;
  height:22px;
  opacity:0.4;
  padding:0.2em 0.4em;
  position:absolute;
  right:0;
  text-indent:-1000em;
  top:0;
  width:20px;
}

.closeable:hover .close,
.closeable .close:hover {
  opacity:0.8;
}

.msg-full {
  -webkit-border-radius:0;
  -moz-border-radius:0;
  -ms-border-radius:0;
  -o-border-radius:0;
  border-radius:0;
  left:0;
  padding:0.55em 0;
  position:absolute;
  text-align:center;
  top:0;
  width:100%;
  z-index:1000;
}

.fixed-supported .msg-full {
  position:fixed;
}

.msg-full .close {
  padding:0.2em 1em;
}

.status-error {
  color:#dd4b39;
}

.status-error label {
  font-weight:bold;
}

.status-error.msg-block {
  background:#dd4b39;
  color:#fff;
}

.status-success {
  color:#fff;
}

.status-success.msg-block {
  background:#88b716;
}

.status-info {
  color:#1B687C;
}

.status-info.msg-block {
  background:#D3EFF6;
}

.status-alert.msg-block {
  background:#3d9ecf;
}

.msg-error {
  color:#555;
  font-size:18px;
  font-size:1.125rem;
  text-align:center;
}

.msg-error a {
  color:#3d9ecf;
  text-decoration:underline;
}

.msg-error a:hover,
.msg-error a:focus {
  color:#3CF;
  text-decoration:none;
}

.hed-major {
  font-size:50px;
  font-size:50px;
  font-size:3.125rem;
  font-weight:400;
}

.generic-notification {
  -webkit-border-radius:10px;
  -moz-border-radius:10px;
  -ms-border-radius:10px;
  -o-border-radius:10px;
  border-radius:10px;
  position:fixed;
  left:50%;
  top:50%;
  margin:-50px 0 0 -100px;
  padding:10px;
  width:180px;
  background:#666;
  background:rgba(0,0,0,0.5);
  color:#fff;
  text-align:center;
}

.backend,
.backend+.ed-footer {
  margin:32px;
  margin:2rem;
}

.backend+.ed-footer {
  padding:0;
}

.backend th,
.backend td {
  padding:0.25em 0.5em 0.25em 0;
}

.backend textarea {
  vertical-align:top;
  height:15em;
}

dl.options dt,
dl.options dd {
  padding-left:19px;
}

dl.options dt {
  position:relative;
}

dl.options input {
  left:0;
  top:0.3em;
  margin:0;
  position:absolute;
}

dl.options dd {
  font-size:14px;
  font-size:0.875rem;
  font-style:italic;
  color:#666;
  margin-bottom:1.71428571428571428571em;
}

.dash-sort {
  display:none;
}

@media screen and (min-width:50em) {
  .dash-sort {
    display:block;
  }
}

.dash-sort {
  float:right;
  position:relative;
  top:-0.7em;
  font-size:12px;
  font-size:0.75rem;
  margin-bottom:0;
  color:#999;
}

.dash-sort>li {
  margin-left:2em;
}

.dash-sort h3 {
  font-weight:normal;
  margin-bottom:3px;
}

.filter-select {
  border:1px solid #d9d9d9;
  padding:4px 8px;
  background-color:#fff;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -ms-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
  margin-bottom:0;
  font-size:12px;
  font-size:0.75rem;
  width:8em;
  position:relative;
}

.filter-select-wide {
  width:10em;
}

.filter-select.collapsible-expanded {
  border-bottom:none;
}

.filter-select input {
  position:absolute;
  left:-10000em;
}

.filter-select h4 {
  background-position:right 6px;
  padding-right:28px;
  font-weight:normal;
  padding:0 4px;
}

.filter-select a:hover {
  text-decoration:none;
  color:#4d4d4d;
}

.filter-select .sub-menu li {
  padding:0;
}

.filter-select label {
  cursor:pointer;
  display:block;
  padding:4px;
}

.filter-select.collapsible-expanded .sub-menu {
  right:auto;
  background:#fff;
  border:1px solid #d9d9d9;
  margin-left:-9px;
  padding:4px 8px;
  top:2em;
  -moz-border-radius-bottomright:3px;
  -webkit-border-bottom-right-radius:3px;
  border-bottom-right-radius:3px;
  -moz-border-radius-bottomleft:3px;
  -webkit-border-bottom-left-radius:3px;
  border-bottom-left-radius:3px;
  font-size:12px;
  font-size:0.75rem;
  width:8em;
  border-top:none;
}

.filter-select-wide.collapsible-expanded .sub-menu {
  width:10em;
}

.filter-select.collapsible-expanded .sub-menu ul {
  margin-bottom:0;
}

.filter-select li:hover {
  color:#4d4d4d;
}

.filter-select .selected {
  font-weight:600;
  color:#4d4d4d;
}

.col-tags {
  display:none;
}

.col-doc-grid {
  width:100%;
}

@media screen and (min-width:50em) {
  .can-haz-tags .col-tags {
    width:11em;
    float:left;
    margin-right:2em;
    display:block;
  }
  .can-haz-tags.empty-tags .col-tags {
    display:none;
  }
  .can-haz-tags.empty-tags .col-doc-grid {
    width:100%;
  }
  .can-haz-tags .col-doc-grid {
    width:73%;
    float:left;
  }
}

@media screen and (min-width:55em) {
  .can-haz-tags .col-doc-grid {
    width:74%;
  }
}

@media screen and (min-width:60em) {
  .can-haz-tags .col-doc-grid {
    width:76%;
  }
}

@media screen and (min-width:70em) {
  .can-haz-tags .col-doc-grid {
    width:80%;
  }
}

@media screen and (min-width:65em) {
  .can-haz-tags .col-extra-large {
    width:85%;
  }
}

.tag-header {
  position:relative;
  border-bottom:1px solid #e6e6e6;
  padding-bottom:.3em;
  margin-bottom:.3em;
}

.tag-header h2 {
  font-weight:normal;
  color:#666;
  font-size:14px;
  font-size:0.875rem;
}

.manage-tags {
  position:absolute;
  right:0;
  top:4px;
  text-decoration:none;
  font-size:12px;
  font-size:0.75rem;
  color:#999;
}

.save-tags {
  display:none;
  position:absolute;
  right:0;
  top:4px;
  text-decoration:none;
  font-size:12px;
  font-size:0.75rem;
  color:#999;
}

.editing .manage-tags {
  display:none;
}

.editing .save-tags {
  display:block;
  margin-top:-4px;
  font-size:12px;
  font-size:0.75rem;
}

.tag-list {
  width:100%;
  font-size:12px;
  font-size:0.75rem;
}

.tag-list li {
  margin-bottom:.2em;
  position:relative;
}

.tag-list li a {
  color:#999;
  padding:.5em 1em;
  -webkit-border-radius:1.5em;
  -moz-border-radius:1.5em;
  -ms-border-radius:1.5em;
  -o-border-radius:1.5em;
  border-radius:1.5em;
  display:block;
  position:relative;
}

.tag-list .active a {
  color:#666;
  background:#fff;
  border:1px solid #ddd;
}

.tag-list li a:after {
  clear:both;
  content:"";
  display:table;
}

.tag-list-edit .icon-changes {
  position:absolute;
  left:0;
  top:.7em;
  -webkit-border-radius:0;
  -moz-border-radius:0;
  -ms-border-radius:0;
  -o-border-radius:0;
  border-radius:0;
  width:20px;
  padding:0;
}

.tag-list-edit .icon-changes:hover,
.tag-list-edit .icon-changes:active,
.tag-list-edit .icon-changes:focus {
  background-color:#f5f5f5;
}

.tag-list .tag .undelete-tag {
  display:none;
}

.tag-list .tag.deleted .undelete-tag {
  display:block;
}

.tag-list .tag.deleted .delete-tag {
  display:none;
}

.tag-list-edit input {
  margin-left:2em;
  padding:0.4em;
  width:86%;
}

.deleted.tag input {
  opacity:.6;
  color:#999;
}

.tag-list .tag-name,
.tag-list .count {
  display:block;
  float:left;
}

.tag-list .tag-name {
  width:84%;
  word-wrap:break-word;
  margin-right:3px;
}

.tag-list .count {
  text-align:right;
  width:10%;
  margin-left:2%;
  color:#999;
}

.tag-list li a:hover,
.tag-list li a:active,
.tag-list li a:focus {
  color:#666;
  background-color:#fff;
}

.doc-activity {
  display:inline-block;
  position:absolute;
  top:6px;
  height:10px;
  width:10px;
  margin-right:5px;
  text-indent:-9999em;
  background-color:#3d9ecf;
  -webkit-border-radius:50%;
  -moz-border-radius:50%;
  -ms-border-radius:50%;
  -o-border-radius:50%;
  border-radius:50%;
  line-height:1;
}

.doc-title-inner {
  margin-left:15px;
  display:inline-block;
}

.overthrow-enabled .ed-page {
  bottom:1px;
  top:0;
  left:0;
  right:0;
  margin:0;
  max-width:inherit;
  position:absolute;
  z-index:45;
}

.page-loading .menu-container,
.page-loading .menu-panel {
  display:none;
}

.menu-container {
  background-color:#000;
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:280px;
  z-index:24;
  height:100%;
  overflow-x:hidden;
  overflow-y:scroll;
}

.menu-panel {
  position:absolute;
  display:block;
  width:280px;
  -webkit-transition:left 0.3s;
  -moz-transition:left 0.3s;
  -o-transition:left 0.3s;
  transition:left 0.3s;
  left:0;
  top:0;
  z-index:25;
}

.sub-menu-panel {
  background-color:#000;
  position:absolute;
  top:0;
  left:280px;
  z-index:5;
  height:100%;
  width:280px;
  overflow-y:scroll;
  -webkit-transition:left 0.3s;
  -moz-transition:left 0.3s;
  -o-transition:left 0.3s;
  transition:left 0.3s;
}

.sub-menu-panel.open {
  left:0;
  z-index:75;
}

.ed-outer.ed-menu-open {
  overflow-x:hidden;
}

.ed-outer .editor-tools,
.ed-outer .ed-page,
.ed-outer .editor-drawer {
  -webkit-transition:-webkit-transform 0.3s;
  -moz-transition:-moz-transform 0.3s;
  -o-transition:-o-transform 0.3s;
  transition:transform 0.3s;
}

.ed-outer.ed-menu-open .editor-tools,
.ed-outer.ed-menu-open .ed-page,
.ed-outer.ed-menu-open .editor-drawer {
  -webkit-transform:translate3d(280px,0,0);
  -moz-transform:translate3d(280px,0,0);
  -ms-transform:translate3d(280px,0,0);
  -o-transform:translate3d(280px,0,0);
  transform:translate3d(280px,0,0);
}

.ed-outer.ed-menu-open .editor-tools .nav-hamburger {
  background-color:#262626;
  height:100%;
}

.menu-container.submenu-focused .menu-panel {
  left:-280px;
  z-index:5;
}

.menu-container.menu-focused .sub-menu-panel {
  left:280px;
}

@media screen and (min-width:50em) {
  .ed-outer.ed-menu-open {
    overflow-x:visible;
  }
  .ed-outer .editor-tools,
  .ed-outer .ed-page {
    -webkit-transition:left 0.3s;
    -moz-transition:left 0.3s;
    -o-transition:left 0.3s;
    transition:left 0.3s;
  }
  .ed-outer.ed-menu-open .editor-tools,
  .ed-outer.ed-menu-open .ed-page {
    left:280px;
    -webkit-transform:none;
    -moz-transform:none;
    -ms-transform:none;
    -o-transform:none;
    transform:none;
  }
  .ed-outer.ed-menu-open .editor-drawer {
    -webkit-transform:none;
    -moz-transform:none;
    -ms-transform:none;
    -o-transform:none;
    transform:none;
  }
  .ed-outer .versions-menu {
    -webkit-transition:left 0.3s;
    -moz-transition:left 0.3s;
    -o-transition:left 0.3s;
    transition:left 0.3s;
  }
  .ed-outer.ed-menu-open .versions-menu {
    left:22.5em;
  }
}

.nav-header {
  background-color:#262626;
  padding:2.375em 1em 1em;
  color:#f2f2f2;
  position:relative;
}

.nav-back-header {
  background-color:#262626;
  position:relative;
}

.nav-back-header a {
  width:100%;
  display:block;
  height:49px;
}

@media screen and (min-width:50em) {
  .nav-header {
    padding:2.375em 1.5em 1em;
  }
  .nav-back-header a {
    height:32px;
  }
}

.nav-border {
  border-top:1px solid #404040;
}

.counts {
  font-size:13px;
  font-size:0.8125rem;
  margin-bottom:0;
  width:100%;
}

.counts span {
  color:#999;
}

.counts li:first-child::after {
  color:gray;
  content:"\2022";
  margin:0 0.3em 0 0.6em;
}

.counts .number {
  color:#e6e6e6;
}

.nav-header h3,
.nav-border h4 {
  font-weight:normal;
  font-size:14px;
  font-size:0.875rem;
}

.nav-header h3 {
  margin-bottom:.5em;
}

.nav-header h3 span {
  color:#ccc;
  font-size:12px;
  font-size:0.75rem;
}

.autocomplete-suggestions {
  border:1px solid #ccc;
  background-color:#fff;
  overflow:auto;
  max-width:24em;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -ms-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
}

.autocomplete-suggestion {
  padding:2px 5px;
  white-space:nowrap;
  overflow:hidden;
  font-size:12px;
  font-size:0.75rem;
  color:#999;
  cursor:pointer;
}

.autocomplete-selected {
  background-color:#e6e6e6;
}

.autocomplete-suggestions strong {
  font-weight:normal;
  color:#4d4d4d;
}

.cell-tags {
  display:none;
}

.can-haz-tags .cell-tags {
  display:block;
  background:#f7f7f7;
  padding:9px;
  position:relative;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  font-size:11px;
  font-size:0.6875rem;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -o-transition:all 0.3s;
  transition:all 0.3s;
}

.cell-tags .toggle-tagging {
  float:right;
  width:20px;
  height:20px;
  text-indent:-1000em;
  overflow:hidden;
  -webkit-border-radius:3em;
  -moz-border-radius:3em;
  -ms-border-radius:3em;
  -o-border-radius:3em;
  border-radius:3em;
  background-color:#fff;
  -webkit-transition:background-color 0.3s;
  -moz-transition:background-color 0.3s;
  -o-transition:background-color 0.3s;
  transition:background-color 0.3s;
  position:relative;
}

.tagging .cell-tags .toggle-tagging {
  background-color:#999;
}

.cell-tags .toggle-tagging .icon-content {
  position:absolute;
  left:0;
  top:0;
  width:20px;
  height:20px;
  background-size:8px 8px;
  background-position:50% 50%;
  -webkit-transition:opacity 0.3s;
  -moz-transition:opacity 0.3s;
  -o-transition:opacity 0.3s;
  transition:opacity 0.3s;
}

.cell-tags .toggle-tagging .ico-arrow-down-white {
  opacity:0;
  background-size:8px 4px;
}

.tagging .cell-tags .toggle-tagging .ico-arrow-down-white {
  opacity:1;
}

.tagging .cell-tags .toggle-tagging .ico-add-sm {
  opacity:0;
}

.cell-tags .tags-onboarding {
  display:none;
  font-style:italic;
  color:#b7b7b7;
  font-size:11px;
  font-size:0.6875rem;
  padding:0 0 0 .4em;
  overflow:hidden;
  position:relative;
  margin-bottom:6px;
}

.cell-tags.empty .tags-onboarding {
  display:inline-block;
  float:left;
  margin-top:-1px;
}

.tagging .cell-tags .tags-onboarding {
  display:none;
}

.cell-tags ul {
  display:inline;
  margin-bottom:0;
}

.cell-tags li {
  display:inline-block;
  padding:.1em .6em .3em .45em;
  background-color:#fff;
  -webkit-border-radius:1em;
  -moz-border-radius:1em;
  -ms-border-radius:1em;
  -o-border-radius:1em;
  border-radius:1em;
  color:#999;
  font-size:11px;
  font-size:0.6875rem;
  margin-right:0.2em;
  margin-bottom:5px;
  word-break:break-word;
  overflow:hidden;
  position:relative;
  max-width:80%;
}

.cell-tags:after {
  content:"";
  display:table;
  clear:both;
}

.tagging .cell-tags li {
  padding-right:.1em;
}

.cell-tags li a {
  display:none;
  color:#999;
  margin:1px 0 0;
}

.tagging .cell-tags li a {
  display:inline-block;
}

.cell-tags li a:hover {
  text-decoration:none;
  color:#999;
}

.ico-remove-tag {
  float:right;
  height:6px;
  width:1em;
  text-indent:-1000em;
  position:relative;
  background-position:center center;
  padding:.4em;
}

.cell-tags .new-tag-input-wrapper {
  display:inline-block;
  padding:0 0 .7em;
  overflow:hidden;
  font-size:11px;
  font-size:0.6875rem;
}

.cell-tags input {
  background:transparent;
  border:none;
  font-size:11px;
  font-size:0.6875rem;
  width:1em;
  color:#666;
  padding:0;
  margin:0;
}

.cell-tags input:focus {
  outline:none;
}

.cell-tags .new-tag-measure {
  font-size:11px;
  font-size:0.6875rem;
  padding:4px;
  position:absolute;
  left:-1000em;
}

.tags-clipping-indicator {
  display:none;
  position:absolute;
  top:0.6em;
  right:3em;
  font-size:11px;
  font-size:0.6875rem;
  color:#999;
}

.tags-clipped .tags-clipping-indicator {
  display:block;
}

.tagging .tags-clipping-indicator {
  display:none;
}

.menu-panel .cell-tags {
  height:4.5em;
  overflow:hidden;
  -webkit-transition:all 0.3s;
  -moz-transition:all 0.3s;
  -o-transition:all 0.3s;
  transition:all 0.3s;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
  background-color:#262626;
  padding:15px 10px 6px 20px;
}

.tagging .menu-panel .cell-tags {
  height:auto;
}

.menu-panel .cell-tags li {
  margin-bottom:15px;
  max-width:72%;
  white-space:nowrap;
  text-overflow:ellipsis;
}

.tagging .menu-panel .cell-tags li {
  margin-bottom:5px;
  max-width:80%;
  white-space:normal;
  text-overflow:none;
}

.menu-panel .tags-clipping-indicator {
  top:1.5em;
}

.menu-panel .cell-tags.empty .tags-onboarding {
  margin-top:1px;
}

.menu-panel .cell-tags .tag {
  background-color:#404040;
}

.menu-panel .cell-tags .toggle-tagging,
.tagging .menu-panel .cell-tags .toggle-tagging {
  background-color:#404040;
  -webkit-transform:rotate(180deg);
  -moz-transform:rotate(180deg);
  -ms-transform:rotate(180deg);
  -o-transform:rotate(180deg);
  transform:rotate(180deg);
}

.status-document {
  display:inline-block;
  font-weight:normal;
  font-size:14px;
  font-size:0.875rem;
  color:#999;
  margin-bottom:10px;
}

.status-document .active {
  background-color:#3d9ecf;
  color:#fff;
  -webkit-border-radius:0.2em;
  -moz-border-radius:0.2em;
  -ms-border-radius:0.2em;
  -o-border-radius:0.2em;
  border-radius:0.2em;
  font-size:13px;
  font-size:0.8125rem;
  padding:0.1em 0.5em;
  margin:0 0.2em;
  font-style:normal;
}

.status-document cite {
  color:#999;
  font-size:13px;
  font-size:0.8125rem;
  font-style:normal;
  font-weight:normal;
  background:#1a1a1a;
  -webkit-border-radius:0.2em;
  -moz-border-radius:0.2em;
  -ms-border-radius:0.2em;
  -o-border-radius:0.2em;
  border-radius:0.2em;
  padding:0.1em 0.5em;
  margin:0 0.2em;
}

.status-document a:hover,
.status-document a:active,
.status-document a:focus {
  color:#fff;
  background:#00ABE8;
  text-decoration:none;
}

.doc-status-hdg {
  background-color:#262626;
  border-bottom:1px solid #404040;
}

.doc-status {
  display:block;
  cursor:pointer;
  padding:1em 1.5em 1em 1em;
  background-color:#262626;
  color:#f2f2f2;
  position:relative;
}

@media screen and (min-width:50em) {
  .doc-status {
    padding-left:1.5em;
  }
}

a.doc-status {
  text-decoration:none;
  color:#ccc;
  width:238px;
  cursor:default;
}

a:hover.doc-status,
a:active.doc-status,
a:focus.doc-status {
  color:#fff;
}

a.doc-status.has-arrow {
  background-position:260px 50%;
  cursor:pointer;
}

.doc-status:before {
  content:" ";
  height:1em;
  width:1em;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  -ms-border-radius:2px;
  -o-border-radius:2px;
  border-radius:2px;
  display:inline-block;
  margin-right:11px;
  position:relative;
  top:2px;
  margin-left:2px;
}

@media screen and (min-width:50em) {
  .doc-status:before {
    margin-left:4px;
  }
}

.doc-status.status-draft:before {
  background-color:#3d9ecf;
}

.doc-status.status-reviewing:before {
  background-color:#826699;
}

.doc-status.status-revising:before {
  background-color:#d1a613;
}

.doc-status.status-copyediting:before {
  background-color:#C33;
}

.doc-status.status-final:before {
  background-color:#88b716;
}

.doc-tags {
  margin-bottom:0;
  margin-left:-.4em;
}

.doc-tags li {
  color:#999;
  background-color:#404040;
  font-size:11px;
  font-size:0.6875rem;
  -webkit-border-radius:3em;
  -moz-border-radius:3em;
  -ms-border-radius:3em;
  -o-border-radius:3em;
  border-radius:3em;
  padding:.2em .5em .4em;
}

.add-tags {
  position:absolute;
  right:5px;
  bottom:13px;
}

.status-selection-menu li,
.checked-menu li,
.sub-menu-panel .tag-list li {
  border-top:1px solid #404040;
}

.status-selection-menu li:last-child,
.checked-menu li:last-child,
.sub-menu-panel .tag-list li:last-child {
  border-bottom:1px solid #404040;
}

.status-selection-menu li label,
.checked-menu li label {
  padding:1em 1em 1em 1em;
  margin:0;
  display:block;
  color:#ccc;
  font-size:14px;
  font-size:0.875rem;
  background-position:.5em .5em;
  position:relative;
  width:80%;
  cursor:pointer;
}

.status-selection-menu li label {
  padding-left:3em;
}

.status-selection-menu li label:hover,
.checked-menu li label:hover {
  color:#fff;
}

.status-selection-menu input,
.checked-menu input {
  position:absolute;
  left:-1000em;
}

.status-selection-menu input:checked+label,
.checked-menu .selected label {
  background-position:250px 50%;
  color:#fff;
}

.selected .filter-your-docs {
  background-position:255px 50%;
  color:#fff;
}

.status-selection-menu label:before {
  background-color:#fff;
  content:" ";
  height:1em;
  width:1em;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  -ms-border-radius:2px;
  -o-border-radius:2px;
  border-radius:2px;
  display:block;
  margin-right:11px;
  position:absolute;
  top:36%;
  left:1em;
}

.status-draft-menu label:before {
  background-color:#3d9ecf;
}

.status-reviewing-menu label:before {
  background-color:#826699;
}

.status-revising-menu label:before {
  background-color:#d1a613;
}

.status-copyediting-menu label:before {
  background-color:#C33;
}

.status-final-menu label:before {
  background-color:#88b716;
}

.sub-menu-panel .tag-header {
  border-top:1px solid #404040;
  border-bottom:none;
  padding:1.25em 1em 1em 1em;
}

.sub-menu-panel .manage-tags {
  top:2.1em;
  right:1.75em;
}

.sub-menu-panel .tag-list .tag-name {
  width:75%;
}

.sub-menu-panel .tag-list .count {
  width:12%;
  padding-right:20px;
}

.sub-menu-panel .tag-list li a {
  padding:1em;
}

.sub-menu-panel .tag-list {
  font-size:14px;
  font-size:0.875rem;
}

.sub-menu-panel .tag-list li.active a,
.sub-menu-panel .tag-list li.active a .tag-name,
.sub-menu-panel .tag-list li.active a .count {
  background-color:transparent;
  border:none;
  color:#fff;
  background-position:right 50%;
}

.sub-menu-panel .tag-list li.active a .count {
  background-position:right 50%;
}

.sub-menu-panel .tag-list li a:hover,
.sub-menu-panel .tag-list li a:hover .tag-name,
.sub-menu-panel .tag-list li a:hover .count {
  background-color:transparent;
  color:#fff;
  text-decoration:none;
}

.sub-menu-panel .tag-list-edit li:after {
  clear:both;
  display:table;
  content:"";
}

.sub-menu-panel .tag-list-edit li {
  padding:1em;
}

.sub-menu-panel .icon-changes {
  left:1em;
  top:1.5em;
}

.sub-menu-panel .save-tags {
  position:absolute;
  right:1.7em;
  top:2.25em;
}

.sub-menu-panel a.btn-flat {
  background:#404040;
  color:#999;
}

.sub-menu-panel a.btn-flat:hover,
.sub-menu-panel a.btn-flat:active,
.sub-menu-panel a.btn-flat:focus {
  background:#595959;
  color:#ccc;
}

.nav-desktop {
  display:none;
}

.small-copy {
  font-size:12px;
  font-size:0.75rem;
}

.nav-group {
  border-top:1px solid #404040;
  padding:1em 1em 0;
}

.nav-group:after,
.nav-group-no-border:after {
  content:"";
  display:table;
  clear:both;
}

.nav-group-no-border {
  padding:.5em 1em;
}

.nav-hdg-1,
.sub-menu-panel .tag-header h2 {
  color:#e6e6e6;
  font-weight:600;
  font-size:16px;
  font-size:1rem;
}

.nav-hdg-2 {
  font-size:12px;
  font-size:0.75rem;
  text-transform:uppercase;
  letter-spacing:2px;
  color:#999;
  margin-bottom:.5em;
  font-weight:400;
}

.nav-hdg-3 {
  font-size:13px;
  font-size:0.8125rem;
  color:#e6e6e6;
  font-weight:400;
  margin-bottom:.5em;
}

.hdg-margin {
  margin:1.25em 1em 1em 1em;
}

.nav-group a {
  color:#ccc;
  font-size:14px;
  font-size:0.875rem;
}

.nav-group a:hover,
.nav-group a:active,
.nav-group a:focus {
  color:#fff;
  text-decoration:none;
}

.nav-group-left {
  float:left;
}

.nav-group-right {
  float:right;
  width:50%;
}

.full-width-links {
  margin-bottom:0;
}

.full-width-links li a {
  width:85%;
  padding-left:26px;
  margin:.5em 0;
  display:block;
}

.full-width-links .has-icon {
  background-position:0 48%;
}

.full-width-links .ico-nav-delete {
  background-position-x:2px;
}

.align-right {
  text-align:right;
}

.nav-mobile-list li {
  border-top:1px solid #404040;
}

.nav-mobile-list li:first-child {
  border-top:none;
}

.nav-mobile-list li a {
  padding:1em 1em 1em 3em;
  margin:0;
  display:block;
  color:#ccc;
  font-size:14px;
  font-size:0.875rem;
  background-position:.5em .5em;
  position:relative;
  width:80%;
}

.nav-mobile-list li a.account {
  padding-left:1em;
}

.nav-mobile-list li .ico-avatar {
  float:left;
  margin:1px 10px 0 0;
}

.nav-mobile-list li a:hover,
.nav-mobile-list li a:active,
.nav-mobile-list li a:focus {
  color:#fff;
  text-decoration:none;
}

.nav-mobile-list li:last-child {
  border-bottom:1px solid #404040;
}

.nav-mobile-list .has-icon {
  background-position:15px 1.2em;
}

.nav-mobile-list .ico-nav-integrations {
  background-position:17px 1.3em;
}

.nav-mobile-list .ico-nav-leave {
  background-position-y:1.3em;
}

.nav-mobile-list .ico-nav-delete {
  background-position-x:17px;
}

.nav-mobile-list .ico-nav-next-arrow {
  position:absolute;
  right:4px;
  top:18px;
}

.views-group {
  padding-bottom:1em;
}

.views-list {
  margin-bottom:0;
}

.views-list a {
  display:block;
  float:left;
  margin-right:15px;
  font-size:12px;
  font-size:0.75rem;
  color:#999;
  text-align:center;
}

.icon-wrapper {
  background-color:#333;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  -ms-border-radius:3px;
  -o-border-radius:3px;
  border-radius:3px;
  display:block;
  width:28px;
  height:28px;
  margin:0 auto 5px auto;
}

.icon-wrapper:hover {
  background-color:#e6e6e6;
}

.ico-hover-view-html {
  width:19px;
}

.icon-wrapper .is-icon {
  margin:0 auto;
  background-position:center -95px;
  width:28px;
  height:28px;
}

.icon-wrapper:hover .is-icon {
  background-position-y:6px;
}

.icon-wrapper .ico-hover-view-editor {
  background-position:center -94px;
}

.icon-wrapper .ico-hover-view-html {
  background-position:center -94px;
}

.ico-back-arrow {
  position:relative;
  margin:0;
  display:block;
  background-position:1em center;
}

.selected .icon-wrapper {
  background-color:#e6e6e6;
}

.selected .icon-wrapper .is-icon {
  background-position-y:6px;
}

.selected .icon-wrapper .ico-hover-view-preview,
.icon-wrapper:hover .ico-hover-view-preview {
  background-position-y:5px;
}

.integrations-list li a {
  margin:.5em 0;
}

.export-list li label {
  padding:1em 1em 1em 1em;
  color:#e6e6e6;
  display:block;
  font-size:14px;
  font-size:0.875rem;
}

.export-list input {
  position:absolute;
  left:10000em;
}

.export-list li label span {
  color:#999;
}

.menu-panel .unread .ico-hover-activity {
  background-position-y:-285px;
}

.menu-panel .unread .ico-hover-discuss {
  background-position-y:-284px;
}

.cheat-sheet {
  font-size:13px;
  font-size:0.8125rem;
  color:#999;
  margin-top:1em;
}

.cheat-sheet code {
  color:#3d9ecf;
  font-family:"jaf-facitweb","Lucida Grande","Lucida Sans",Arial,sans-serif;
}

.cheat-sheet .mono {
  font-family:Menlo,Consolas,Inconsolata,"Lucida Console",Monaco,Courier,monospace;
}

.cheat-sheet-bold {
  margin-left:1em;
}

.code-block {
  margin-top:6px;
}

.format-more {
  margin-top:4px;
}

.format-more a {
  font-size:12px;
  font-size:0.75rem;
}

@media screen and (min-width:50em) {
  .nav-group {
    border-top:1px solid #404040;
    padding:1.25em 1.5em;
  }
  .nav-group-no-border {
    padding:1em 1.5em;
  }
  .nav-desktop {
    display:block;
  }
  .nav-mobile {
    display:none;
  }
  .export-list li {
    -webkit-border-radius:0;
    -moz-border-radius:0;
    -ms-border-radius:0;
    -o-border-radius:0;
    border-radius:0;
    background-color:transparent;
  }
  .export-list li label {
    display:inline-block;
    font-size:13px;
    font-size:0.8125rem;
    margin-bottom:.6em;
    margin-right:.2em;
    background-color:#333;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    -ms-border-radius:3px;
    -o-border-radius:3px;
    border-radius:3px;
    padding:.2em .4em;
  }
  .export-list li label:hover {
    background-color:#4d4d4d;
    cursor:pointer;
  }
  .export-list li label:hover span {
    color:#b3b3b3;
  }
  .ed-outer.ed-menu-open .doc-label {
    margin-left:25px;
    left:auto;
  }
}

@media screen and (min-width:83em) {
  .ed-outer.ed-menu-open .doc-label {
    margin-left:-20px;
    left:auto;
  }
}

.no-border {
  border-top:none;
}

.mobile-none {
  display:none;
}

@media screen and (min-width:50em) {
  .mobile-none {
    display:block;
  }
  .desktop-none {
    display:none;
  }
}

.ed-outer.ed-menu-open .versions-pane {
  left:280px;
}

@media screen and (min-width:50em) {
  .ed-outer.ed-menu-open .versions-pane {
    left:0;
  }
}

.dash-hamburger {
  float:left;
  margin:1.05em 1em 1em;
}

@media screen and (min-width:50em) {
  .dash-hamburger {
    display:none;
  }
}

.archived-links {
  display:none;
}

@media screen and (min-width:50em) {
  .archived-links {
    display:block;
  }
}

.archived-links {
  border-top:1px solid #ccc;
  padding-top:20px;
  color:#999;
}

.archived-links a {
  color:#4d4d4d;
  font-size:14px;
  font-size:0.875rem;
}

.archive-small-link a:hover {
  background:#333;
  background:rgba(255,255,255,0.05);
  color:#CCC;
  text-decoration:none;
}

@media screen and (min-width:35em) {
  .archive-small-link {
    display:none;
  }
}

.people {
  display:inline-block;
}

.ed-nav .menu-spaces {
  position:relative;
  padding:0;
}

.menu-projects {
  display:inline-block;
  margin-right:1em;
  position:relative;
}