@font-face{font-family:"summernote";font-style:normal;font-weight:normal;src:url("font/summernote.eot?ad8d7e2d177d2473aecd9b35d16211fb");src:url("font/summernote.eot?#iefix") format("embedded-opentype"),url("font/summernote.woff?ad8d7e2d177d2473aecd9b35d16211fb") format("woff"),url("font/summernote.ttf?ad8d7e2d177d2473aecd9b35d16211fb") format("truetype")}[class^="note-icon-"]:before,[class*=" note-icon-"]:before{display:inline-block;font:normal normal normal 14px summernote;font-size:inherit;-webkit-font-smoothing:antialiased;text-decoration:inherit;text-rendering:auto;text-transform:none;vertical-align:middle;speak:none;-moz-osx-font-smoothing:grayscale}.note-icon-align-center:before{content:"\f101"}.note-icon-align-indent:before{content:"\f102"}.note-icon-align-justify:before{content:"\f103"}.note-icon-align-left:before{content:"\f104"}.note-icon-align-outdent:before{content:"\f105"}.note-icon-align-right:before{content:"\f106"}.note-icon-align:before{content:"\f107"}.note-icon-arrows-alt:before{content:"\f108"}.note-icon-bold:before{content:"\f109"}.note-icon-caret:before{content:"\f10a"}.note-icon-chain-broken:before{content:"\f10b"}.note-icon-circle:before{content:"\f10c"}.note-icon-close:before{content:"\f10d"}.note-icon-code:before{content:"\f10e"}.note-icon-eraser:before{content:"\f10f"}.note-icon-font:before{content:"\f110"}.note-icon-frame:before{content:"\f111"}.note-icon-italic:before{content:"\f112"}.note-icon-link:before{content:"\f113"}.note-icon-magic:before{content:"\f114"}.note-icon-menu-check:before{content:"\f115"}.note-icon-minus:before{content:"\f116"}.note-icon-orderedlist:before{content:"\f117"}.note-icon-pencil:before{content:"\f118"}.note-icon-picture:before{content:"\f119"}.note-icon-question:before{content:"\f11a"}.note-icon-redo:before{content:"\f11b"}.note-icon-special-character:before{content:"\f11c"}.note-icon-square:before{content:"\f11d"}.note-icon-strikethrough:before{content:"\f11e"}.note-icon-subscript:before{content:"\f11f"}.note-icon-summernote:before{content:"\f120"}.note-icon-superscript:before{content:"\f121"}.note-icon-table:before{content:"\f122"}.note-icon-text-height:before{content:"\f123"}.note-icon-trash:before{content:"\f124"}.note-icon-underline:before{content:"\f125"}.note-icon-undo:before{content:"\f126"}.note-icon-unorderedlist:before{content:"\f127"}.note-icon-video:before{content:"\f128"}.note-editor{position:relative}.note-editor .note-dropzone{position:absolute;z-index:100;display:none;color:#87cefa;background-color:white;opacity:.95;pointer-event:none}.note-editor .note-dropzone .note-dropzone-message{display:table-cell;font-size:28px;font-weight:bold;text-align:center;vertical-align:middle}.note-editor .note-dropzone.hover{color:#098ddf}.note-editor.dragover .note-dropzone{display:table}.note-editor .note-editing-area{position:relative}.note-editor .note-editing-area .note-editable{outline:0}.note-editor .note-editing-area .note-editable sup{vertical-align:super}.note-editor .note-editing-area .note-editable sub{vertical-align:sub}.note-editor.note-frame{border:1px solid #a9a9a9}.note-editor.note-frame.codeview .note-editing-area .note-editable{display:none}.note-editor.note-frame.codeview .note-editing-area .note-codable{display:block}.note-editor.note-frame .note-editing-area{overflow:hidden}.note-editor.note-frame .note-editing-area .note-editable{padding:10px;overflow:auto;color:#000;background-color:#fff}.note-editor.note-frame .note-editing-area .note-editable[contenteditable="false"]{background-color:#e5e5e5}.note-editor.note-frame .note-editing-area .note-codable{display:none;width:100%;padding:10px;margin-bottom:0;font-family:Menlo,Monaco,monospace,sans-serif;font-size:14px;color:#ccc;background-color:#222;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;box-shadow:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;resize:none}.note-editor.note-frame.fullscreen{position:fixed;top:0;left:0;z-index:1050;width:100%}.note-editor.note-frame.fullscreen .note-editable{background-color:white}.note-editor.note-frame.fullscreen .note-resizebar{display:none}.note-editor.note-frame .note-statusbar{background-color:#f5f5f5;border-bottom-right-radius:4px;border-bottom-left-radius:4px}.note-editor.note-frame .note-statusbar .note-resizebar{width:100%;height:8px;padding-top:1px;cursor:ns-resize}.note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar{width:20px;margin:1px auto;border-top:1px solid #a9a9a9}.note-editor.note-frame .note-placeholder{padding:10px}.note-popover.popover{max-width:none}.note-popover.popover .popover-content a{display:inline-block;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;vertical-align:middle}.note-popover.popover .arrow{left:20px!important}.note-popover .popover-content,.panel-heading.note-toolbar{padding:0 0 5px 5px;margin:0}.note-popover .popover-content>.btn-group,.panel-heading.note-toolbar>.btn-group{margin-top:5px;margin-right:5px;margin-left:0}.note-popover .popover-content .btn-group .note-table,.panel-heading.note-toolbar .btn-group .note-table{min-width:0;padding:5px}.note-popover .popover-content .btn-group .note-table .note-dimension-picker,.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker{font-size:18px}.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher{position:absolute!important;z-index:3;width:10em;height:10em;cursor:pointer}.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted{position:relative!important;z-index:1;width:5em;height:5em;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat}.note-popover .popover-content .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,.panel-heading.note-toolbar .btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted{position:absolute!important;z-index:2;width:1em;height:1em;background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC') repeat}.note-popover .popover-content .note-style h1,.panel-heading.note-toolbar .note-style h1,.note-popover .popover-content .note-style h2,.panel-heading.note-toolbar .note-style h2,.note-popover .popover-content .note-style h3,.panel-heading.note-toolbar .note-style h3,.note-popover .popover-content .note-style h4,.panel-heading.note-toolbar .note-style h4,.note-popover .popover-content .note-style h5,.panel-heading.note-toolbar .note-style h5,.note-popover .popover-content .note-style h6,.panel-heading.note-toolbar .note-style h6,.note-popover .popover-content .note-style blockquote,.panel-heading.note-toolbar .note-style blockquote{margin:0}.note-popover .popover-content .note-color .dropdown-toggle,.panel-heading.note-toolbar .note-color .dropdown-toggle{width:20px;padding-left:5px}.note-popover .popover-content .note-color .dropdown-menu,.panel-heading.note-toolbar .note-color .dropdown-menu{min-width:340px}.note-popover .popover-content .note-color .dropdown-menu .btn-group,.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group{margin:0}.note-popover .popover-content .note-color .dropdown-menu .btn-group:first-child,.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group:first-child{margin:0 5px}.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-palette-title,.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-palette-title{margin:2px 7px;font-size:12px;text-align:center;border-bottom:1px solid #eee}.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset,.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset{width:100%;padding:0 3px;margin:3px;font-size:11px;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-row,.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-row{height:20px}.note-popover .popover-content .note-color .dropdown-menu .btn-group .note-color-reset:hover,.panel-heading.note-toolbar .note-color .dropdown-menu .btn-group .note-color-reset:hover{background:#eee}.note-popover .popover-content .note-para .dropdown-menu,.panel-heading.note-toolbar .note-para .dropdown-menu{min-width:216px;padding:5px}.note-popover .popover-content .note-para .dropdown-menu>div:first-child,.panel-heading.note-toolbar .note-para .dropdown-menu>div:first-child{margin-right:5px}.note-popover .popover-content .dropdown-menu,.panel-heading.note-toolbar .dropdown-menu{min-width:90px}.note-popover .popover-content .dropdown-menu.right,.panel-heading.note-toolbar .dropdown-menu.right{right:0;left:auto}.note-popover .popover-content .dropdown-menu.right::before,.panel-heading.note-toolbar .dropdown-menu.right::before{right:9px;left:auto!important}.note-popover .popover-content .dropdown-menu.right::after,.panel-heading.note-toolbar .dropdown-menu.right::after{right:10px;left:auto!important}.note-popover .popover-content .dropdown-menu.note-check li a i,.panel-heading.note-toolbar .dropdown-menu.note-check li a i{color:deepskyblue;visibility:hidden}.note-popover .popover-content .dropdown-menu.note-check li a.checked i,.panel-heading.note-toolbar .dropdown-menu.note-check li a.checked i{visibility:visible}.note-popover .popover-content .note-fontsize-10,.panel-heading.note-toolbar .note-fontsize-10{font-size:10px}.note-popover .popover-content .note-color-palette,.panel-heading.note-toolbar .note-color-palette{line-height:1}.note-popover .popover-content .note-color-palette div .note-color-btn,.panel-heading.note-toolbar .note-color-palette div .note-color-btn{width:20px;height:20px;padding:0;margin:0;border:1px solid #fff}.note-popover .popover-content .note-color-palette div .note-color-btn:hover,.panel-heading.note-toolbar .note-color-palette div .note-color-btn:hover{border:1px solid #000}.note-dialog>div{display:none}.note-dialog .form-group{margin-right:0;margin-left:0}.note-dialog .note-modal-form{margin:0}.note-dialog .note-image-dialog .note-dropzone{min-height:100px;margin-bottom:10px;font-size:30px;line-height:4;color:lightgray;text-align:center;border:4px dashed lightgray}@-moz-document url-prefix(){.note-image-input{height:auto}}.note-placeholder{position:absolute;display:none;color:gray}.note-handle .note-control-selection{position:absolute;display:none;border:1px solid black}.note-handle .note-control-selection>div{position:absolute}.note-handle .note-control-selection .note-control-selection-bg{width:100%;height:100%;background-color:black;-webkit-opacity:.3;-khtml-opacity:.3;-moz-opacity:.3;opacity:.3;-ms-filter:alpha(opacity=30);filter:alpha(opacity=30)}.note-handle .note-control-selection .note-control-handle{width:7px;height:7px;border:1px solid black}.note-handle .note-control-selection .note-control-holder{width:7px;height:7px;border:1px solid black}.note-handle .note-control-selection .note-control-sizing{width:7px;height:7px;background-color:white;border:1px solid black}.note-handle .note-control-selection .note-control-nw{top:-5px;left:-5px;border-right:0;border-bottom:0}.note-handle .note-control-selection .note-control-ne{top:-5px;right:-5px;border-bottom:0;border-left:none}.note-handle .note-control-selection .note-control-sw{bottom:-5px;left:-5px;border-top:0;border-right:0}.note-handle .note-control-selection .note-control-se{right:-5px;bottom:-5px;cursor:se-resize}.note-handle .note-control-selection .note-control-se.note-control-holder{cursor:default;border-top:0;border-left:none}.note-handle .note-control-selection .note-control-selection-info{right:0;bottom:0;padding:5px;margin:5px;font-size:12px;color:white;background-color:black;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-opacity:.7;-khtml-opacity:.7;-moz-opacity:.7;opacity:.7;-ms-filter:alpha(opacity=70);filter:alpha(opacity=70)}.note-hint-popover{min-width:100px;padding:2px}.note-hint-popover .popover-content{max-height:150px;padding:3px;overflow:auto}.note-hint-popover .popover-content .note-hint-group .note-hint-item{display:block!important;padding:3px}.note-hint-popover .popover-content .note-hint-group .note-hint-item.active,.note-hint-popover .popover-content .note-hint-group .note-hint-item:hover{display:block;clear:both;font-weight:400;line-height:1.4;color:white;text-decoration:none;white-space:nowrap;cursor:pointer;background-color:#428bca;outline:0}
/*block UI CSS start*/
.ms-block-content-position {
  position: relative;
  zoom: 1;
}
.ms-block-overlay {
  z-index: 9999999;
  border: none;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.1;
  cursor: wait;
  position: fixed;
  background-color: #555555;
}
.ms-block-ui {
  z-index: 100002;
  position: absolute;
  padding: 0;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%);
  text-align: center;
  color: #000000;
  border: 0;
  cursor: wait;
}
.ms-block-ui .ms-block-message {
  display: inline-block;
  padding: 10px;
  margin: 0 auto;
  color: #000 !important;
  font-size: 13px;
  font-weight: 400;
  text-align: center;
}
.ms-block-spinner-bar.ms-block-boxed {
  border: 1px solid #ddd;
  background-color: #eee;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
}
.ms-block-spinner-bar.ms-block-scale {
  display: inline-block;
  width: 80px;
  text-align: center;
}
.ms-block-spinner-bar.ms-block-scale > div {
  margin: 0 2px;
  width: 15px;
  height: 15px;
  display: inline-block;
  background: #4bccd8;
  border-radius: 100% !important;
  -webkit-animation: bounceDelay 1.4s infinite ease-in-out;
  animation: bounceDelay 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  vertical-align: middle;
}
.ms-block-spinner-bar.ms-block-scale .ms-bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.ms-block-spinner-bar.ms-block-scale .ms-bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.ms-block-spinner-bar > canvas {
  vertical-align: middle;
}
.ms-block-spinner-bar > span {
  line-height: 25px;
  vertical-align: middle;
}
.ms-block-padding {
  padding: 10px;
}
.ms-not-block {
  z-index: 1011;
  position: absolute;
  padding: 0;
  margin: 0;
  top: 50%;
  left: 50%;
  transform: translate(-50%);
  text-align: center;
  color: #000000;
  border: 0;
}
@-webkit-keyframes bounceDelay {
  0%,
  100%,
  80% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}
