Boostnote/browser/styles/main/index.css

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
  color: #000;
  background: #fff;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
a img {
  border: none;
}
.btn-primary,
.btn-default {
  border-style: solid;
  border-width: 1px;
  background-image: none;
  height: 44px;
  padding: 0 15px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 1em;
  font-family: 'Lato';
  font-weight: 400;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
  cursor: pointer;
  margin: 0 5px;
}
.btn-block {
  display: block;
  width: 100%;
  margin: 0 auto;
}
.btn-square {
  display: inline-block;
  width: 44px;
  padding: 0;
  border-width: 1px;
}
.btn-sm {
  height: 32px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
}
.btn-sm.btn-square {
  width: 32px;
}
.btn-primary {
  border-color: #3fb399;
  background-color: transparent;
  color: #2bac8f;
}
.btn-primary:hover,
.btn-primary.hover,
.btn-primary:focus,
.btn-primary.focus {
  border-color: #2c7d6b;
  color: #1e7864;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #2bac8f;
  color: #fff;
}
.btn-default {
  border-color: #898989;
  background-color: transparent;
  color: #898989;
}
.btn-default:hover,
.btn-default.hover,
.btn-default:focus,
.btn-default.focus {
  border-color: #454545;
  color: #454545;
}
.btn-default:active,
.btn-default.active {
  border-color: #39a18a;
  background-color: #2bac8f;
  color: #fff;
}
.ModalBase {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 1000;
}
.ModalBase.hide {
  display: none;
}
.ModalBase .modalBack {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: rgba(255,255,255,0.65);
  z-index: 1001;
}
.ModalBase .modal {
  position: relative;
  width: 650px;
  margin: 50px auto 0;
  z-index: 1002;
  -webkit-box-shadow: 0 0 5px 0 #888;
  box-shadow: 0 0 5px 0 #888;
  background-color: #fff;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 15px;
}
.ModalBase .modal .modal-header {
  border-bottom: solid 1px #d0d0d0;
  margin-bottom: 10px;
}
.ModalBase .modal .modal-header h1 {
  padding: 10px 0 15px;
  font-size: 1.5em;
}
.ModalBase .modal .modal-body p {
  margin-bottom: 10px;
}
.ModalBase .modal .modal-footer {
  zoom: 1;
  border-top: solid 1px #d0d0d0;
  padding-top: 10px;
}
.ModalBase .modal .modal-footer:before,
.ModalBase .modal .modal-footer:after {
  content: "";
  display: table;
}
.ModalBase .modal .modal-footer:after {
  clear: both;
}
.ModalBase .modal .modal-footer .modal-control {
  float: right;
}
.ModalBase .sideNavModal {
  height: 500px;
}
.ModalBase .sideNavModal .leftPane {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 175px;
  padding: 20px;
  border-right: solid 1px #d0d0d0;
}
.ModalBase .sideNavModal .leftPane .modalLabel {
  font-size: 1.5em;
  margin-top: 25px;
  margin-bottom: 35px;
  color: #2bac8f;
}
.ModalBase .sideNavModal .leftPane .tabList button {
  border: none;
  background-color: transparent;
  color: #898989;
  display: block;
  width: 100%;
  font-size: 1.1em;
  padding: 10px 5px;
  margin-bottom: 15px;
  text-align: left;
}
.ModalBase .sideNavModal .leftPane .tabList button:hover,
.ModalBase .sideNavModal .leftPane .tabList button.hover,
.ModalBase .sideNavModal .leftPane .tabList button:focus,
.ModalBase .sideNavModal .leftPane .tabList button.focus {
  color: #454545;
}
.ModalBase .sideNavModal .leftPane .tabList button:active,
.ModalBase .sideNavModal .leftPane .tabList button.active {
  color: #2bac8f;
}
.ModalBase .sideNavModal .rightPane {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 175px;
  padding: 15px;
  overflow-y: auto;
}
.ModalBase .sideNavModal .tab {
  padding-top: 45px;
}
.ModalBase .sideNavModal .tab .formField {
  position: relative;
  zoom: 1;
  margin-bottom: 15px;
}
.ModalBase .sideNavModal .tab .formField:before,
.ModalBase .sideNavModal .tab .formField:after {
  content: "";
  display: table;
}
.ModalBase .sideNavModal .tab .formField:after {
  clear: both;
}
.ModalBase .sideNavModal .tab .formField label {
  width: 30%;
  display: block;
  line-height: 33px;
  float: left;
}
.ModalBase .sideNavModal .tab .formField input {
  width: 70%;
  display: block;
  border: solid 1px #d0d0d0;
  padding: 5px 15px;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
  height: 33px;
  font-size: 1em;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  float: left;
}
.ModalBase .sideNavModal .tab .formField input:focus,
.ModalBase .sideNavModal .tab .formField input.focus {
  border-color: #3fb399;
  outline: none;
}
.ModalBase .sideNavModal .tab .formRadioField {
  margin-bottom: 15px;
}
.ModalBase .sideNavModal .tab .formRadioField input {
  margin-left: 25px;
}
.ModalBase .sideNavModal .tab .formConfirm {
  position: relative;
  zoom: 1;
  margin-bottom: 15px;
}
.ModalBase .sideNavModal .tab .formConfirm:before,
.ModalBase .sideNavModal .tab .formConfirm:after {
  content: "";
  display: table;
}
.ModalBase .sideNavModal .tab .formConfirm:after {
  clear: both;
}
.ModalBase .sideNavModal .tab .formConfirm button {
  float: right;
  border-style: solid;
  border-width: 1px;
  border-color: #898989;
  background-color: transparent;
  color: #898989;
  padding: 10px 15px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 1em;
  margin-left: 5px;
}
.ModalBase .sideNavModal .tab .formConfirm button:hover,
.ModalBase .sideNavModal .tab .formConfirm button.hover,
.ModalBase .sideNavModal .tab .formConfirm button:focus,
.ModalBase .sideNavModal .tab .formConfirm button.focus {
  border-color: #454545;
  color: #454545;
}
.ModalBase .sideNavModal .tab .formConfirm button:active,
.ModalBase .sideNavModal .tab .formConfirm button.active {
  border-color: #39a18a;
  background-color: #2bac8f;
  color: #fff;
}
.ModalBase .sideNavModal .tab .formConfirm button:disabled,
.ModalBase .sideNavModal .tab .formConfirm button.disabled {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.ModalBase .sideNavModal .tab .formConfirm .alertInfo,
.ModalBase .sideNavModal .tab .formConfirm .alertSuccess,
.ModalBase .sideNavModal .tab .formConfirm .alertError {
  float: right;
  padding: 12px 10px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 320px;
  font-size: 1em;
  overflow-x: hidden;
  white-space: nowrap;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
}
.ModalBase .sideNavModal .tab .formConfirm .alertInfo.hide,
.ModalBase .sideNavModal .tab .formConfirm .alertSuccess.hide,
.ModalBase .sideNavModal .tab .formConfirm .alertError.hide {
  width: 0;
  padding: 12px 0;
}
.ModalBase .sideNavModal .tab .formConfirm .alertInfo {
  background-color: #d9edf7;
  color: #34708e;
}
.ModalBase .sideNavModal .tab .formConfirm .alertSuccess {
  background-color: #e0f0d9;
  color: #3e753f;
}
.ModalBase .sideNavModal .tab .formConfirm .alertError {
  background-color: #f2dede;
  color: #a64444;
}
.ModalBase .PreferencesModal .settingsTab .categoryLabel {
  font-size: 1.5em;
  margin-bottom: 25px;
}
.ModalBase .PreferencesModal .settingsTab .example hr {
  border-top: none;
  border-bottom: solid 1px #d0d0d0;
  margin: 15px 0;
}
.ModalBase .PreferencesModal .settingsTab .example h1 {
  font-size: 2em;
  border-bottom: solid 2px #d0d0d0;
  margin: 0.33em auto 0.67em;
}
.ModalBase .PreferencesModal .settingsTab .example h2 {
  font-size: 1.5em;
  margin: 0.42em auto 0.83em;
}
.ModalBase .PreferencesModal .settingsTab .example h3 {
  font-size: 1.17em;
  margin: 0.5em auto 1em;
}
.ModalBase .PreferencesModal .settingsTab .example h4 {
  font-size: 1em;
  margin: 0.67em auto 1.33em;
}
.ModalBase .PreferencesModal .settingsTab .example h5 {
  font-size: 0.83em;
  margin: 0.84em auto 1.67em;
}
.ModalBase .PreferencesModal .settingsTab .example h6 {
  font-size: 0.67em;
  margin: 1.16em auto 2.33em;
}
.ModalBase .PreferencesModal .settingsTab .example h1,
.ModalBase .PreferencesModal .settingsTab .example h2,
.ModalBase .PreferencesModal .settingsTab .example h3,
.ModalBase .PreferencesModal .settingsTab .example h4,
.ModalBase .PreferencesModal .settingsTab .example h5,
.ModalBase .PreferencesModal .settingsTab .example h6 {
  font-weight: 700;
  line-height: 1.8em;
}
.ModalBase .PreferencesModal .settingsTab .example p {
  line-height: 1.8em;
  margin: 15px 0 25px;
}
.ModalBase .PreferencesModal .settingsTab .example img {
  max-width: 100%;
}
.ModalBase .PreferencesModal .settingsTab .example strong {
  font-weight: bold;
}
.ModalBase .PreferencesModal .settingsTab .example em {
  font-style: italic;
}
.ModalBase .PreferencesModal .settingsTab .example s {
  text-decoration: line-through;
}
.ModalBase .PreferencesModal .settingsTab .example blockquote {
  border-left: solid 4px #3fb399;
  margin: 15px 0 25px;
  padding: 0 25px;
}
.ModalBase .PreferencesModal .settingsTab .example ul {
  list-style-type: disc;
  padding-left: 35px;
  margin-bottom: 35px;
}
.ModalBase .PreferencesModal .settingsTab .example ul li {
  display: list-item;
  margin: 15px 0;
}
.ModalBase .PreferencesModal .settingsTab .example ul>li>ul {
  list-style-type: circle;
}
.ModalBase .PreferencesModal .settingsTab .example ul>li>ul>li>ul {
  list-style-type: square;
}
.ModalBase .PreferencesModal .settingsTab .example ol {
  list-style-type: decimal;
  padding-left: 35px;
  margin-bottom: 35px;
}
.ModalBase .PreferencesModal .settingsTab .example ol li {
  display: list-item;
  margin: 15px 0;
}
.ModalBase .PreferencesModal .settingsTab .example code {
  font-family: monospace;
  padding: 2px 4px;
  border: solid 1px #d0d0d0;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 0.9em;
  color: #000;
  text-decoration: none;
  background-color: #f6f6f6;
}
.ModalBase .PreferencesModal .settingsTab .example pre {
  padding: 5px;
  border: solid 1px #d0d0d0;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow-x: auto;
  margin: 15px 0 25px;
  background-color: #f6f6f6;
}
.ModalBase .PreferencesModal .settingsTab .example pre>code {
  padding: 0;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #000;
}
.ModalBase .PreferencesModal .settingsTab .example table {
  width: 100%;
  margin: 15px 0 25px;
}
.ModalBase .PreferencesModal .settingsTab .example table thead tr {
  background-color: #fff;
}
.ModalBase .PreferencesModal .settingsTab .example table thead th {
  border-style: solid;
  padding: 15px 5px;
  border-width: 1px 0 2px 1px;
  border-color: #d0d0d0;
}
.ModalBase .PreferencesModal .settingsTab .example table thead th:last-child {
  border-right: solid 1px #d0d0d0;
}
.ModalBase .PreferencesModal .settingsTab .example table tbody tr:nth-child(2n + 1) {
  background-color: #f9f9f9;
}
.ModalBase .PreferencesModal .settingsTab .example table tbody tr:nth-child(2n) {
  background-color: #fff;
}
.ModalBase .PreferencesModal .settingsTab .example table tbody td {
  border-style: solid;
  padding: 15px 5px;
  border-width: 0 0 1px 1px;
  border-color: #d0d0d0;
}
.ModalBase .PreferencesModal .settingsTab .example table tbody td:last-child {
  border-right: solid 1px #d0d0d0;
}
.ModalBase .PreferencesModal .aboutTab {
  padding-top: 30px;
}
.ModalBase .PreferencesModal .aboutTab .about1 {
  margin-bottom: 25px;
}
.ModalBase .PreferencesModal .aboutTab .about1 .logo {
  display: block;
  margin: 0 auto;
}
.ModalBase .PreferencesModal .aboutTab .about1 .appInfo {
  font-size: 1.5em;
  text-align: center;
}
.ModalBase .PreferencesModal .aboutTab .about2 {
  width: 200px;
  margin: 0 auto;
}
.ModalBase .PreferencesModal .aboutTab .about2 .externalLabel {
  font-size: 1.2em;
  margin-bottom: 15px;
}
.ModalBase .PreferencesModal .aboutTab .about2 .externalList li {
  margin-bottom: 15px;
}
.ModalBase .PlanetSettingModal .planetDeleteTab {
  padding-top: 65px;
}
.ModalBase .PlanetSettingModal .planetDeleteTab p {
  margin-bottom: 25px;
}
.ModalBase .PlanetSettingModal .planetDeleteTab p strong {
  color: #2bac8f;
  font-size: 1.1em;
}
.ModalBase .PlanetSettingModal .planetDeleteTab input {
  border: solid 1px #d0d0d0;
  padding: 5px 15px;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
  margin-right: 5px;
  height: 33px;
  font-size: 1em;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
.ModalBase .PlanetSettingModal .planetDeleteTab input:focus,
.ModalBase .PlanetSettingModal .planetDeleteTab input.focus {
  border-color: #3fb399;
  outline: none;
}
.ModalBase .PlanetSettingModal .planetDeleteTab .formConfirm {
  position: relative;
  zoom: 1;
  margin-bottom: 15px;
}
.ModalBase .PlanetSettingModal .planetDeleteTab .formConfirm:before,
.ModalBase .PlanetSettingModal .planetDeleteTab .formConfirm:after {
  content: "";
  display: table;
}
.ModalBase .PlanetSettingModal .planetDeleteTab .formConfirm:after {
  clear: both;
}
.ModalBase .PlanetSettingModal .planetDeleteTab .formConfirm button {
  float: right;
  border-style: solid;
  border-width: 1px;
  border-color: #898989;
  background-color: transparent;
  color: #898989;
  padding: 10px 15px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 1em;
  margin-left: 5px;
}
.ModalBase .PlanetSettingModal .planetDeleteTab .formConfirm button:hover,
.ModalBase .PlanetSettingModal .planetDeleteTab .formConfirm button.hover,
.ModalBase .PlanetSettingModal .planetDeleteTab .formConfirm button:focus,
.ModalBase .PlanetSettingModal .planetDeleteTab .formConfirm button.focus {
  border-color: #454545;
  color: #454545;
}
.ModalBase .PlanetSettingModal .planetDeleteTab .formConfirm button:active,
.ModalBase .PlanetSettingModal .planetDeleteTab .formConfirm button.active {
  border-color: #39a18a;
  background-color: #2bac8f;
  color: #fff;
}
.ModalBase .PlanetSettingModal .planetDeleteTab .formConfirm button:disabled,
.ModalBase .PlanetSettingModal .planetDeleteTab .formConfirm button.disabled {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.ModalBase .PlanetSettingModal .planetDeleteTab .formConfirm .alertInfo,
.ModalBase .PlanetSettingModal .planetDeleteTab .formConfirm .alertSuccess,
.ModalBase .PlanetSettingModal .planetDeleteTab .formConfirm .alertError {
  float: right;
  padding: 12px 10px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width: 320px;
  font-size: 1em;
  overflow-x: hidden;
  white-space: nowrap;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
}
.ModalBase .PlanetSettingModal .planetDeleteTab .formConfirm .alertInfo.hide,
.ModalBase .PlanetSettingModal .planetDeleteTab .formConfirm .alertSuccess.hide,
.ModalBase .PlanetSettingModal .planetDeleteTab .formConfirm .alertError.hide {
  width: 0;
  padding: 12px 0;
}
.ModalBase .PlanetSettingModal .planetDeleteTab .formConfirm .alertInfo {
  background-color: #d9edf7;
  color: #34708e;
}
.ModalBase .PlanetSettingModal .planetDeleteTab .formConfirm .alertSuccess {
  background-color: #e0f0d9;
  color: #3e753f;
}
.ModalBase .PlanetSettingModal .planetDeleteTab .formConfirm .alertError {
  background-color: #f2dede;
  color: #a64444;
}
.ModalBase .TeamSettingsModal .membersTab .memberTable {
  width: 100%;
  margin-bottom: 25px;
}
.ModalBase .TeamSettingsModal .membersTab .memberTable th {
  border-bottom: solid 2px #d0d0d0;
}
.ModalBase .TeamSettingsModal .membersTab .memberTable td {
  border-bottom: solid 1px #d0d0d0;
  height: 38px;
}
.ModalBase .TeamSettingsModal .membersTab .memberTable td button {
  border-style: solid;
  border-width: 1px;
  border-color: #898989;
  background-color: transparent;
  color: #898989;
  padding: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.ModalBase .TeamSettingsModal .membersTab .memberTable td button:hover,
.ModalBase .TeamSettingsModal .membersTab .memberTable td button.hover,
.ModalBase .TeamSettingsModal .membersTab .memberTable td button:focus,
.ModalBase .TeamSettingsModal .membersTab .memberTable td button.focus {
  border-color: #454545;
  color: #454545;
}
.ModalBase .TeamSettingsModal .membersTab .memberTable td button:active,
.ModalBase .TeamSettingsModal .membersTab .memberTable td button.active {
  border-color: #39a18a;
  background-color: #2bac8f;
  color: #fff;
}
.ModalBase .TeamSettingsModal .membersTab .memberTable td button:disabled,
.ModalBase .TeamSettingsModal .membersTab .memberTable td button.disabled {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.ModalBase .TeamSettingsModal .membersTab .memberTable td .roleSelect {
  height: 33px;
  border: solid 1px #d0d0d0;
  background-color: #fff;
}
.ModalBase .TeamSettingsModal .membersTab .memberTable th,
.ModalBase .TeamSettingsModal .membersTab .memberTable td {
  padding: 5px 0;
}
.ModalBase .TeamSettingsModal .membersTab .addMemberForm .formLabel {
  margin-bottom: 5px;
}
.ModalBase .TeamSettingsModal .membersTab .addMemberForm .formGroup {
  zoom: 1;
}
.ModalBase .TeamSettingsModal .membersTab .addMemberForm .formGroup:before,
.ModalBase .TeamSettingsModal .membersTab .addMemberForm .formGroup:after {
  content: "";
  display: table;
}
.ModalBase .TeamSettingsModal .membersTab .addMemberForm .formGroup:after {
  clear: both;
}
.ModalBase .TeamSettingsModal .membersTab .addMemberForm .formGroup .userNameSelect {
  display: block;
  width: 200px;
  margin-right: 5px;
  float: left;
}
.ModalBase .TeamSettingsModal .membersTab .addMemberForm .formGroup .roleSelect {
  display: block;
  height: 33px;
  border: solid 1px #d0d0d0;
  background-color: #fff;
  float: left;
  margin-right: 5px;
}
.ModalBase .TeamSettingsModal .membersTab .addMemberForm .formGroup .confirmButton {
  display: block;
  height: 33px;
  border-style: solid;
  border-width: 1px;
  border-color: #898989;
  background-color: transparent;
  color: #898989;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  float: left;
}
.ModalBase .TeamSettingsModal .membersTab .addMemberForm .formGroup .confirmButton:hover,
.ModalBase .TeamSettingsModal .membersTab .addMemberForm .formGroup .confirmButton.hover,
.ModalBase .TeamSettingsModal .membersTab .addMemberForm .formGroup .confirmButton:focus,
.ModalBase .TeamSettingsModal .membersTab .addMemberForm .formGroup .confirmButton.focus {
  border-color: #454545;
  color: #454545;
}
.ModalBase .TeamSettingsModal .membersTab .addMemberForm .formGroup .confirmButton:active,
.ModalBase .TeamSettingsModal .membersTab .addMemberForm .formGroup .confirmButton.active {
  border-color: #39a18a;
  background-color: #2bac8f;
  color: #fff;
}
.ModalBase .TeamSettingsModal .membersTab .addMemberForm .formGroup .confirmButton:disabled,
.ModalBase .TeamSettingsModal .membersTab .addMemberForm .formGroup .confirmButton.disabled {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.ModalBase .LaunchModal .modal-tab {
  text-align: center;
  margin-bottom: 10px;
}
.ModalBase .LaunchModal .modal-tab .btn-primary,
.ModalBase .LaunchModal .modal-tab .btn-default {
  margin: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 1px;
  width: 150px;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.ModalBase .LaunchModal .modal-tab .btn-primary:nth-child(1),
.ModalBase .LaunchModal .modal-tab .btn-default:nth-child(1) {
  border-right: solid 1px #d0d0d0;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.ModalBase .LaunchModal .modal-tab .btn-primary:nth-child(2),
.ModalBase .LaunchModal .modal-tab .btn-default:nth-child(2) {
  border-left: none;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.ModalBase .Select .Select-control {
  border-color: #d0d0d0;
}
.ModalBase .Select.is-focused .Select-control {
  border-color: #3fb399;
}
.ModalBase .Select .Select-menu-outer {
  border-color: #d0d0d0;
}
.ModalBase .ace_editor {
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: solid 1px #d0d0d0;
}
.ModalBase .CodeForm .form-group,
.ModalBase .NoteForm .form-group {
  margin-bottom: 10px;
}
.ModalBase .CodeForm textarea.codeDescription {
  height: 75px;
  font-size: 0.9em;
  margin-bottom: 10px;
}
.ModalBase .CodeForm .modeSelect.Select {
  display: inline-block;
  width: 200px;
  height: 37px;
}
.ModalBase .CodeForm .modeSelect.Select .Select-control {
  height: 37px;
}
.ModalBase .CodeForm .ace_editor {
  height: 258px;
}
.ModalBase .NoteForm .ace_editor {
  height: 358px;
}
.ModalBase .NoteForm .previewMode {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 0.8em;
  line-height: 24px;
  padding: 5 15px;
  background-color: rgba(0,0,0,0.2);
  color: #fff;
  border-top-right-radius: 5px;
}
.ModalBase .marked {
  height: 360px;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  border: solid 1px #d0d0d0;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.ModalBase .marked hr {
  border-top: none;
  border-bottom: solid 1px #d0d0d0;
  margin: 15px 0;
}
.ModalBase .marked h1 {
  font-size: 2em;
  border-bottom: solid 2px #d0d0d0;
  margin: 0.33em auto 0.67em;
}
.ModalBase .marked h2 {
  font-size: 1.5em;
  margin: 0.42em auto 0.83em;
}
.ModalBase .marked h3 {
  font-size: 1.17em;
  margin: 0.5em auto 1em;
}
.ModalBase .marked h4 {
  font-size: 1em;
  margin: 0.67em auto 1.33em;
}
.ModalBase .marked h5 {
  font-size: 0.83em;
  margin: 0.84em auto 1.67em;
}
.ModalBase .marked h6 {
  font-size: 0.67em;
  margin: 1.16em auto 2.33em;
}
.ModalBase .marked h1,
.ModalBase .marked h2,
.ModalBase .marked h3,
.ModalBase .marked h4,
.ModalBase .marked h5,
.ModalBase .marked h6 {
  font-weight: 700;
  line-height: 1.8em;
}
.ModalBase .marked p {
  line-height: 1.8em;
  margin: 15px 0 25px;
}
.ModalBase .marked img {
  max-width: 100%;
}
.ModalBase .marked strong {
  font-weight: bold;
}
.ModalBase .marked em {
  font-style: italic;
}
.ModalBase .marked s {
  text-decoration: line-through;
}
.ModalBase .marked blockquote {
  border-left: solid 4px #3fb399;
  margin: 15px 0 25px;
  padding: 0 25px;
}
.ModalBase .marked ul {
  list-style-type: disc;
  padding-left: 35px;
  margin-bottom: 35px;
}
.ModalBase .marked ul li {
  display: list-item;
  margin: 15px 0;
}
.ModalBase .marked ul>li>ul {
  list-style-type: circle;
}
.ModalBase .marked ul>li>ul>li>ul {
  list-style-type: square;
}
.ModalBase .marked ol {
  list-style-type: decimal;
  padding-left: 35px;
  margin-bottom: 35px;
}
.ModalBase .marked ol li {
  display: list-item;
  margin: 15px 0;
}
.ModalBase .marked code {
  font-family: monospace;
  padding: 2px 4px;
  border: solid 1px #d0d0d0;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 0.9em;
  color: #000;
  text-decoration: none;
  background-color: #f6f6f6;
}
.ModalBase .marked pre {
  padding: 5px;
  border: solid 1px #d0d0d0;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow-x: auto;
  margin: 15px 0 25px;
  background-color: #f6f6f6;
}
.ModalBase .marked pre>code {
  padding: 0;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #000;
}
.ModalBase .marked table {
  width: 100%;
  margin: 15px 0 25px;
}
.ModalBase .marked table thead tr {
  background-color: #fff;
}
.ModalBase .marked table thead th {
  border-style: solid;
  padding: 15px 5px;
  border-width: 1px 0 2px 1px;
  border-color: #d0d0d0;
}
.ModalBase .marked table thead th:last-child {
  border-right: solid 1px #d0d0d0;
}
.ModalBase .marked table tbody tr:nth-child(2n + 1) {
  background-color: #f9f9f9;
}
.ModalBase .marked table tbody tr:nth-child(2n) {
  background-color: #fff;
}
.ModalBase .marked table tbody td {
  border-style: solid;
  padding: 15px 5px;
  border-width: 0 0 1px 1px;
  border-color: #d0d0d0;
}
.ModalBase .marked table tbody td:last-child {
  border-right: solid 1px #d0d0d0;
}
.ModalBase .PlanetCreateModal.modal,
.ModalBase .TeamCreateModal.modal,
.ModalBase .AddMemberModal.modal {
  padding: 60px 0;
}
.ModalBase .PlanetCreateModal.modal .nameInput,
.ModalBase .TeamCreateModal.modal .nameInput,
.ModalBase .AddMemberModal.modal .nameInput {
  width: 80%;
  font-size: 1.3em;
  margin: 25px auto 15px;
  text-align: center;
}
.ModalBase .PlanetCreateModal.modal .userNameSelect,
.ModalBase .TeamCreateModal.modal .userNameSelect,
.ModalBase .AddMemberModal.modal .userNameSelect {
  width: 80%;
  font-size: 1.3em;
  margin: 35px auto;
  text-align: center;
}
.ModalBase .PlanetCreateModal.modal .formField,
.ModalBase .TeamCreateModal.modal .formField,
.ModalBase .AddMemberModal.modal .formField {
  text-align: center;
  margin: 0 auto 25px;
}
.ModalBase .PlanetCreateModal.modal .formField select,
.ModalBase .TeamCreateModal.modal .formField select,
.ModalBase .AddMemberModal.modal .formField select {
  display: inline-block;
  width: 150px;
  height: 33px;
  border: solid 1px #d0d0d0;
  background-color: #fff;
  padding: 0 10px;
  margin: 0 15px;
}
.ModalBase .PlanetCreateModal.modal .submitButton,
.ModalBase .TeamCreateModal.modal .submitButton,
.ModalBase .AddMemberModal.modal .submitButton {
  display: block;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 55px;
  height: 55px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  border-style: solid;
  border-width: 1px;
  border-color: #3fb399;
  background-color: transparent;
  color: #2bac8f;
}
.ModalBase .PlanetCreateModal.modal .submitButton:hover,
.ModalBase .TeamCreateModal.modal .submitButton:hover,
.ModalBase .AddMemberModal.modal .submitButton:hover,
.ModalBase .PlanetCreateModal.modal .submitButton.hover,
.ModalBase .TeamCreateModal.modal .submitButton.hover,
.ModalBase .AddMemberModal.modal .submitButton.hover,
.ModalBase .PlanetCreateModal.modal .submitButton:focus,
.ModalBase .TeamCreateModal.modal .submitButton:focus,
.ModalBase .AddMemberModal.modal .submitButton:focus,
.ModalBase .PlanetCreateModal.modal .submitButton.focus,
.ModalBase .TeamCreateModal.modal .submitButton.focus,
.ModalBase .AddMemberModal.modal .submitButton.focus {
  border-color: #2c7d6b;
  color: #1e7864;
}
.ModalBase .PlanetCreateModal.modal .submitButton:active,
.ModalBase .TeamCreateModal.modal .submitButton:active,
.ModalBase .AddMemberModal.modal .submitButton:active,
.ModalBase .PlanetCreateModal.modal .submitButton.active,
.ModalBase .TeamCreateModal.modal .submitButton.active,
.ModalBase .AddMemberModal.modal .submitButton.active {
  background-color: #2bac8f;
  color: #fff;
}
.ModalBase .PlanetCreateModal.modal .submitButton:disabled,
.ModalBase .TeamCreateModal.modal .submitButton:disabled,
.ModalBase .AddMemberModal.modal .submitButton:disabled,
.ModalBase .PlanetCreateModal.modal .submitButton.disabled,
.ModalBase .TeamCreateModal.modal .submitButton.disabled,
.ModalBase .AddMemberModal.modal .submitButton.disabled {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.ModalBase .PlanetCreateModal.modal .errorAlert,
.ModalBase .TeamCreateModal.modal .errorAlert,
.ModalBase .AddMemberModal.modal .errorAlert {
  background-color: #f2dede;
  color: #a64444;
  padding: 12px 10px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  display: block;
  width: 360px;
  margin: 0 auto 15px;
}
.ModalBase .ContactModal {
  padding: 15px;
}
.ModalBase .ContactModal .contactForm .formField {
  width: 100%;
  margin-bottom: 10px;
}
.ModalBase .ContactModal .contactForm .formField input,
.ModalBase .ContactModal .contactForm .formField textarea {
  display: block;
  width: 100%;
  border: solid 1px #d0d0d0;
  padding: 5px 15px;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.ModalBase .ContactModal .contactForm .formField input:focus,
.ModalBase .ContactModal .contactForm .formField textarea:focus,
.ModalBase .ContactModal .contactForm .formField input.focus,
.ModalBase .ContactModal .contactForm .formField textarea.focus {
  border-color: #3fb399;
  outline: none;
}
.ModalBase .ContactModal .contactForm .formField input {
  height: 33px;
  font-size: 1em;
}
.ModalBase .ContactModal .contactForm .formField textarea {
  height: 175px;
  font-size: 1em;
}
.ModalBase .ContactModal .contactForm .formControl {
  zoom: 1;
}
.ModalBase .ContactModal .contactForm .formControl:before,
.ModalBase .ContactModal .contactForm .formControl:after {
  content: "";
  display: table;
}
.ModalBase .ContactModal .contactForm .formControl:after {
  clear: both;
}
.ModalBase .ContactModal .contactForm .formControl button {
  float: right;
  border-style: solid;
  border-width: 1px;
  border-color: #898989;
  background-color: transparent;
  color: #898989;
  height: 44px;
  padding: 0 15px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-left: 5px;
  font-size: 1em;
}
.ModalBase .ContactModal .contactForm .formControl button:hover,
.ModalBase .ContactModal .contactForm .formControl button.hover,
.ModalBase .ContactModal .contactForm .formControl button:focus,
.ModalBase .ContactModal .contactForm .formControl button.focus {
  border-color: #454545;
  color: #454545;
}
.ModalBase .ContactModal .contactForm .formControl button:active,
.ModalBase .ContactModal .contactForm .formControl button.active {
  border-color: #39a18a;
  background-color: #2bac8f;
  color: #fff;
}
.ModalBase .ContactModal .contactForm .formControl button:disabled,
.ModalBase .ContactModal .contactForm .formControl button.disabled {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.ModalBase .ContactModal .contactForm .formControl button.sendButton {
  border-style: solid;
  border-width: 1px;
  border-color: #3fb399;
  background-color: transparent;
  color: #2bac8f;
}
.ModalBase .ContactModal .contactForm .formControl button.sendButton:hover,
.ModalBase .ContactModal .contactForm .formControl button.sendButton.hover,
.ModalBase .ContactModal .contactForm .formControl button.sendButton:focus,
.ModalBase .ContactModal .contactForm .formControl button.sendButton.focus {
  border-color: #2c7d6b;
  color: #1e7864;
}
.ModalBase .ContactModal .contactForm .formControl button.sendButton:active,
.ModalBase .ContactModal .contactForm .formControl button.sendButton.active {
  background-color: #2bac8f;
  color: #fff;
}
.ModalBase .ContactModal .contactForm .formControl button.sendButton:disabled,
.ModalBase .ContactModal .contactForm .formControl button.sendButton.disabled {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.ModalBase .ContactModal .confirmation .confirmationMessage {
  padding: 35px 0;
  text-align: center;
  font-size: 1.1em;
}
.ModalBase .ContactModal .confirmation .doneButton {
  border-style: solid;
  border-width: 1px;
  border-color: #898989;
  background-color: transparent;
  color: #898989;
  height: 44px;
  padding: 0 35px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  display: block;
  margin: 0 auto 25px;
}
.ModalBase .ContactModal .confirmation .doneButton:hover,
.ModalBase .ContactModal .confirmation .doneButton.hover,
.ModalBase .ContactModal .confirmation .doneButton:focus,
.ModalBase .ContactModal .confirmation .doneButton.focus {
  border-color: #454545;
  color: #454545;
}
.ModalBase .ContactModal .confirmation .doneButton:active,
.ModalBase .ContactModal .confirmation .doneButton.active {
  border-color: #39a18a;
  background-color: #2bac8f;
  color: #fff;
}
.ModalBase .ContactModal .confirmation .doneButton:disabled,
.ModalBase .ContactModal .confirmation .doneButton.disabled {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.ModalBase .LogoutModal {
  padding: 65px 0 45px;
  width: 350px;
}
.ModalBase .LogoutModal .messageLabel {
  text-align: center;
  font-size: 1.1em;
  margin-bottom: 35px;
}
.ModalBase .LogoutModal .formControl {
  text-align: center;
}
.ModalBase .LogoutModal .formControl button {
  border-style: solid;
  border-width: 1px;
  border-color: #898989;
  background-color: transparent;
  color: #898989;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  height: 44px;
  margin: 15px 5px;
  padding: 0 15px;
}
.ModalBase .LogoutModal .formControl button:hover,
.ModalBase .LogoutModal .formControl button.hover,
.ModalBase .LogoutModal .formControl button:focus,
.ModalBase .LogoutModal .formControl button.focus {
  border-color: #454545;
  color: #454545;
}
.ModalBase .LogoutModal .formControl button:active,
.ModalBase .LogoutModal .formControl button.active {
  border-color: #39a18a;
  background-color: #2bac8f;
  color: #fff;
}
.ModalBase .LogoutModal .formControl button:disabled,
.ModalBase .LogoutModal .formControl button.disabled {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.ModalBase .LogoutModal .formControl button.logoutButton {
  border-style: solid;
  border-width: 1px;
  border-color: #3fb399;
  background-color: transparent;
  color: #2bac8f;
}
.ModalBase .LogoutModal .formControl button.logoutButton:hover,
.ModalBase .LogoutModal .formControl button.logoutButton.hover,
.ModalBase .LogoutModal .formControl button.logoutButton:focus,
.ModalBase .LogoutModal .formControl button.logoutButton.focus {
  border-color: #2c7d6b;
  color: #1e7864;
}
.ModalBase .LogoutModal .formControl button.logoutButton:active,
.ModalBase .LogoutModal .formControl button.logoutButton.active {
  background-color: #2bac8f;
  color: #fff;
}
.ModalBase .LogoutModal .formControl button.logoutButton:disabled,
.ModalBase .LogoutModal .formControl button.logoutButton.disabled {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.ArticleDetail {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 60px;
  left: 250px;
  padding: 10px;
}
.ArticleDetail * {
  -webkit-user-select: all;
}
.ArticleDetail .detailInfo {
  height: 70px;
  width: 100%;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
  font-size: 12px;
  position: relative;
}
.ArticleDetail .detailInfo .left {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 120px;
}
.ArticleDetail .detailInfo .right {
  position: absolute;
  top: 0;
  right: 0;
}
.ArticleDetail .detailBody {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 70px;
  overflow-x: hidden;
  overflow-y: auto;
}
.ArticleDetail .detailBody .detailPanel {
  position: absolute;
  top: 0;
  left: 10px;
  right: 10px;
  bottom: 10px;
  background-color: #fff;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  border: solid 1px #d0d0d0;
}
.ArticleDetail .detailBody .detailPanel>.header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 15px;
  border-top: solid 1px #d0d0d0;
  overflow-y: auto;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview hr {
  border-top: none;
  border-bottom: solid 1px #d0d0d0;
  margin: 15px 0;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview h1 {
  font-size: 2em;
  border-bottom: solid 2px #d0d0d0;
  margin: 0.33em auto 0.67em;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview h2 {
  font-size: 1.5em;
  margin: 0.42em auto 0.83em;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview h3 {
  font-size: 1.17em;
  margin: 0.5em auto 1em;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview h4 {
  font-size: 1em;
  margin: 0.67em auto 1.33em;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview h5 {
  font-size: 0.83em;
  margin: 0.84em auto 1.67em;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview h6 {
  font-size: 0.67em;
  margin: 1.16em auto 2.33em;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview h1,
.ArticleDetail .detailBody .detailPanel .MarkdownPreview h2,
.ArticleDetail .detailBody .detailPanel .MarkdownPreview h3,
.ArticleDetail .detailBody .detailPanel .MarkdownPreview h4,
.ArticleDetail .detailBody .detailPanel .MarkdownPreview h5,
.ArticleDetail .detailBody .detailPanel .MarkdownPreview h6 {
  font-weight: 700;
  line-height: 1.8em;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview p {
  line-height: 1.8em;
  margin: 15px 0 25px;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview img {
  max-width: 100%;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview strong {
  font-weight: bold;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview em {
  font-style: italic;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview s {
  text-decoration: line-through;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview blockquote {
  border-left: solid 4px #3fb399;
  margin: 15px 0 25px;
  padding: 0 25px;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview ul {
  list-style-type: disc;
  padding-left: 35px;
  margin-bottom: 35px;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview ul li {
  display: list-item;
  margin: 15px 0;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview ul>li>ul {
  list-style-type: circle;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview ul>li>ul>li>ul {
  list-style-type: square;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview ol {
  list-style-type: decimal;
  padding-left: 35px;
  margin-bottom: 35px;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview ol li {
  display: list-item;
  margin: 15px 0;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview code {
  font-family: monospace;
  padding: 2px 4px;
  border: solid 1px #d0d0d0;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 0.9em;
  color: #000;
  text-decoration: none;
  background-color: #f6f6f6;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview pre {
  padding: 5px;
  border: solid 1px #d0d0d0;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow-x: auto;
  margin: 15px 0 25px;
  background-color: #f6f6f6;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview pre>code {
  padding: 0;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #000;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview table {
  width: 100%;
  margin: 15px 0 25px;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview table thead tr {
  background-color: #fff;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview table thead th {
  border-style: solid;
  padding: 15px 5px;
  border-width: 1px 0 2px 1px;
  border-color: #d0d0d0;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview table thead th:last-child {
  border-right: solid 1px #d0d0d0;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview table tbody tr:nth-child(2n + 1) {
  background-color: #f9f9f9;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview table tbody tr:nth-child(2n) {
  background-color: #fff;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview table tbody td {
  border-style: solid;
  padding: 15px 5px;
  border-width: 0 0 1px 1px;
  border-color: #d0d0d0;
}
.ArticleDetail .detailBody .detailPanel .MarkdownPreview table tbody td:last-child {
  border-right: solid 1px #d0d0d0;
}
.ArticleDetail .detailBody .detailPanel .CodeEditor {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 60px;
  border-top: solid 1px #d0d0d0;
  min-height: 300px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.ArticleDetail.edit .detailInfo .left .Select .Select-control {
  border: none;
  background-color: transparent;
}
.ArticleDetail.edit .detailInfo .left .folder.Select {
  width: 150px;
}
.ArticleDetail.edit .detailInfo .left .folder.Select .Select-control:hover {
  background-color: #f2f2f2;
}
.ArticleDetail.edit .detailInfo .left .folder.Select.is-focused .Select-control {
  background-color: #fff;
}
.ArticleDetail.edit .detailInfo .left .tags.Select .Select-control {
  white-space: nowrap;
  overflow-x: auto;
  position: relative;
}
.ArticleDetail.edit .detailInfo .left .tags.Select .Select-control .Select-arrow-zone,
.ArticleDetail.edit .detailInfo .left .tags.Select .Select-control .Select-arrow {
  display: none;
}
.ArticleDetail.edit .detailInfo .right button {
  cursor: pointer;
  height: 33px;
  width: 55px;
  margin-left: 5px;
  font-size: 14px;
  color: #888;
  background-color: #f2f2f2;
  border: solid 1px #d0d0d0;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.ArticleDetail.edit .detailInfo .right button:hover {
  background-color: #fff;
}
.ArticleDetail.edit .detailInfo .right button.primary {
  border: none;
  background-color: #2bac8f;
  color: #fff;
}
.ArticleDetail.edit .detailInfo .right button.primary:hover {
  color: #fff;
  background-color: #31c4a3;
}
.ArticleDetail.edit .detailBody .detailPanel>.header .mode {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  display: block;
  height: 33px;
  margin-top: 12px;
  width: 120px;
  margin-right: 15px;
}
.ArticleDetail.edit .detailBody .detailPanel>.header .title {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 120px;
  padding: 0 15px;
}
.ArticleDetail.edit .detailBody .detailPanel>.header .title input {
  width: 100%;
  border: none;
  background-color: transparent;
  line-height: 60px;
  font-size: 32px;
  font-weight: bold;
  outline: none;
}
.ArticleDetail.show .detailInfo .left {
  right: 99px;
}
.ArticleDetail.show .detailInfo .left .info {
  padding: 5px;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ArticleDetail.show .detailInfo .left .tags {
  padding: 10px 10px 5px;
  color: articleItemColor;
}
.ArticleDetail.show .detailInfo .left .tags a {
  background-color: #2bac8f;
  color: #fff;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 1.5px 5px;
  margin: 2px;
  font-size: 10px;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.ArticleDetail.show .detailInfo .left .tags a:hover {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.ArticleDetail.show .detailInfo .left .tags span.noTags {
  color: #999;
}
.ArticleDetail.show .detailInfo .right button {
  cursor: pointer;
  height: 33px;
  width: 33px;
  border: none;
  font-size: 18px;
  color: #888;
  background-color: transparent;
  padding: 0;
}
.ArticleDetail.show .detailInfo .right button:hover {
  color: inherit;
}
.ArticleDetail.show .detailBody .detailPanel>.header .mode {
  display: block;
  line-height: 60px;
  width: 45px;
  height: 60px;
  font-size: 18px;
  text-align: center;
}
.ArticleDetail.show .detailBody .detailPanel>.header .title {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 45px;
  right: 15px;
  font-size: 32px;
  line-height: 60px;
  font-weight: bold;
  white-space: nowrap;
  overflow-x: auto;
  overflow-y: hidden;
}
.ArticleList {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 60px;
  width: 250px;
  border-right: solid 1px #a6a6a6;
}
.ArticleList>ul {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
  -webkit-user-select: none;
  cursor: default;
}
.ArticleList>ul li .articleItem {
  border: solid 2px transparent;
  position: relative;
  height: 88px;
  width: 100%;
  cursor: pointer;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
  background-color: #fff;
  padding: 0 10px;
  font-size: 12px;
}
.ArticleList>ul li .articleItem .top {
  zoom: 1;
  line-height: 20px;
  padding: 5px 0;
  color: #777;
}
.ArticleList>ul li .articleItem .top:before,
.ArticleList>ul li .articleItem .top:after {
  content: "";
  display: table;
}
.ArticleList>ul li .articleItem .top:after {
  clear: both;
}
.ArticleList>ul li .articleItem .top .profileImage {
  vertical-align: middle;
}
.ArticleList>ul li .articleItem .top .updatedAt {
  float: right;
  line-height: 20px;
}
.ArticleList>ul li .articleItem .middle {
  zoom: 1;
  padding: 3px 0 7px;
  font-size: 16px;
}
.ArticleList>ul li .articleItem .middle:before,
.ArticleList>ul li .articleItem .middle:after {
  content: "";
  display: table;
}
.ArticleList>ul li .articleItem .middle:after {
  clear: both;
}
.ArticleList>ul li .articleItem .middle .mode {
  float: left;
  font-size: 12px;
  line-height: 16px;
}
.ArticleList>ul li .articleItem .middle .title {
  float: left;
  white-space: nowrap;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding: 0 5px;
}
.ArticleList>ul li .articleItem .bottom {
  padding: 5px 0;
  overflow-x: auto;
  white-space: nowrap;
}
.ArticleList>ul li .articleItem .bottom .tags {
  color: #777;
}
.ArticleList>ul li .articleItem .bottom .tags a {
  background-color: #2bac8f;
  color: #fff;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  padding: 1.5px 5px;
  margin: 2px;
  font-size: 10px;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.ArticleList>ul li .articleItem .bottom .tags a:hover {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.ArticleList>ul li .articleItem:hover,
.ArticleList>ul li .articleItem.hover {
  background-color: #f2f2f2;
}
.ArticleList>ul li .articleItem:hover:active,
.ArticleList>ul li .articleItem.hover:active,
.ArticleList>ul li .articleItem:hover.active,
.ArticleList>ul li .articleItem.hover.active {
  background-color: #fff;
}
.ArticleList>ul li .articleItem:active,
.ArticleList>ul li .articleItem.active {
  border-color: #3fb399;
}
.ArticleList>ul li .divider {
  border-bottom: solid 1px #d0d0d0;
}
.ArticleNavigator {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: userNavigatorWidth;
  background-color: userNavigatorBgColor;
  color: userNavigatorColor;
  -webkit-user-select: none;
  cursor: default;
}
.ArticleNavigator>.profile {
  height: 60px;
  padding: 10px 15px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border-bottom: solid 1px userNavigatorBorderColor;
  cursor: pointer;
}
.ArticleNavigator>.profile>.profileName {
  color: userNavigatorProfileNameColor;
  font-size: 22px;
  cursor: pointer;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
}
.ArticleNavigator>.profile>.name {
  padding: 5px 10px;
  font-size: 14px;
  color: userNavigatorColor;
  cursor: pointer;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
}
.ArticleNavigator>.profile>.dropdownIcon {
  position: absolute;
  top: 20px;
  right: 25px;
  float: right;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 8px;
  border: solid 1px userNavigatorColor;
  -webkit-border-radius: 12.5px;
  border-radius: 12.5px;
  text-align: center;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
}
.ArticleNavigator>.profile:hover>.profileName {
  color: #31c4a3;
}
.ArticleNavigator>.profile:hover>.name {
  color: #fff;
}
.ArticleNavigator>.profile:hover>.dropdownIcon {
  border-color: #fff;
}
.ArticleNavigator>.profile:hover:active>.dropdownIcon {
  background-color: #2bac8f;
  border-color: #2bac8f;
}
.ArticleNavigator>.control {
  padding: 15px 15px;
}
.ArticleNavigator>.control>.newPostButton {
  background-color: #2bac8f;
  color: #fff;
  height: 44px;
  width: 100%;
  border: none;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
}
.ArticleNavigator>.control>.newPostButton:hover {
  background-color: #31c4a3;
}
.ArticleNavigator>.menu {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 134px;
  padding: 15px 0;
  overflow: auto;
}
.ArticleNavigator>.menu>.menuGruop>.label {
  border-bottom: 1px solid userNavigatorBorderColor;
  padding: 10px 15px;
  font-size: 18px;
  margin-bottom: 10px;
}
.ArticleNavigator>.menu>.menuGruop>.label>.plusButton {
  float: right;
  width: 20px;
  height: 20px;
  margin-top: -2.5px;
  margin-right: -5px;
  line-height: 15px;
  font-size: 8px;
  border: solid 1px userNavigatorColor;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: transparent;
  text-align: center;
  color: userNavigatorColor;
}
.ArticleNavigator>.menu>.menuGruop>.label>.plusButton:hover {
  border-color: #fff;
  color: #fff;
}
.ArticleNavigator>.menu>.menuGruop>.label>.plusButton:hover:active {
  background-color: #2bac8f;
  border-color: #2bac8f;
}
.ArticleNavigator>.menu>.folders .folderButton {
  padding: 10px 25px;
  width: 100%;
  background-color: transparent;
  border: none;
  font-size: 14px;
  color: userNavigatorColor;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
  text-align: left;
}
.ArticleNavigator>.menu>.folders .folderButton:hover {
  background-color: rgba(255,255,255,0.2);
  color: #fff;
}
.ArticleNavigator>.menu>.folders .folderButton.active {
  background-color: #2bac8f;
  color: #fff;
}
.Select {
  position: relative;
}
.Select-control {
  position: relative;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #ccc;
  border-color: #d9d9d9 #ccc #b3b3b3;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
  cursor: default;
  outline: none;
  padding: 8px 52px 8px 10px;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  transition: all 200ms ease;
}
.is-searchable.is-open > .Select-control {
  cursor: text;
}
.is-open > .Select-control {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  background: #fff;
  border-color: #b3b3b3 #ccc #d9d9d9;
}
.is-open > .Select-control > .Select-arrow {
  border-color: transparent transparent #999;
  border-width: 0 5px 5px;
}
.is-searchable.is-focused:not(.is-open) > .Select-control {
  cursor: text;
}
.Select-placeholder {
  color: #aaa;
  padding: 8px 52px 8px 10px;
  position: absolute;
  top: 0;
  left: 0;
  right: -15px;
  max-width: 100%;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.has-value > .Select-control > .Select-placeholder {
  color: #333;
}
.Select-input > input {
  cursor: default;
  background: none transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  height: auto;
  border: 0 none;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  padding: 0;
  outline: none;
  display: inline-block;
  -webkit-appearance: none;
}
.is-focused .Select-input > input {
  cursor: text;
}
.Select-control:not(.is-searchable) > .Select-input {
  outline: none;
}
.Select-loading {
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  -o-animation: Select-animation-spin 400ms infinite linear;
  -webkit-animation: Select-animation-spin 400ms infinite linear;
  -moz-animation: Select-animation-spin 400ms infinite linear;
  -o-animation: Select-animation-spin 400ms infinite linear;
  -ms-animation: Select-animation-spin 400ms infinite linear;
  animation: Select-animation-spin 400ms infinite linear;
  width: 16px;
  height: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 2px solid #ccc;
  border-right-color: #333;
  display: inline-block;
  position: relative;
  margin-top: -8px;
  position: absolute;
  right: 30px;
  top: 50%;
}
.has-value > .Select-control > .Select-loading {
  right: 46px;
}
.Select-clear {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  padding: 6px 10px;
  position: absolute;
  right: 17px;
  top: 0;
}
.Select-clear:hover {
  color: #c0392b;
}
.Select-clear > span {
  font-size: 1.1em;
}
.Select-arrow-zone {
  content: " ";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 30px;
  cursor: pointer;
}
.Select-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 0;
  content: " ";
  display: block;
  height: 0;
  margin-top: -ceil(2.5px);
  position: absolute;
  right: 10px;
  top: 14px;
  width: 0;
  cursor: pointer;
}
.Select-menu-outer {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: #fff;
  border: 1px solid #ccc;
  border-top-color: #e6e6e6;
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.06);
  box-shadow: 0 1px 0 rgba(0,0,0,0.06);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: -1px;
  max-height: 200px;
  position: absolute;
  top: 100%;
  width: 100%;
  z-index: 1000;
  -webkit-overflow-scrolling: touch;
}
.Select-menu {
  max-height: 198px;
  overflow-y: auto;
}
.Select-option {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #666;
  cursor: pointer;
  display: block;
  padding: 8px 10px;
}
.Select-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.Select-option.is-focused {
  background-color: #f2f9fc;
  color: #333;
}
.Select-option.is-disabled {
  color: #ccc;
  cursor: not-allowed;
}
.Select-noresults {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #999;
  cursor: default;
  display: block;
  padding: 8px 10px;
}
.Select.is-multi .Select-control {
  padding: 2px 52px 2px 3px;
}
.Select.is-multi .Select-input {
  vertical-align: middle;
  border: 1px solid transparent;
  margin: 2px;
  padding: 3px 0;
}
.Select-item {
  background-color: #2bac8f;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  color: #fff;
  display: inline-block;
  font-size: 1em;
  margin: 2px;
}
.Select-item-icon,
.Select-item-label {
  display: inline-block;
  vertical-align: middle;
}
.Select-item-label {
  cursor: default;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  padding: 3px 5px;
}
.Select-item-label .Select-item-label__a {
  color: #fff;
  cursor: #fff;
}
.Select-item-icon {
  cursor: pointer;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  border-right: 1px solid #279b81;
  padding: 2px 5px 4px;
}
.Select-item-icon:hover,
.Select-item-icon:focus {
  background-color: #31c4a3;
}
.Select-item-icon:active {
  background-color: #c9e6f2;
}
.Select.is-multi.is-disabled .Select-item {
  background-color: #f2f2f2;
  border: 1px solid #d9d9d9;
  color: #888;
}
.Select.is-multi.is-disabled .Select-item-icon {
  cursor: not-allowed;
  border-right: 1px solid #d9d9d9;
}
.Select.is-multi.is-disabled .Select-item-icon:hover,
.Select.is-multi.is-disabled .Select-item-icon:focus,
.Select.is-multi.is-disabled .Select-item-icon:active {
  background-color: #f2f2f2;
}
@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
  }
}
@-moz-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -o-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@-webkit-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -o-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@-o-keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -o-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
@keyframes Select-animation-spin {
  to {
    -webkit-transform: rotate(1turn);
    -moz-transform: rotate(1turn);
    -o-transform: rotate(1turn);
    -ms-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}
.TopBar {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 60px;
  border-bottom: solid 1px #d0d0d0;
  -webkit-user-select: none;
  cursor: default;
}
.TopBar .left {
  float: left;
}
.TopBar .left .search {
  position: absolute;
  top: 13.5px;
  left: 15px;
  height: 33px;
}
.TopBar .left .search i.fa {
  position: absolute;
  line-height: 33px;
  z-index: 1;
  width: 33px;
  text-align: center;
}
.TopBar .left .search input.searchInput {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #fff;
  border: solid 1px #d0d0d0;
  padding: 5px 15px;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
  width: 350px;
  padding-left: 30px;
  -webkit-border-radius: 16.5px;
  border-radius: 16.5px;
  font-size: 14px;
  height: 33px;
  line-height: 33px;
  outline: none;
}
.TopBar .left .search input.searchInput:focus,
.TopBar .left .search input.searchInput.focus {
  border-color: #3fb399;
  outline: none;
}
.TopBar .left .search input.searchInput:focus {
  border-color: #2bac8f;
}
.TopBar .right {
  float: right;
}
.TopBar .right .logo>img {
  margin-top: 7px;
  margin-right: 15px;
}
.TopBar .right .logo .tooltip {
  position: fixed;
  z-index: 500;
  background-color: rgba(31,31,31,0.8);
  color: #fff;
  padding: 10px;
  font-size: 12px;
  line-height: 12px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  white-space: nowrap;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
  pointer-events: none;
  right: 5px;
}
.TopBar .right .logo:hover .tooltip {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.HomeContainer .UserNavigator {
  -webkit-user-select: none;
  cursor: default;
  background-color: #1b1c1c;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 60px;
  text-align: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.HomeContainer .UserNavigator ul.userList {
  margin-top: 25px;
}
.HomeContainer .UserNavigator ul.userList>li a {
  display: block;
  width: 44px;
  height: 64px;
  margin: 0 auto 20px;
  text-align: center;
  text-decoration: none;
  color: #979797;
  line-height: 44px;
  font-size: 1.1em;
  cursor: pointer;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
  opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
}
.HomeContainer .UserNavigator ul.userList>li a img.ProfileImage {
  width: 44px;
  height: 44px;
  -webkit-border-radius: 22px;
  border-radius: 22px;
}
.HomeContainer .UserNavigator ul.userList>li a:hover,
.HomeContainer .UserNavigator ul.userList>li a.active {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.HomeContainer .UserNavigator ul.userList>li a:hover .userTooltip,
.HomeContainer .UserNavigator ul.userList>li a.active .userTooltip {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.HomeContainer .UserNavigator ul.userList>li a .userTooltip {
  position: absolute;
  z-index: 500;
  background-color: rgba(31,31,31,0.8);
  color: invTextColorq;
  padding: 10px;
  line-height: 1em;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: -52px;
  margin-left: 52px;
  white-space: nowrap;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
  pointer-events: none;
}
.HomeContainer .UserNavigator ul.userList>li a .keyLabel {
  margin-top: -25px;
  font-size: 0.8em;
  color: #ddd;
}
.HomeContainer .UserNavigator button.newTeamButton {
  display: block;
  margin: 0 auto;
  width: 30px;
  height: 30px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  border: solid 1px #898989;
  color: #898989;
  text-align: center;
  background-image: none;
  background-color: transparent;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  bottom: 15px;
}
.HomeContainer .UserNavigator button.newTeamButton:hover,
.HomeContainer .UserNavigator button.newTeamButton.hover,
.HomeContainer .UserNavigator button.newTeamButton:focus,
.HomeContainer .UserNavigator button.newTeamButton.focus {
  border-color: #454545;
  color: #454545;
}
.HomeContainer .UserNavigator button.newTeamButton:active,
.HomeContainer .UserNavigator button.newTeamButton.active {
  border-color: #39a18a;
  background-color: #2bac8f;
  color: #fff;
}
.HomeContainer .UserNavigator button.newTeamButton .tooltip {
  position: fixed;
  z-index: 500;
  background-color: rgba(31,31,31,0.8);
  color: #fff;
  padding: 10px;
  font-size: 12px;
  line-height: 12px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  white-space: nowrap;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
  pointer-events: none;
  margin-top: -22px;
  margin-left: 33px;
  font-size: 14px;
}
.HomeContainer .UserNavigator button.newTeamButton:hover .tooltip {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.LoginContainer,
.SignupContainer {
  margin: 0 auto;
  padding: 105px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #888;
}
.LoginContainer .logo,
.SignupContainer .logo {
  width: 150px;
  height: 150px;
  display: block;
  margin: 0 auto;
}
.LoginContainer .authNavigator,
.SignupContainer .authNavigator {
  margin: 15px 0 25px;
}
.LoginContainer .authNavigator a,
.SignupContainer .authNavigator a {
  font-size: 1.5em;
  text-decoration: none;
  color: #888;
}
.LoginContainer .authNavigator a:hover,
.SignupContainer .authNavigator a:hover,
.LoginContainer .authNavigator a.hover,
.SignupContainer .authNavigator a.hover,
.LoginContainer .authNavigator a:active,
.SignupContainer .authNavigator a:active,
.LoginContainer .authNavigator a.active,
.SignupContainer .authNavigator a.active {
  color: #2bac8f;
}
.LoginContainer .socialControl,
.SignupContainer .socialControl {
  text-align: center;
  margin: 25px 0;
}
.LoginContainer .socialControl p,
.SignupContainer .socialControl p {
  margin-bottom: 25px;
}
.LoginContainer .socialControl .facebookBtn,
.SignupContainer .socialControl .facebookBtn,
.LoginContainer .socialControl .githubBtn,
.SignupContainer .socialControl .githubBtn {
  margin: 0 45px;
  width: 50px;
  height: 50px;
  line-height: 50px;
  font-size: 25px;
  text-align: center;
  background-image: none;
  color: #fff;
  border: none;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  cursor: pointer;
}
.LoginContainer .socialControl .facebookBtn,
.SignupContainer .socialControl .facebookBtn {
  background-color: #3b5998;
}
.LoginContainer .socialControl .facebookBtn:hover,
.SignupContainer .socialControl .facebookBtn:hover,
.LoginContainer .socialControl .facebookBtn.hover,
.SignupContainer .socialControl .facebookBtn.hover {
  background-color: #5d7dc0;
}
.LoginContainer .socialControl .githubBtn,
.SignupContainer .socialControl .githubBtn {
  background-color: #201f1f;
  font-size: 30px;
  line-height: 30px;
}
.LoginContainer .socialControl .githubBtn:hover,
.SignupContainer .socialControl .githubBtn:hover,
.LoginContainer .socialControl .githubBtn.hover,
.SignupContainer .socialControl .githubBtn.hover {
  background-color: #595656;
}
.LoginContainer .divider .dividerLabel,
.SignupContainer .divider .dividerLabel {
  text-align: center;
  position: relative;
  top: -27px;
  font-size: 1.3em;
  background-color: #fff;
  margin: 0 auto;
  width: 50px;
}
.LoginContainer form,
.SignupContainer form {
  width: 400px;
  margin: 0 auto 45px;
}
.LoginContainer form .alertInfo,
.SignupContainer form .alertInfo,
.LoginContainer form .alertError,
.SignupContainer form .alertError {
  margin-top: 15px;
  margin-bottom: 15px;
  padding: 10px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  line-height: 1.6;
  text-align: center;
}
.LoginContainer form .alertInfo,
.SignupContainer form .alertInfo {
  background-color: #d9edf7;
  color: #34708e;
}
.LoginContainer form .alertError,
.SignupContainer form .alertError {
  background-color: #f2dede;
  color: #a64444;
}
.LoginContainer form div.formField input,
.SignupContainer form div.formField input {
  border: none;
  border-bottom: 1px solid #d0d0d0;
  padding: 5px 15px;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
  height: 33px;
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
  font-size: 1.1em;
}
.LoginContainer form div.formField input:focus,
.SignupContainer form div.formField input:focus,
.LoginContainer form div.formField input.focus,
.SignupContainer form div.formField input.focus {
  border-bottom: 1px solid #3fb399;
  outline: none;
}
.LoginContainer form div.formField:last-child,
.SignupContainer form div.formField:last-child {
  margin-top: 15px;
}
.LoginContainer form div.formField button.logInButton,
.SignupContainer form div.formField button.logInButton {
  border-style: solid;
  border-width: 1px;
  border-color: #3fb399;
  background-color: transparent;
  color: #2bac8f;
  height: 44px;
  -webkit-border-radius: 22px;
  border-radius: 22px;
  display: block;
  width: 200px;
  font-size: 1em;
  margin: 0 auto;
}
.LoginContainer form div.formField button.logInButton:hover,
.SignupContainer form div.formField button.logInButton:hover,
.LoginContainer form div.formField button.logInButton.hover,
.SignupContainer form div.formField button.logInButton.hover,
.LoginContainer form div.formField button.logInButton:focus,
.SignupContainer form div.formField button.logInButton:focus,
.LoginContainer form div.formField button.logInButton.focus,
.SignupContainer form div.formField button.logInButton.focus {
  border-color: #2c7d6b;
  color: #1e7864;
}
.LoginContainer form div.formField button.logInButton:active,
.SignupContainer form div.formField button.logInButton:active,
.LoginContainer form div.formField button.logInButton.active,
.SignupContainer form div.formField button.logInButton.active {
  background-color: #2bac8f;
  color: #fff;
}
.LoginContainer form div.formField button.logInButton:disabled,
.SignupContainer form div.formField button.logInButton:disabled,
.LoginContainer form div.formField button.logInButton.disabled,
.SignupContainer form div.formField button.logInButton.disabled {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.LoginContainer p.alert,
.SignupContainer p.alert {
  text-align: center;
  font-size: 0.8em;
}
.PlanetContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.PlanetContainer .tags {
  white-space: nowrap;
  overflow-x: auto;
}
.PlanetContainer .tags a {
  margin: 0 2px;
  text-decoration: underline;
  cursor: pointer;
  font-size: 0.95em;
}
.PlanetContainer .tags a.noTag {
  color: #888;
  font-size: 0.8em;
}
.PlanetHeader {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  overflow-y: hidden;
  height: 55px;
  background-color: #fff;
  border-bottom: solid 1px #d0d0d0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px 15px;
  zoom: 1;
}
.PlanetHeader:before,
.PlanetHeader:after {
  content: "";
  display: table;
}
.PlanetHeader:after {
  clear: both;
}
.PlanetHeader .headerLabel {
  -webkit-user-select: none;
  cursor: default;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
  display: inline-block;
  width: 200px;
}
.PlanetHeader .headerLabel .userName {
  position: absolute;
  left: 15px;
  top: 30px;
  width: 140px;
  font-size: 1em;
  color: #4d4d4d;
  text-decoration: none;
}
.PlanetHeader .headerLabel .userName:hover {
  color: #454545;
  text-decoration: underline;
}
.PlanetHeader .headerLabel .planetName {
  position: absolute;
  top: 5px;
  left: 10px;
  width: 145px;
  font-size: 1.6em;
  color: #2bac8f;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.PlanetHeader .headerLabel .planetName:hover {
  color: #2c7d6b;
}
.PlanetHeader .headerLabel .private {
  position: absolute;
  top: 12px;
  right: 38px;
  width: 33px;
  height: 33px;
  line-height: 33px;
  text-align: center;
  color: inactiveColor;
}
.PlanetHeader .headerLabel .private:hover {
  color: #4d4d4d;
}
.PlanetHeader .headerLabel .private .tooltip {
  position: fixed;
  z-index: 500;
  background-color: rgba(31,31,31,0.8);
  color: #fff;
  padding: 10px;
  font-size: 12px;
  line-height: 12px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  white-space: nowrap;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
  pointer-events: none;
  margin-left: -30px;
}
.PlanetHeader .headerLabel .private:hover .tooltip {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.PlanetHeader .headerLabel .planetSettingButton {
  position: absolute;
  top: 15px;
  right: 5px;
  font-size: 0.8em;
  border-style: solid;
  border-width: 1px;
  border-color: #898989;
  background-color: transparent;
  color: #898989;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  width: 26px;
  height: 26px;
  text-align: center;
  cursor: pointer;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
}
.PlanetHeader .headerLabel .planetSettingButton:hover,
.PlanetHeader .headerLabel .planetSettingButton.hover,
.PlanetHeader .headerLabel .planetSettingButton:focus,
.PlanetHeader .headerLabel .planetSettingButton.focus {
  border-color: #454545;
  color: #454545;
}
.PlanetHeader .headerLabel .planetSettingButton:active,
.PlanetHeader .headerLabel .planetSettingButton.active {
  border-color: #39a18a;
  background-color: #2bac8f;
  color: #fff;
}
.PlanetHeader .headerLabel .planetSettingButton:disabled,
.PlanetHeader .headerLabel .planetSettingButton.disabled {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.PlanetHeader .headerLabel .planetSettingButton:focus,
.PlanetHeader .headerLabel .planetSettingButton.focus {
  outline: none;
}
.PlanetHeader .headerLabel .planetSettingButton .tooltip {
  position: fixed;
  z-index: 500;
  background-color: rgba(31,31,31,0.8);
  color: #fff;
  padding: 10px;
  font-size: 12px;
  line-height: 12px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  white-space: nowrap;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
  pointer-events: none;
  margin-top: 11px;
  margin-left: -36px;
}
.PlanetHeader .headerLabel .planetSettingButton:hover .tooltip {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.PlanetHeader .headerControl {
  -webkit-user-select: none;
  cursor: default;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 200px;
}
.PlanetHeader .headerControl .searchInput {
  display: block;
  position: absolute;
  top: 12px;
  left: 0;
}
.PlanetHeader .headerControl .searchInput input {
  padding-left: 32px;
  width: 300px;
}
.PlanetHeader .headerControl .searchInput .fa {
  position: absolute;
  top: 8px;
  left: 12px;
  color: #888;
}
.PlanetHeader .headerControl .refreshButton {
  display: block;
  position: absolute;
  top: 15px;
  right: 55px;
  width: 26px;
  height: 26px;
  font-size: 0.8em;
  border-style: solid;
  border-width: 1px;
  border-color: #898989;
  background-color: transparent;
  color: #898989;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
  text-align: center;
  cursor: pointer;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
}
.PlanetHeader .headerControl .refreshButton:hover,
.PlanetHeader .headerControl .refreshButton.hover,
.PlanetHeader .headerControl .refreshButton:focus,
.PlanetHeader .headerControl .refreshButton.focus {
  border-color: #454545;
  color: #454545;
}
.PlanetHeader .headerControl .refreshButton:active,
.PlanetHeader .headerControl .refreshButton.active {
  border-color: #39a18a;
  background-color: #2bac8f;
  color: #fff;
}
.PlanetHeader .headerControl .refreshButton:disabled,
.PlanetHeader .headerControl .refreshButton.disabled {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.PlanetHeader .headerControl .refreshButton:focus,
.PlanetHeader .headerControl .refreshButton.focus {
  outline: none;
}
.PlanetHeader .headerControl .refreshButton .tooltip {
  position: fixed;
  z-index: 500;
  background-color: rgba(31,31,31,0.8);
  color: #fff;
  padding: 10px;
  font-size: 12px;
  line-height: 12px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  white-space: nowrap;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
  pointer-events: none;
  margin-top: 11px;
  margin-left: -39px;
}
.PlanetHeader .headerControl .refreshButton:hover .tooltip {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.PlanetHeader .headerControl .logo {
  display: block;
  position: absolute;
  top: 4px;
  right: 10px;
  cursor: pointer;
}
.PlanetHeader .headerControl .logo img {
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
}
.PlanetHeader .headerControl .logo:hover img,
.PlanetHeader .headerControl .logo:hover .tooltip {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.PlanetHeader .headerControl .logo .tooltip {
  position: fixed;
  z-index: 500;
  background-color: rgba(31,31,31,0.8);
  color: #fff;
  padding: 10px;
  font-size: 12px;
  line-height: 12px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  white-space: nowrap;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
  pointer-events: none;
  margin-top: -5px;
  margin-left: -67px;
}
.PlanetNavigator {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-user-select: none;
  cursor: default;
  top: 55px;
  width: 200px;
  border-right: solid 1px #a6a6a6;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.PlanetNavigator .launchButton {
  -webkit-border-radius: 22px;
  border-radius: 22px;
  font-size: 1.1em;
}
.PlanetNavigator nav a {
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 15px 15px;
  margin: 10px 0;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  text-decoration: none;
  background-color: transparent;
  color: #4d4d4d;
  cursor: pointer;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
  border-style: solid;
  border-width: 1px;
  border-color: #898989;
  background-color: transparent;
  color: #898989;
  border: none;
}
.PlanetNavigator nav a:hover,
.PlanetNavigator nav a.hover,
.PlanetNavigator nav a:focus,
.PlanetNavigator nav a.focus {
  border-color: #454545;
  color: #454545;
}
.PlanetNavigator nav a:active,
.PlanetNavigator nav a.active {
  border-color: #39a18a;
  background-color: #2bac8f;
  color: #fff;
}
.PlanetNavigator nav a:disabled,
.PlanetNavigator nav a.disabled {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.PlanetArticleList {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 200px;
  top: 55px;
  width: 275px;
  border-right: solid 1px #a6a6a6;
}
.PlanetArticleList>ul {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: auto;
}
.PlanetArticleList>ul li .articleItem {
  -webkit-user-select: none;
  cursor: default;
  border: solid 2px transparent;
  position: relative;
  height: 94px;
  width: 100%;
  cursor: pointer;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
}
.PlanetArticleList>ul li .articleItem .itemLeft {
  position: absolute;
  top: 4px;
  bottom: 4px;
  width: 38px;
  padding: 3px 0 3px 3px;
  text-align: center;
}
.PlanetArticleList>ul li .articleItem .itemLeft .profileImage {
  margin-bottom: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.PlanetArticleList>ul li .articleItem .itemLeft .fa {
  line-height: 25px;
}
.PlanetArticleList>ul li .articleItem .itemRight {
  position: absolute;
  top: 4px;
  bottom: 4px;
  right: 2px;
  left: 40px;
  overflow-x: hidden;
  padding: 3px 10px 3px 3px;
}
.PlanetArticleList>ul li .articleItem .itemRight .itemInfo {
  margin: 5px 0 13px;
  color: #7a7a7a;
  font-size: 0.7em;
}
.PlanetArticleList>ul li .articleItem .itemRight .itemInfo .userProfileName {
  color: #2bac8f;
  font-size: 1.2em;
}
.PlanetArticleList>ul li .articleItem .itemRight .description {
  line-height: 120%;
  margin-bottom: 10px;
  font-size: 1em;
  overflow-x: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.PlanetArticleList>ul li .articleItem .itemRight .tags {
  position: absolute;
  bottom: 5px;
  font-size: 0.9em;
}
.PlanetArticleList>ul li .articleItem:hover,
.PlanetArticleList>ul li .articleItem.hover {
  background-color: rgba(0,0,0,0.04);
}
.PlanetArticleList>ul li .articleItem:hover:active,
.PlanetArticleList>ul li .articleItem.hover:active,
.PlanetArticleList>ul li .articleItem:hover.active,
.PlanetArticleList>ul li .articleItem.hover.active {
  background-color: #fff;
}
.PlanetArticleList>ul li .articleItem:active,
.PlanetArticleList>ul li .articleItem.active {
  border-color: #3fb399;
}
.PlanetArticleList>ul li .divider {
  border-bottom: solid 1px #d0d0d0;
}
.PlanetArticleDetail {
  position: absolute;
  right: 0;
  bottom: 0;
  top: 55px;
  left: 475px;
}
.PlanetArticleDetail .detailHeader {
  border: solid 2px transparent;
  position: relative;
  height: 105px;
  width: 100%;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
}
.PlanetArticleDetail .detailHeader .itemLeft {
  position: absolute;
  top: 7px;
  bottom: 4px;
  width: 38px;
  padding: 3px 0 3px 3px;
  text-align: center;
}
.PlanetArticleDetail .detailHeader .itemLeft .profileImage {
  margin-bottom: 5px;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  overflow: hidden;
}
.PlanetArticleDetail .detailHeader .itemLeft .fa {
  line-height: 25px;
}
.PlanetArticleDetail .detailHeader .itemRight {
  position: absolute;
  top: 7px;
  bottom: 4px;
  right: 2px;
  left: 40px;
  overflow-x: hidden;
  padding: 3px 10px 3px 3px;
}
.PlanetArticleDetail .detailHeader .itemRight .itemInfo {
  margin: 5px 0 13px;
  color: #7a7a7a;
  font-size: 0.7em;
}
.PlanetArticleDetail .detailHeader .itemRight .itemInfo .userProfileName {
  color: #2bac8f;
  font-size: 1.2em;
}
.PlanetArticleDetail .detailHeader .itemRight .description {
  line-height: 120%;
  margin-bottom: 10px;
  font-size: 1em;
  overflow-x: auto;
  white-space: nowrap;
}
.PlanetArticleDetail .detailHeader .itemRight .tags {
  position: absolute;
  bottom: 5px;
  font-size: 0.9em;
}
.PlanetArticleDetail .detailHeader .itemControl {
  position: absolute;
  z-index: 1;
  top: 2px;
  right: 2px;
}
.PlanetArticleDetail .detailHeader .itemControl .deleteButton,
.PlanetArticleDetail .detailHeader .itemControl .editButton {
  border-style: solid;
  border-width: 1px;
  border-color: #898989;
  background-color: transparent;
  color: #898989;
  text-align: center;
  width: 33px;
  height: 33px;
  -webkit-border-radius: 16.5px;
  border-radius: 16.5px;
  font-size: 15px;
  margin: 0 3px;
}
.PlanetArticleDetail .detailHeader .itemControl .deleteButton:hover,
.PlanetArticleDetail .detailHeader .itemControl .editButton:hover,
.PlanetArticleDetail .detailHeader .itemControl .deleteButton.hover,
.PlanetArticleDetail .detailHeader .itemControl .editButton.hover,
.PlanetArticleDetail .detailHeader .itemControl .deleteButton:focus,
.PlanetArticleDetail .detailHeader .itemControl .editButton:focus,
.PlanetArticleDetail .detailHeader .itemControl .deleteButton.focus,
.PlanetArticleDetail .detailHeader .itemControl .editButton.focus {
  border-color: #454545;
  color: #454545;
}
.PlanetArticleDetail .detailHeader .itemControl .deleteButton:active,
.PlanetArticleDetail .detailHeader .itemControl .editButton:active,
.PlanetArticleDetail .detailHeader .itemControl .deleteButton.active,
.PlanetArticleDetail .detailHeader .itemControl .editButton.active {
  border-color: #39a18a;
  background-color: #2bac8f;
  color: #fff;
}
.PlanetArticleDetail .detailHeader .itemControl .deleteButton:disabled,
.PlanetArticleDetail .detailHeader .itemControl .editButton:disabled,
.PlanetArticleDetail .detailHeader .itemControl .deleteButton.disabled,
.PlanetArticleDetail .detailHeader .itemControl .editButton.disabled {
  opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
}
.PlanetArticleDetail .detailHeader .itemControl .deleteButton .tooltip,
.PlanetArticleDetail .detailHeader .itemControl .editButton .tooltip {
  position: fixed;
  z-index: 500;
  background-color: rgba(31,31,31,0.8);
  color: #fff;
  padding: 10px;
  font-size: 12px;
  line-height: 12px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  white-space: nowrap;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
  pointer-events: none;
  margin-top: 10px;
}
.PlanetArticleDetail .detailHeader .itemControl .deleteButton:hover .tooltip,
.PlanetArticleDetail .detailHeader .itemControl .editButton:hover .tooltip {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.PlanetArticleDetail .detailHeader .itemControl .editButton .tooltip {
  margin-left: -12px;
}
.PlanetArticleDetail .detailHeader .itemControl .deleteButton .tooltip {
  margin-left: -26px;
}
.PlanetArticleDetail .detailBody {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 105px;
}
.PlanetArticleDetail .detailBody .content {
  position: absolute;
  top: 5px;
  bottom: 5px;
  left: 2px;
  right: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  border-top: solid 1px #d0d0d0;
}
.PlanetArticleDetail.noteDetail .detailBody .content {
  overflow-x: hidden;
  overflow-y: auto;
}
.PlanetArticleDetail.noteDetail .detailBody .content hr {
  border-top: none;
  border-bottom: solid 1px #d0d0d0;
  margin: 15px 0;
}
.PlanetArticleDetail.noteDetail .detailBody .content h1 {
  font-size: 2em;
  border-bottom: solid 2px #d0d0d0;
  margin: 0.33em auto 0.67em;
}
.PlanetArticleDetail.noteDetail .detailBody .content h2 {
  font-size: 1.5em;
  margin: 0.42em auto 0.83em;
}
.PlanetArticleDetail.noteDetail .detailBody .content h3 {
  font-size: 1.17em;
  margin: 0.5em auto 1em;
}
.PlanetArticleDetail.noteDetail .detailBody .content h4 {
  font-size: 1em;
  margin: 0.67em auto 1.33em;
}
.PlanetArticleDetail.noteDetail .detailBody .content h5 {
  font-size: 0.83em;
  margin: 0.84em auto 1.67em;
}
.PlanetArticleDetail.noteDetail .detailBody .content h6 {
  font-size: 0.67em;
  margin: 1.16em auto 2.33em;
}
.PlanetArticleDetail.noteDetail .detailBody .content h1,
.PlanetArticleDetail.noteDetail .detailBody .content h2,
.PlanetArticleDetail.noteDetail .detailBody .content h3,
.PlanetArticleDetail.noteDetail .detailBody .content h4,
.PlanetArticleDetail.noteDetail .detailBody .content h5,
.PlanetArticleDetail.noteDetail .detailBody .content h6 {
  font-weight: 700;
  line-height: 1.8em;
}
.PlanetArticleDetail.noteDetail .detailBody .content p {
  line-height: 1.8em;
  margin: 15px 0 25px;
}
.PlanetArticleDetail.noteDetail .detailBody .content img {
  max-width: 100%;
}
.PlanetArticleDetail.noteDetail .detailBody .content strong {
  font-weight: bold;
}
.PlanetArticleDetail.noteDetail .detailBody .content em {
  font-style: italic;
}
.PlanetArticleDetail.noteDetail .detailBody .content s {
  text-decoration: line-through;
}
.PlanetArticleDetail.noteDetail .detailBody .content blockquote {
  border-left: solid 4px #3fb399;
  margin: 15px 0 25px;
  padding: 0 25px;
}
.PlanetArticleDetail.noteDetail .detailBody .content ul {
  list-style-type: disc;
  padding-left: 35px;
  margin-bottom: 35px;
}
.PlanetArticleDetail.noteDetail .detailBody .content ul li {
  display: list-item;
  margin: 15px 0;
}
.PlanetArticleDetail.noteDetail .detailBody .content ul>li>ul {
  list-style-type: circle;
}
.PlanetArticleDetail.noteDetail .detailBody .content ul>li>ul>li>ul {
  list-style-type: square;
}
.PlanetArticleDetail.noteDetail .detailBody .content ol {
  list-style-type: decimal;
  padding-left: 35px;
  margin-bottom: 35px;
}
.PlanetArticleDetail.noteDetail .detailBody .content ol li {
  display: list-item;
  margin: 15px 0;
}
.PlanetArticleDetail.noteDetail .detailBody .content code {
  font-family: monospace;
  padding: 2px 4px;
  border: solid 1px #d0d0d0;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  font-size: 0.9em;
  color: #000;
  text-decoration: none;
  background-color: #f6f6f6;
}
.PlanetArticleDetail.noteDetail .detailBody .content pre {
  padding: 5px;
  border: solid 1px #d0d0d0;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  overflow-x: auto;
  margin: 15px 0 25px;
  background-color: #f6f6f6;
}
.PlanetArticleDetail.noteDetail .detailBody .content pre>code {
  padding: 0;
  border: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  color: #000;
}
.PlanetArticleDetail.noteDetail .detailBody .content table {
  width: 100%;
  margin: 15px 0 25px;
}
.PlanetArticleDetail.noteDetail .detailBody .content table thead tr {
  background-color: #fff;
}
.PlanetArticleDetail.noteDetail .detailBody .content table thead th {
  border-style: solid;
  padding: 15px 5px;
  border-width: 1px 0 2px 1px;
  border-color: #d0d0d0;
}
.PlanetArticleDetail.noteDetail .detailBody .content table thead th:last-child {
  border-right: solid 1px #d0d0d0;
}
.PlanetArticleDetail.noteDetail .detailBody .content table tbody tr:nth-child(2n + 1) {
  background-color: #f9f9f9;
}
.PlanetArticleDetail.noteDetail .detailBody .content table tbody tr:nth-child(2n) {
  background-color: #fff;
}
.PlanetArticleDetail.noteDetail .detailBody .content table tbody td {
  border-style: solid;
  padding: 15px 5px;
  border-width: 0 0 1px 1px;
  border-color: #d0d0d0;
}
.PlanetArticleDetail.noteDetail .detailBody .content table tbody td:last-child {
  border-right: solid 1px #d0d0d0;
}
.PlanetArticleDetail.codeDetail .detailBody .content .ace_editor {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.UserContainer {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 60px;
}
.UserContainer .content {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 200px;
  background-color: #e6e6e6;
}
.UserContainer .UserNavigator {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 200px;
  background-color: #333;
  color: #ddd;
  -webkit-user-select: none;
  cursor: default;
}
.UserContainer .UserNavigator>.profile {
  height: 60px;
  padding: 10px 15px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  border-bottom: solid 1px #666;
  cursor: pointer;
}
.UserContainer .UserNavigator>.profile>.profileName {
  color: #2bac8f;
  font-size: 22px;
  cursor: pointer;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
}
.UserContainer .UserNavigator>.profile>.name {
  padding: 5px 10px;
  font-size: 14px;
  color: #ddd;
  cursor: pointer;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
}
.UserContainer .UserNavigator>.profile>.dropdownIcon {
  position: absolute;
  top: 20px;
  right: 25px;
  float: right;
  width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 8px;
  border: solid 1px #ddd;
  -webkit-border-radius: 12.5px;
  border-radius: 12.5px;
  text-align: center;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
}
.UserContainer .UserNavigator>.profile:hover>.profileName {
  color: #31c4a3;
}
.UserContainer .UserNavigator>.profile:hover>.name {
  color: #fff;
}
.UserContainer .UserNavigator>.profile:hover>.dropdownIcon {
  border-color: #fff;
}
.UserContainer .UserNavigator>.profile:hover:active>.dropdownIcon {
  background-color: #2bac8f;
  border-color: #2bac8f;
}
.UserContainer .UserNavigator>.control {
  padding: 15px 15px;
}
.UserContainer .UserNavigator>.control>.newPostButton {
  background-color: #2bac8f;
  color: #fff;
  height: 44px;
  width: 100%;
  border: none;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 16px;
  font-weight: 600;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
}
.UserContainer .UserNavigator>.control>.newPostButton:hover {
  background-color: #31c4a3;
}
.UserContainer .UserNavigator>.menu {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 134px;
  padding: 15px 0;
  overflow: auto;
}
.UserContainer .UserNavigator>.menu>.menuGruop>.label {
  border-bottom: 1px solid #666;
  padding: 10px 15px;
  font-size: 18px;
  margin-bottom: 10px;
}
.UserContainer .UserNavigator>.menu>.menuGruop>.label>.plusButton {
  float: right;
  width: 20px;
  height: 20px;
  margin-top: -2.5px;
  margin-right: -5px;
  line-height: 15px;
  font-size: 8px;
  border: solid 1px #ddd;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-color: transparent;
  text-align: center;
  color: #ddd;
}
.UserContainer .UserNavigator>.menu>.menuGruop>.label>.plusButton:hover {
  border-color: #fff;
  color: #fff;
}
.UserContainer .UserNavigator>.menu>.menuGruop>.label>.plusButton:hover:active {
  background-color: #2bac8f;
  border-color: #2bac8f;
}
.UserContainer .UserNavigator>.menu>.folders .folderButton {
  padding: 10px 25px;
  width: 100%;
  background-color: transparent;
  border: none;
  font-size: 14px;
  color: #ddd;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
  text-align: left;
}
.UserContainer .UserNavigator>.menu>.folders .folderButton:hover {
  background-color: rgba(255,255,255,0.2);
  color: #fff;
}
.UserContainer .UserNavigator>.menu>.folders .folderButton.active {
  background-color: #2bac8f;
  color: #fff;
}
* {
  -webkit-app-region: no-drag;
  -webkit-user-select: none;
}
html,
body {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
body {
  font-family: "Lato";
  color: #4d4d4d;
  font-size: 14px;
  font-weight: 400;
}
button,
input,
select {
  font-family: "Lato";
}
div,
span,
a,
button,
input,
textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
a {
  color: #2bac8f;
}
a:hover {
  color: #25927a;
}
a:visited {
  color: #2bac8f;
}
hr {
  border-top: none;
  border-bottom: solid 1px #d0d0d0;
  margin: 15px 0;
}
button {
  font-weight: 400;
  cursor: pointer;
}
button:focus,
button.focus {
  outline: none;
}
.noSelect {
  -webkit-user-select: none;
  cursor: default;
}
.text-center {
  text-align: center;
}
.form-group {
  margin-bottom: 15px;
}
.form-group>label {
  display: block;
  margin-bottom: 5px;
}
.block-input,
.inline-input {
  border: solid 1px #d0d0d0;
  padding: 0 10px;
  font-size: 1em;
  height: 33px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.block-input:focus,
.inline-input:focus,
.block-input.focus,
.inline-input.focus {
  border: solid 1px #3fb399;
  outline: none;
}
.block-input.circleInput,
.inline-input.circleInput {
  -webkit-border-radius: 16.5px;
  border-radius: 16.5px;
}
.block-input {
  display: block;
  width: 100%;
}
.inline-input {
  display: inline-block;
  margin-right: 5px;
}
.relative {
  position: relative;
}
textarea.block-input {
  resize: vertical;
  height: 125px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 5px 10px;
}
#content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.Main .appUpdateButton {
  position: fixed;
  z-index: 2000;
  bottom: 5px;
  right: 53px;
  padding: 10px 15px;
  border: none;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #2bac8f;
  color: #fff;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.Main .appUpdateButton:hover {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  background-color: #31c4a3;
}
.Main .contactButton {
  position: fixed;
  z-index: 2000;
  bottom: 5px;
  right: 5px;
  padding: 10px 15px;
  border: none;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-color: #2bac8f;
  color: #fff;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
}
.Main .contactButton:hover {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  background-color: #31c4a3;
}
.Main .contactButton .tooltip {
  position: fixed;
  z-index: 500;
  background-color: rgba(31,31,31,0.8);
  color: #fff;
  padding: 10px;
  font-size: 12px;
  line-height: 12px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  white-space: nowrap;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  -ms-transition: 0.1s;
  transition: 0.1s;
  pointer-events: none;
  margin-top: -22px;
  margin-left: -97px;
}
.Main .contactButton:hover .tooltip {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}