@CHARSET "UTF-8";

/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 50px;
}


.icon-logo{
	background-image: url(./icons/logo.png);
	display: inline-block;
      height: 32px;
      width: 32px;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: auto 100%;
	  -webkit-mask-repeat: no-repeat;
	  -webkit-mask-position: 50% 50%;
	  -webkit-mask-size: 80% 80%;
}

.simditor-icon-subscript:before {
  content: url(./icons/subscript.png);
  width: 16px;
  height: 16px;
}
.simditor-icon-superscript:before {
  content: url(./icons/superscript.png);
   width: 16px;
  height: 16px;
}

.focus-icon {
  position: relative;
  display:flex;/*Flex布局*/
  display: -webkit-flex; /* Safari */
  align-items:center;/*指定垂直居中*/
  font-size:14px;
  text-align:left;
  line-height:1;
  color:#222222;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.focus-icon-notebook:before {
   content: "";
   background-image: url(./icons/ic_notebook.png);
   background-size:24px 24px;
   width:24px;
   height:24px;
   position:relative;
   bottom:2px;
}

.focus-icon-tag:before {
   content: "";
   background-image: url(./icons/ic_tag.png);
   background-size:24px 24px;
   width:24px;
   height:24px;
   position:relative;
   bottom:2px;
}

.focus-icon-reminder:after {
   content: "";
   background-image: url(./icons/ic_clock.png);
   background-size:24px 24px;
   width:24px;
   height:24px;
   position:relative;
   bottom:2px;
}