@keyframes bounceDelay {
  0%,
  100%,
  80% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
/*block UI CSS end*/


.ms-mark-post {
  position: relative;
  z-index: 10001;
}
.ms-touch-modal-bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 20px;
  height: 20px;
  background-color: #fff;
  background-image: linear-gradient(-45deg, #ccc -3%, #ccc 25%, transparent 25%, transparent 50%, #ccc 50%, #ccc 76%, transparent 76%, transparent 100%, #ccc);
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, #ccc), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, #ccc), color-stop(0.75, #ccc), color-stop(0.75, transparent), to(transparent));
  background-image: -moz-linear-gradient(-45deg, #ccc -3%, #ccc 25%, transparent 25%, transparent 50%, #ccc 50%, #ccc 76%, transparent 76%, transparent 100%, #ccc);
  background-image: -o-linear-gradient(-45deg, #ccc -3%, #ccc 25%, transparent 25%, transparent 50%, #ccc 50%, #ccc 76%, transparent 76%, transparent 100%, #ccc);
  -webkit-background-size: 5px 5px;
  -moz-background-size: 5px 5px;
  background-size: 5px 5px;
  cursor: nw-resize;
  overflow: hidden;
}
.ms-touch-modal-bottom-right .ms-touch-modal-white {
  width: 140%;
  height: 110%;
  background-color: #fff;
  transform: rotateZ(-45deg) translate(-1px, -14px);
}
.ms-mark-post.amplification .ms-touch-modal-bottom-right {
  display: none;
}
.ms-mark-post .ms-modal-box {
  height: 100%;
  overflow: auto;
}
.ms-modal-mask {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: .5;
}
.ms-mark-post.ms-modal-mask-position {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.ms-mark-post .ms-touch-modal {
  height: 100%;
  overflow: hidden;
  padding-top: 41px;
}
.ms-mark-post.amplification .ms-win .ms-modal-title {
  cursor: default;
}
.ms-mark-post .ms-mask {
  position: fixed;
  left: 50%;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 2;
}
.ms-mark-post .ms-win {
  padding-bottom: 20px;
  position: absolute;
  background-color: #fff;
  border-radius: 5px;
  left: 50%;
  top: 50%;
  overflow: hidden;
  -webkit-box-shadow: 0 0 8px #000;
  -moz-box-shadow: 0 0 8px #000;
  -ms-box-shadow: 0 0 8px #000;
  -o-box-shadow: 0 0 8px #000;
  box-shadow: 0 0 8px #000;
  opacity: 0;
}
.ms-mark-post.ms-modal-drag-start {
  moz-user-select: -moz-none;
  -moz-user-select: none;
  -o-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ms-mark-post .ms-win .ms-modal-top-content {
  position: absolute;
  background: #fff;
  width: 100%;
  border-bottom: 1px solid #eee;
  overflow: hidden;
  text-align: center;
}
.ms-mark-post.ms-modal-drag .ms-win .ms-modal-top-content {
  cursor: move;
}
.ms-mark-post .ms-win .ms-modal-title {
  overflow: hidden;
  padding-left: 10px;
  font-size: 24px;
  line-height: 40px;
  cursor: move;
  text-align: left;
}
.ms-mark-post .ms-win .ms-modal-title > p {
  margin: 0;
}
.ms-mark-post .ms-win .ms-modal-close {
  float: right;
  width: 30px;
  font-size: 30px;
  line-height: 40px;
  cursor: pointer;
}
.ms-mark-post .ms-modal-close:hover {
  color: #ccc;
}
.ms-mark-post .ms-win .ms-modal-tools-max {
  float: right;
  line-height: 40px;
  cursor: pointer;
  margin-right: 5px;
  font-size: 16px;
  text-shadow: 0 1px 0 #fff;
  color: #000;
  filter: alpha(opacity=30);
  opacity: .3;
  font-weight: bold;
  text-align: center;
}
.ms-mark-post .ms-win .ms-modal-tools-max:hover {
  color: #ccc;
  filter: alpha(opacity=60);
  opacity: .6;
}
.ms-mark-post .ms-modal-content {
  overflow: hidden;
  padding: 0 10px;
  height: 100%;
  overflow-y: auto;
}
.ms-mark-post.ms-modal-show .ms-win {
  -webkit-animation: showAnimate 0.5s linear forwards;
  -o-animation: showAnimate 0.5s linear forwards;
  -moz-animation: showAnimate 0.5s linear forwards;
  -ms-animation: showAnimate 0.5s linear forwards;
  animation: showAnimate 0.5s linear forwards;
}
.ms-mark-post.ms-modal-hide .ms-win {
  -webkit-animation: hideAnimate 0.5s linear forwards;
  -o-animation: hideAnimate 0.5s linear forwards;
  -moz-animation: hideAnimate 0.5s linear forwards;
  -ms-animation: hideAnimate 0.5s linear forwards;
  animation: hideAnimate 0.5s linear forwards;
}
.ms-modal-none {
  display: none;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
  font-size: 0;
}
.clearfix {
  *zoom: 1;
}
/*动画*/
@-webkit-keyframes hideAnimate {
  0% {
    -webkit-transform: rotate(0deg) scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: rotate(-180deg) scale(0.1);
    opacity: 0;
  }
}
@-moz-keyframes hideAnimate {
  0% {
    -moz-transform: rotate(0deg) scale(1);
    opacity: 1;
  }
  100% {
    -moz-transform: rotate(-180deg) scale(0.1);
    opacity: 0;
  }
}
@-ms-keyframes hideAnimate {
  0% {
    -ms-transform: rotate(0deg) scale(1);
    opacity: 1;
  }
  100% {
    -ms-transform: rotate(-180deg) scale(0.1);
    opacity: 0;
  }
}
@-o-keyframes hideAnimate {
  0% {
    -o-transform: rotate(0deg) scale(1);
    opacity: 1;
  }
  100% {
    -o-transform: rotate(-180deg) scale(0.1);
    opacity: 0;
  }
}
@keyframes hideAnimate {
  0% {
    transform: rotate(0deg) scale(1);
    opacity: 1;
  }
  100% {
    transform: rotate(-180deg) scale(0.1);
    opacity: 0;
  }
}
@-webkit-keyframes showAnimate {
  0% {
    -webkit-transform: rotate(-180deg) scale(0.1);
    opacity: 0;
  }
  100% {
    -webkit-transform: rotate(0deg) scale(1);
    opacity: 1;
  }
}
@-moz-keyframes showAnimate {
  0% {
    -moz-transform: rotate(-180deg) scale(0.1);
    opacity: 0;
  }
  100% {
    -moz-transform: rotate(0deg) scale(1);
    opacity: 1;
  }
}
@-ms-keyframes showAnimate {
  0% {
    -ms-transform: rotate(-180deg) scale(0.1);
    opacity: 0;
  }
  100% {
    -ms-transform: rotate(0deg) scale(1);
    opacity: 1;
  }
}
@-o-keyframes showAnimate {
  0% {
    -o-transform: rotate(-180deg) scale(0.1);
    opacity: 0;
  }
  100% {
    -o-transform: rotate(0deg) scale(1);
    opacity: 1;
  }
}
@keyframes showAnimate {
  0% {
    transform: rotate(-180deg) scale(0.1);
    opacity: 0;
  }
  100% {
    transform: rotate(0deg) scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes anim-open {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
  }
}
@keyframes anim-open {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes anim-close {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
  }
}
@keyframes anim-close {
  0% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
    transform: translate3d(0, 50px, 0);
  }
}
.popWinTopDiv .showWin {
  -webkit-animation: anim-open 0.7s;
  -moz-animation: anim-open 0.7s;
  -ms-animation: anim-open 0.3s;
  -o-animation: anim-open 0.3s;
  animation: anim-open 0.7s;
}
.popWinTopDiv .hideWin {
  -webkit-animation: anim-close 0.3s;
  -moz-animation: anim-close 0.3s;
  -ms-animation: anim-close 0.3s;
  -o-animation: anim-close 0.3s;
  animation: anim-close 0.3s;
}
/* 
 * Don't modify things marked with ! - unless you know what you're doing
 */

/* ! vertical layout */
.multiSelect .vertical {
    float: none;        
}

/* ! horizontal layout */
.multiSelect .horizontal:not(.multiSelectGroup) {
    float: left;
}

/* ! create a "row" */
.multiSelect .line {
    padding:  2px 0px 4px 0px;
    max-height: 30px;   
    overflow: hidden;
    box-sizing: content-box;
}

/* ! create a "column" */
.multiSelect .acol {
    display: inline-block;    
    min-width: 12px;
}

/* ! */
.multiSelect .inlineBlock {
    display: inline-block;
}

/* the multiselect button */
.multiSelect > button {
    display: inline-block;
    position: relative;
    text-align: center;    
    cursor: pointer;
    border: 1px solid #c6c6c6;    
    padding: 1px 8px 1px 8px;    
    font-size: 14px;
    min-height : 38px !important;
    border-radius: 4px;
    color: #555;   
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none; 
    white-space:normal;
    background-color: #fff;
    background-image: linear-gradient(#fff, #f7f7f7);      
}

/* button: hover */
.multiSelect > button:hover {    
    background-image: linear-gradient(#fff, #e9e9e9);    
}

/* button: disabled */
.multiSelect > button:disabled {
    background-image: linear-gradient(#fff, #fff);      
    border: 1px solid #ddd;    
    color: #999;
}

/* button: clicked */
.multiSelect .buttonClicked {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* labels on the button */
.multiSelect .buttonLabel {
    display: inline-block;
    /*padding: 5px 0px 5px 0px; */
}

/* downward pointing arrow */
.multiSelect .caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin: 0px 0px 1px 12px  !important;    
    vertical-align: middle;
    border-top: 4px solid #333;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    border-bottom: 0 dotted; 
}

/* the main checkboxes and helper layer */
.multiSelect .checkboxLayer {
    background-color: #fff;
    position: absolute;
    z-index: 999999;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);    
    /*min-width:278px;*/
    display: none !important;
}

/* container of helper elements */
.multiSelect .helperContainer {
    border-bottom: 1px solid #ddd;
    padding: 8px 8px 0px 8px;    
}

/* helper buttons (select all, none, reset); */
.multiSelect .helperButton {
    display: inline;
    text-align: center;
    cursor: pointer;
    border: 1px solid #ccc;
    height: 26px;
    font-size: 13px;
    border-radius: 2px;
    color: #666;    
    background-color: #f1f1f1;
    line-height: 1.6;
    margin: 0px 0px 8px 0px;
    padding:0 5px;
}

.multiSelect .helperButton.reset{
    float: right;
}

.multiSelect .helperButton:not( .reset ) {
    margin-right: 4px;    
}

/* clear button */
.multiSelect .clearButton {
    position: absolute;
    display: inline;
    text-align: center;
    cursor: pointer;
    border: 1px solid #ccc;
    height: 22px;
    width: 22px;
    font-size: 13px;
    border-radius: 2px;
    color: #666;    
    background-color: #f1f1f1;
    line-height: 1.4;
    right : 2px;
    top: 4px;
}

/* filter */
.multiSelect .inputFilter {
    border-radius: 2px; 
    border: 1px solid #ccc;
    height: 26px;
    font-size: 14px;
    width:100%;    
    padding-left:7px;
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */    
    color: #888;
    margin: 0px 0px 8px 0px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}

/* helper elements on hover & focus */
.multiSelect .clearButton:hover,
.multiSelect .helperButton:hover {
    border: 1px solid #ccc;
    color: #999;    
    background-color: #f4f4f4;    
}
.multiSelect .helperButton:disabled {
    color: #ccc;    
    border: 1px solid #ddd;
}

.multiSelect .clearButton:focus,
.multiSelect .helperButton:focus,
.multiSelect .inputFilter:focus {
    border: 1px solid #66AFE9 !important;
    outline: 0;
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,.065), 0 0 5px rgba(102, 175, 233, .6) !important;
            box-shadow: inset 0 0 1px rgba(0,0,0,.065), 0 0 5px rgba(102, 175, 233, .6) !important;
}

/* container of multi select items */
.multiSelect .checkBoxContainer {
    display: block;
    padding: 8px;   
    /*overflow: hidden;*/
}

/* ! to show / hide the checkbox layer above */
.multiSelect .show {
    display: block !important;
}

/* item labels */
.multiSelect .multiSelectItem {
    display:block;
    padding: 3px;
    color: #444;       
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;      
    border: 1px solid transparent;
    position: relative;
    /*min-width:278px;    */
    width:100%;
    min-height: 32px;    
}

/* Styling on selected items */
.multiSelect .multiSelectItem:not(.multiSelectGroup).selected
{
    background-image: linear-gradient( #e9e9e9, #f1f1f1 );    
    color: #555;        
    cursor: pointer;        
    border-top: 1px solid #e4e4e4;
    border-left: 1px solid #e4e4e4;    
    border-right: 1px solid #d9d9d9;            
}

.multiSelect .multiSelectItem .acol label {
    display: inline-block;
    padding-right: 30px;    
    margin: 0px;
    font-weight: normal;    
    line-height: normal;
}

/* item labels focus on mouse hover */
.multiSelect .multiSelectItem:hover, 
.multiSelect .multiSelectGroup:hover {
    background-image: linear-gradient( #c1c1c1, #999 ) !important;    
    color: #fff !important;    
    cursor: pointer;        
    border: 1px solid #ccc !important;
}

/* item labels focus using keyboard */
.multiSelect .multiSelectFocus { 
    background-image: linear-gradient( #c1c1c1, #999 ) !important;    
    color: #fff !important;    
    cursor: pointer;        
    border: 1px solid #ccc !important;
}

/* change mouse pointer into the pointing finger */
.multiSelect .multiSelectItem span:hover, 
.multiSelect .multiSelectGroup span:hover
{    
    cursor: pointer;  
}

/* ! group labels */
.multiSelect .multiSelectGroup {    
    display: block;
    clear: both;
}

/* right-align the tick mark (✔) */
.multiSelect .tickMark {
    display:inline-block; 
    position: absolute; 
    right: 10px; 
    top: 7px;
    font-size: 10px;          
}

/* hide the original HTML checkbox away */
.multiSelect .checkbox {    
    color: #ddd !important;    
    position: absolute;
    left: -9999px;
    cursor: pointer;    
}

/* checkboxes currently disabled */
.multiSelect .disabled, 
.multiSelect .disabled:hover,
.multiSelect .disabled label input:hover ~ span {
    color: #c4c4c4 !important;
    cursor: not-allowed !important;
}

/* If you use images in button / checkbox label, you might want to change the image style here. */
.multiSelect img {
    vertical-align: middle;
    margin-bottom:0px;
    max-height: 22px;
    max-width:22px;
}

/* 
 * treeGrid.css
 *
 * Styles for the tree-grid
 * for both Bootstrap 2 and Bootstrap 3
 *
 */
.tree-grid-animate-enter,
.tree-grid-row.ng-enter {
	transition : 200ms linear all;
	position   : relative;
	display    : block;
	opacity    : 0;
	max-height : 0;
}

.tree-grid-animate-enter.tree-grid-animate-enter-active,
.tree-grid-row.ng-enter-active {
	opacity    : 1;
	max-height : 30px;
}

.tree-grid-animate-leave,
.tree-grid-row.ng-leave {
	transition : 200ms linear all;
	position   : relative;
	display    : block;
	height     : 30px;
	max-height : 30px;
	opacity    : 1;
}

.tree-grid-animate-leave.tree-grid-animate-leave-active,
.tree-grid-row.ng-leave-active {
	height     : 0;
	max-height : 0;
	opacity    : 0;
}

/*
 * Angular 1.2.0 Animation placeholders.
 */
.tree-grid-animate.ng-enter {
}
.table-hover>tbody>tr.selected>td{
	/*background-color: #999999;*/
	/*color: #000000;*/
}
/*
 * Normal CSS styles.
 */
.tree-grid i.indented {
	padding : 2px;
}

.tree-grid .level-1 .indented {
	position : relative;
	left     : 0;
}

.tree-grid .level-2 .indented {
	position : relative;
	left     : 20px;
}

.tree-grid .level-3 .indented {
	position : relative;
	left     : 40px;
}

.tree-grid .level-4 .indented {
	position : relative;
	left     : 60px;
}

.tree-grid .level-5 .indented {
	position : relative;
	left     : 80px;
}

.tree-grid .level-6 .indented {
	position : relative;
	left     : 100px;
}

.tree-grid .level-7 .indented {
	position : relative;
	left     : 120px;
}

.tree-grid .level-8 .indented {
	position : relative;
	left     : 140px;
}

.tree-grid .level-9 .indented {
	position : relative;
	left     : 160px;
}

.tree-grid .level-1 .padding-right {
	padding-right     : 0;
}

.tree-grid .level-2 .padding-right {
	padding-right     : 20px;
}

.tree-grid .level-3 .padding-right {
	padding-right     : 40px;
}

.tree-grid .level-4 .padding-right {
	padding-right     : 60px;
}

.tree-grid .level-5 .padding-right {
	padding-right     : 80px;
}

.tree-grid .level-6 .padding-right {
	padding-right     : 100px;
}

.tree-grid .level-7 .padding-right {
	padding-right     : 120px;
}

.tree-grid .level-8 .padding-right {
	padding-right     : 140px;
}

.tree-grid .level-9 .padding-right {
	padding-right     : 160px;
}

.tree-grid .tree-icon,
.tree-label {
	cursor : pointer;
}

table.tree-grid {
	max-height : 500px;
	overflow-y : scroll;
}
.search-box-main {
    position: relative;
}

    .search-box-main .search-box-input-context {
        overflow: hidden;
        height: 30px;
        border: 1px solid #ccc;
        -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
        -moz-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
        box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important;
    }

        .search-box-main .search-box-input-context .search-icon {
            float: right;
            width: 20px;
            height: 100%;
            line-height: 34px;
        }

            .search-box-main .search-box-input-context .search-icon:hover {
                opacity: 0.5;
            }

        .search-box-main .search-box-input-context .search-box-input {
            overflow: hidden;
        }

            .search-box-main .search-box-input-context .search-box-input .search-box-input-text {
                width: 100%;
                display: inline-block;
                height: 20px;
                line-height: 20px;
                margin: 5px 0;
                padding: 0 0 0 5px;
                border: none;
                outline: none;
            }

    .search-box-main.active .search-box-input-context, .search-box-main.focus .search-box-input-context {
        outline: 0;
        border: 1px solid #66afe9;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    }

.search-box-pop {
    display:none;
    position: absolute;
    width: 100%;
    overflow: hidden;
    z-index: 999999;
    padding-top:40px;
    height:160px;
    padding-bottom: 10px;
}

.search-box-main.active .search-box-pop {
    display: block;
    border: 1px solid #66afe9;
    background: #fff;
}

.search-box-main .angular-ui-tree-handle {
    border: none;
    cursor: pointer;
    padding: 0;
}

    .search-box-main .angular-ui-tree-handle .handletools.expand {
        padding: 0;
        position: static;
        vertical-align: middle;
    }

    .search-box-main .angular-ui-tree-handle .itemTitle {
        vertical-align: middle;

        white-space: nowrap;
    }

.search-box-main .search-box-input-context .search-clear .glyphicon  {
    display: none;
}

.search-box-main .search-box-input-context:hover .search-clear  .glyphicon {
    display: block;
    vertical-align: middle;
    line-height: 30px;
    text-align: center;
}

.search-box-main.search-disabled .search-box-input-context:hover .search-clear {
    display: none;
}

.search-box-main.search-disabled .search-box-input-context .search-icon:hover {
    opacity: 1;
}

.search-box-main.search-disabled .search-box-input-context .search-box-input .search-box-input-text {
    background-color: #eee;
}

.search-box-main.search-disabled .search-box-input-context {
    background: #EEEEEE;
}
.search-box-main .angular-ui-tree-empty{background:#66AFE9;border:none;min-height:15px;}
.search-box-pop > .search-box-input-context{margin:5px;position:absolute;top:0;left:0;z-index: 2;}
.search-box-pop > .search-tree{height:100%;overflow:auto; padding: 0 0px;}
.search-box-pop > .search-tree .search-tree-content{padding: 0px 0;}
.search-box-pop  .tree-node-content{white-space:nowrap;text-align: left;}
.search-box-pop .angular-ui-tree-handle{overflow: visible;}
.search-box-main .error{
    color: red !important;
    font-size:14px;
}