@font-face {
  font-family: 'FcfIcons';
  src: url('../font/icons.ttf') format("truetype");
}

description{
  font-size: 0.9em;
  color: #585858;
  display: block;
  padding-top: 0.5em;
}

line {
  border-bottom: 1px solid #d4d4d4;
  display: block;
  margin: 1em 0em;
}

.fcf-alert,
.fcf-red{
  color: #ea0000;
}

.fcf-control{
}

.fcf-right {
  float: right;
  /* position: relative; */
}

.fcf-left {
  float: left;
}

.fcf-clear {
  clear: both;
}

.fcf-inline {
  display: inline-block;
}

.fcf-nowrap {
  white-space: nowrap;
}

.fcf-nowrap .fcf-view{
  display: inline-block;
}

.fcf-pointer {
  cursor: pointer;
}

.fcf-content-padding{
  padding: 12px;
}

.fcf-inline-content-padding{
  padding: 0px 1em 0px 0em;
}

.fcf-inline-content-padding:last-child{
  padding: 0px;
}

.fcf-inactive{
  color: #aaa !important;
  cursor: default !important;
}

.fcf-icon,
.fcf-icon:after{
  opacity: 0.7;
  font-family: "FcfIcons";
}

.fcf-icon-updown::before{
  font-family: "FcfIcons";
  content: "\0022";
  font-style: normal;
}

.fcf-icon-up::before{
  font-family: "FcfIcons";
  content: "\0023";
  font-style: normal;
}

.fcf-icon-down::before{
  font-family: "FcfIcons";
  content: "\0024";
  font-style: normal;
  /* text-align: center; */
}

.fcf-icon-close::before{
  font-family: "FcfIcons";
  content: "\0025";
  font-style: normal;
}

.fcf-icon-find::before{
  font-family: "FcfIcons";
  content: "\0021";
  font-style: normal;
}

.fcf-icon-eye::before{
  font-family: "FcfIcons";
  content: "\0026";
  font-style: normal;
}

.fcf-icon-edit::before{
  font-family: "FcfIcons";
  content: "\0027";
  font-style: normal;
}

.fcf-icon-clear::before{
  font-family: "FcfIcons";
  content: "\0028";
  font-style: normal;
}

.fcf-noselect {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}