@CHARSET "UTF-8";
*,:before,:after{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html{height:100%;width: 100%;margin:0;}
body{overflow: hidden;letter-spacing: 0px;word-spacing: 0px;margin:0;height:100%;box-sizing: border-box;padding: 0;font-family: Microsoft YaHei;font-size: 12px;line-height: 1.42857143;color: #333;background-color: #fff;width: 100%;}
a{border:0px;text-decoration:none;}
* { touch-action: pan-y; }
img{border:0px;}
ul, ol, li {list-style: none;padding: 0px;margin: 0px;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display: block;}
audio,canvas,progress,video{display: inline-block;vertical-align: baseline;}
audio:not([controls]){display: none;height: 0;}
[hidden],template{display: none;}
a{background-color: transparent;}
a:active,a:hover{outline:0;}
abbr[title]{border-bottom: 1px dotted;}
b,strong{font-weight: bold;}
dfn{font-style: italic;}
h1{margin: .67em 0;font-size: 2em;}
mark{color: #000;background: #ff0;}
small{font-size: 80%;}
sub,sup{position: relative;font-size: 75%;line-height: 0;vertical-align: baseline;}
sup{top:-.5em;}
sub{bottom:-.25em;}
img{border:0;}
svg:not(:root){overflow: hidden;}
figure{margin: 1em 40px;}
hr{height: 0;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
pre{overflow: auto;}
code,kbd,pre,samp{font-family: monospace,monospace;font-size: 1em;}
button,input,optgroup,select,textarea{margin: 0;font: inherit;color: inherit;}
button{overflow: visible;}
button,select {text-transform: none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance: button;cursor: pointer;}
button[disabled],html input[disabled]{cursor: no-drop;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
input{line-height: normal;}
input[type="checkbox"],
input[type="radio"]{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0;display: none;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height: auto;}
input[type="search"]{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance: none;}
fieldset{padding:.35em .625em .75em;margin: 0 2px;border: 1px solid #c0c0c0;}
legend{padding:0;border:0;}
textarea{overflow:auto;}
optgroup{font-weight:bold;}
table{border-spacing:0;border-collapse: collapse;}
td,th{padding:0;}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6 {font-family: inherit;font-weight: 500;line-height: 1.1;color: inherit;}
h1 small,h2 small,h3 small,h4 small,h5 small,h6 small,.h1 small,.h2 small,.h3 small,.h4 small,.h5 small,.h6 small,h1 .small,h2 .small,h3 .small,h4 .small,h5 .small,h6 .small,.h1 .small,.h2 .small,.h3 .small,.h4 .small,.h5 .small,.h6 .small {font-weight: normal;line-height: 1;color: #777;}
h1,.h1,h2,.h2,h3,.h3 {margin-top: 20px;margin-bottom: 10px;}
h1 small,.h1 small,h2 small,.h2 small,h3 small,.h3 small,h1 .small,.h1 .small,h2 .small,.h2 .small,h3 .small,.h3 .small {font-size: 65%;}
h4,.h4,h5,.h5,h6,.h6 {margin-top: 10px;margin-bottom: 10px;}
h4 small,.h4 small,h5 small,.h5 small,h6 small,.h6 small,h4 .small,.h4 .small,h5 .small,.h5 .small,h6 .small,.h6 .small {font-size: 75%;}
h1,.h1 {font-size: 36px;}
h2,.h2 {font-size: 30px;}
h3,.h3 {font-size: 24px;}
h4,.h4 {font-size: 18px;}
h5,.h5 {font-size: 14px;}
h6,.h6 {font-size: 12px;}
p{margin: 0 0 10px;}
small,.small {font-size: 85%;}
mark,.mark {padding: .2em;background-color: #fcf8e3;}
.noselect{
	-webkit-user-select: none; 
    -moz-user-select: none;    
    -khtml-user-select: none;  
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
.nl-wait:after{
  content:"";
  background-image: url(../image/loading_mini_xs.png);
  width: 18px;
  height: 18px;
  position:absolute;
  left: 50%;
  top: 50%;
  margin-top: -9px;
  margin-left: -9px;
  animation: xz 1s linear infinite;
  -webkit-animation: xz 1s linear infinite;
  -moz-animation: xz 1s linear infinite;
  -o-animation: xz 1s linear infinite;
  z-index: 9999;
}
.nl-wait:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  background-color: rgba(255, 255, 255, 0.93);
  z-index: 9;
  border-radius: 3px;
}
@keyframes xz {0%{transform: rotate(0deg);}100%{transform: rotate(360deg);}}@-webkit-keyframes xz {0%{-webkit-transform: rotate(0deg);}100%{-webkit-transform: rotate(360deg);}}@-moz-keyframes xz {0%{-moz-transform: rotate(0deg);}100%{-moz-transform: rotate(360deg);}}@-o-keyframes xz {0%{-o-transform: rotate(0deg);}100%{-o-transform: rotate(360deg);}}
@keyframes ss {0%{transform: scale(1,1);}50%{transform: scale(1.3,1.3);}100%{transform: scale(1,1);}}@-webkit-keyframes ss {0%{-webkit-transform: scale(1,1);}50%{-webkit-transform: scale(1.3,1.3);}100%{-webkit-transform: scale(1,1);}}@-moz-keyframes ss {0%{-moz-transform: scale(1,1);}50%{-moz-transform: scale(1.3,1.3);}100%{-moz-transform: scale(1,1);}}@-o-keyframes ss {0%{-o-transform: scale(1,1);}50%{-o-transform: scale(1.3,1.3);}100%{-o-transform: scale(1,1);}}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;

    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {font-family: 'Glyphicons Halflings';src: url('../../fonts/glyphicons-halflings-regular.eot');src: url('../../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');}
.icon{position: relative;top: 2px;left: -5px;display: inline-block;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;                        }
.icon.asterisk:before {content: "\2a";}
.icon.plus:before{content:"\2b";}
.icon.euro:before,.icon.eur:before{content: "\20ac";}
.icon.minus:before{content: "\2212";}
.icon.cloud:before{content: "\2601";}
.icon.envelope:before{content: "\2709";}
.icon.pencil:before{content: "\270f";}
.icon.glass:before {content: "\e001";}
.icon.music:before {content: "\e002";}
.icon.search:before {content: "\e003";}
.icon.heart:before {content: "\e005";}
.icon.star:before {content: "\e006";}
.icon.star-empty:before {content: "\e007";}
.icon.user:before {content: "\e008";}
.icon.film:before {content: "\e009";}
.icon.th-large:before {content: "\e010";}
.icon.th:before {content: "\e011";}
.icon.th-list:before {content: "\e012";}
.icon.ok:before {content: "\e013";}
.icon.remove:before {content: "\e014";}
.icon.zoom-in:before {content: "\e015";}
.icon.zoom-out:before {content: "\e016";}
.icon.off:before {content: "\e017";}
.icon.signal:before {content: "\e018";}
.icon.cog:before {content: "\e019";}
.icon.trash:before {content: "\e020";}
.icon.home:before {content: "\e021";}
.icon.file:before {content: "\e022";}
.icon.time:before {content: "\e023";}
.icon.road:before {content: "\e024";}
.icon.download-alt:before {content: "\e025";}
.icon.download:before {content: "\e026";}
.icon.upload:before {content: "\e027";}
.icon.inbox:before {content: "\e028";}
.icon.play-circle:before {content: "\e029";}
.icon.repeat:before {content: "\e030";}
.icon.refresh:before {content: "\e031";}
.icon.list-alt:before {content: "\e032";}
.icon.lock:before {content: "\e033";}
.icon.flag:before {content: "\e034";}
.icon.headphones:before {content: "\e035";}
.icon.volume-off:before {content: "\e036";}
.icon.volume-down:before {content: "\e037";}
.icon.volume-up:before {content: "\e038";}
.icon.qrcode:before {content: "\e039";}
.icon.barcode:before {content: "\e040";}
.icon.tag:before {content: "\e041";}
.icon.tags:before {content: "\e042";}
.icon.book:before {content: "\e043";}
.icon.bookmark:before {content: "\e044";}
.icon.print:before {content: "\e045";}
.icon.camera:before {content: "\e046";}
.icon.font:before {content: "\e047";}
.icon.bold:before {content: "\e048";}
.icon.italic:before {content: "\e049";}
.icon.text-height:before {content: "\e050";}
.icon.text-width:before {content: "\e051";}
.icon.align-left:before {content: "\e052";}
.icon.align-center:before {content: "\e053";}
.icon.align-right:before {content: "\e054";}
.icon.align-justify:before {content: "\e055";}
.icon.list:before {content: "\e056";}
.icon.indent-left:before {content: "\e057";}
.icon.indent-right:before {content: "\e058";}
.icon.facetime-video:before {content: "\e059";}
.icon.picture:before {content: "\e060";}
.icon.map-marker:before {content: "\e062";}
.icon.adjust:before {content: "\e063";}
.icon.tint:before {content: "\e064";}
.icon.edit:before {content: "\e065";}
.icon.share:before {content: "\e066";}
.icon.check:before {content: "\e067";}
.icon.move:before {content: "\e068";}
.icon.step-backward:before {content: "\e069";}
.icon.fast-backward:before {content: "\e070";}
.icon.backward:before {content: "\e071";}
.icon.play:before {content: "\e072";}
.icon.pause:before {content: "\e073";}
.icon.stop:before {content: "\e074";}
.icon.forward:before {content: "\e075";}
.icon.fast-forward:before {content: "\e076";}
.icon.step-forward:before {content: "\e077";}
.icon.eject:before {content: "\e078";}
.icon.chevron-left:before {content: "\e079";}
.icon.chevron-right:before {content: "\e080";}
.icon.plus-sign:before {content: "\e081";}
.icon.minus-sign:before {content: "\e082";}
.icon.remove-sign:before {content: "\e083";}
.icon.ok-sign:before {content: "\e084";}
.icon.question-sign:before {content: "\e085";}
.icon.info-sign:before {content: "\e086";}
.icon.screenshot:before {content: "\e087";}
.icon.remove-circle:before {content: "\e088";}
.icon.ok-circle:before {content: "\e089";}
.icon.ban-circle:before {content: "\e090";}
.icon.arrow-left:before {content: "\e091";}
.icon.arrow-right:before {content: "\e092";}
.icon.arrow-up:before {content: "\e093";}
.icon.arrow-down:before {content: "\e094";}
.icon.share-alt:before {content: "\e095";}
.icon.resize-full:before {content: "\e096";}
.icon.resize-small:before {content: "\e097";}
.icon.exclamation-sign:before {content: "\e101";}
.icon.gift:before {content: "\e102";}
.icon.leaf:before {content: "\e103";}
.icon.fire:before {content: "\e104";}
.icon.eye-open:before {content: "\e105";}
.icon.eye-close:before {content: "\e106";}
.icon.warning-sign:before {content: "\e107";}
.icon.plane:before {content: "\e108";}
.icon.calendar:before {content: "\e109";}
.icon.random:before {content: "\e110";}
.icon.comment:before {content: "\e111";}
.icon.magnet:before {content: "\e112";}
.icon.chevron-up:before {content: "\e113";}
.icon.chevron-down:before {content: "\e114";}
.icon.retweet:before {content: "\e115";}
.icon.shopping-cart:before {content: "\e116";}
.icon.folder-close:before {content: "\e117";}
.icon.folder-open:before {content: "\e118";}
.icon.resize-vertical:before {content: "\e119";}
.icon.resize-horizontal:before {content: "\e120";}
.icon.hdd:before {content: "\e121";}
.icon.bullhorn:before {content: "\e122";}
.icon.bell:before {content: "\e123";}
.icon.certificate:before {content: "\e124";}
.icon.thumbs-up:before {content: "\e125";}
.icon.thumbs-down:before {content: "\e126";}
.icon.hand-right:before {content: "\e127";}
.icon.hand-left:before {content: "\e128";}
.icon.hand-up:before {content: "\e129";}
.icon.hand-down:before {content: "\e130";}
.icon.circle-arrow-right:before {content: "\e131";}
.icon.circle-arrow-left:before {content: "\e132";}
.icon.circle-arrow-up:before {content: "\e133";}
.icon.circle-arrow-down:before {content: "\e134";}
.icon.globe:before {content: "\e135";}
.icon.wrench:before {content: "\e136";}
.icon.tasks:before {content: "\e137";}
.icon.filter:before {content: "\e138";}
.icon.briefcase:before {content: "\e139";}
.icon.fullscreen:before {content: "\e140";}
.icon.dashboard:before {content: "\e141";}
.icon.paperclip:before {content: "\e142";}
.icon.heart-empty:before {content: "\e143";}
.icon.link:before {content: "\e144";}
.icon.phone:before {content: "\e145";}
.icon.pushpin:before {content: "\e146";}
.icon.usd:before {content: "\e148";}
.icon.gbp:before {content: "\e149";}
.icon.sort:before {content: "\e150";}
.icon.sort-by-alphabet:before {content: "\e151";}
.icon.sort-by-alphabet-alt:before {content: "\e152";}
.icon.sort-by-order:before {content: "\e153";}
.icon.sort-by-order-alt:before {content: "\e154";}
.icon.sort-by-attributes:before {content: "\e155";}
.icon.sort-by-attributes-alt:before {content: "\e156";}
.icon.unchecked:before {content: "\e157";}
.icon.expand:before {content: "\e158";}
.icon.collapse-down:before {content: "\e159";}
.icon.collapse-up:before {content: "\e160";}
.icon.log-in:before {content: "\e161";}
.icon.flash:before {content: "\e162";}
.icon.log-out:before {content: "\e163";}
.icon.new-window:before {content: "\e164";}
.icon.record:before {content: "\e165";}
.icon.save:before {content: "\e166";}
.icon.open:before {content: "\e167";}
.icon.saved:before {content: "\e168";}
.icon.import:before {content: "\e169";}
.icon.export:before {content: "\e170";}
.icon.send:before {content: "\e171";}
.icon.floppy-disk:before {content: "\e172";}
.icon.floppy-saved:before {content: "\e173";}
.icon.floppy-remove:before {content: "\e174";}
.icon.floppy-save:before {content: "\e175";}
.icon.floppy-open:before {content: "\e176";}
.icon.credit-card:before {content: "\e177";}
.icon.transfer:before {content: "\e178";}
.icon.cutlery:before {content: "\e179";}
.icon.header:before {content: "\e180";}
.icon.compressed:before {content: "\e181";}
.icon.earphone:before {content: "\e182";}
.icon.phone-alt:before {content: "\e183";}
.icon.tower:before {content: "\e184";}
.icon.stats:before {content: "\e185";}
.icon.sd-video:before {content: "\e186";}
.icon.hd-video:before {content: "\e187";}
.icon.subtitles:before {content: "\e188";}
.icon.sound-stereo:before {content: "\e189";}
.icon.sound-dolby:before {content: "\e190";}
.icon.sound-5-1:before {content: "\e191";}
.icon.sound-6-1:before {content: "\e192";}
.icon.sound-7-1:before {content: "\e193";}
.icon.copyright-mark:before {content: "\e194";}
.icon.registration-mark:before {content: "\e195";}
.icon.cloud-download:before {content: "\e197";}
.icon.cloud-upload:before {content: "\e198";}
.icon.tree-conifer:before {content: "\e199";}
.icon.tree-deciduous:before {content: "\e200";}
.icon.cd:before {content: "\e201";}
.icon.save-file:before {content: "\e202";}
.icon.open-file:before {content: "\e203";}
.icon.level-up:before {content: "\e204";}
.icon.copy:before {content: "\e205";}
.icon.paste:before {content: "\e206";}
.icon.alert:before {content: "\e209";}
.icon.equalizer:before {content: "\e210";}
.icon.king:before {content: "\e211";}
.icon.queen:before {content: "\e212";}
.icon.pawn:before {content: "\e213";}
.icon.bishop:before {content: "\e214";}
.icon.knight:before {content: "\e215";}
.icon.baby-formula:before {content: "\e216";}
.icon.tent:before {content: "\26fa";}
.icon.blackboard:before {content: "\e218";}
.icon.bed:before {content: "\e219";}
.icon.apple:before {content: "\f8ff";}
.icon.erase:before {content: "\e221";}
.icon.hourglass:before {content: "\231b";}
.icon.lamp:before {content: "\e223";}
.icon.duplicate:before {content: "\e224";}
.icon.piggy-bank:before {content: "\e225";}
.icon.scissors:before {content: "\e226";}
.icon.bitcoin:before {content: "\e227";}
.icon.btc:before {content: "\e227";}
.icon.xbt:before {content: "\e227";}
.icon.yen:before {content: "\00a5";}
.icon.jpy:before {content: "\00a5";}
.icon.ruble:before {content: "\20bd";}
.icon.rub:before {content: "\20bd";}
.icon.scale:before {content: "\e230";}
.icon.ice-lolly:before {content: "\e231";}
.icon.ice-lolly-tasted:before {content: "\e232";}
.icon.education:before {content: "\e233";}
.icon.option-horizontal:before {content: "\e234";}
.icon.option-vertical:before {content: "\e235";}
.icon.menu-hamburger:before {content: "\e236";}
.icon.modal-window:before {content: "\e237";}
.icon.oil:before {content: "\e238";}
.icon.grain:before {content: "\e239";}
.icon.sunglasses:before {content: "\e240";}
.icon.text-size:before {content: "\e241";}
.icon.text-color:before {content: "\e242";}
.icon.text-background:before {content: "\e243";}
.icon.object-align-top:before {content: "\e244";}
.icon.object-align-bottom:before {content: "\e245";}
.icon.object-align-horizontal:before {content: "\e246";}
.icon.object-align-left:before {content: "\e247";}
.icon.object-align-vertical:before {content: "\e248";}
.icon.object-align-right:before {content: "\e249";}
.icon.triangle-right:before {content: "\e250";}
.icon.triangle-left:before {content: "\e251";}
.icon.triangle-bottom:before {content: "\e252";}
.icon.triangle-top:before {content: "\e253";}
.icon.console:before {content: "\e254";}
.icon.superscript:before {content: "\e255";}
.icon.subscript:before {content: "\e256";}
.icon.menu-left:before {content: "\e257";}
.icon.menu-right:before {content: "\e258";}
.icon.menu-down:before {content: "\e259";}
.icon.menu-up:before {content: "\e260";}

.text-left{text-align: left;}
.text-right{text-align:right;}
.text-center{text-align: center;}
.text-justify{text-align: justify;}
.text-nowrap {white-space: nowrap;}
.text-lowercase{text-transform: lowercase;}
.text-uppercase{text-transform: uppercase;}
.text-capitalize{text-transform: capitalize;}
.text-muted{color: #777;}
.text-primary{color: #337ab7;}
a.text-primary:hover,
a.text-primary:focus{color: #286090;}
.text-success{color: #3c763d;}
a.text-success:hover,a.text-success:focus{color: #2b542c;}
.text-info{color: #31708f;}
a.text-info:hover,a.text-info:focus{color: #245269;}
.text-warning {color: #8a6d3b;}
a.text-warning:hover,a.text-warning:focus{color: #66512c;}
.text-danger{color: #a94442;}
a.text-danger:hover,
a.text-danger:focus{color: #843534;}
.bg-primary{color: #fff;background-color: #337ab7;}
a.bg-primary:hover,a.bg-primary:focus{background-color: #286090;}
.bg-success {background-color: #dff0d8;}
a.bg-success:hover,a.bg-success:focus{background-color: #c1e2b3;}
.bg-info {background-color: #d9edf7;}
a.bg-info:hover,a.bg-info:focus{background-color: #afd9ee;}
.bg-warning {background-color: #fcf8e3;}
a.bg-warning:hover,a.bg-warning:focus {background-color: #f7ecb5;}
.bg-danger{background-color: #f2dede;}
a.danger:hover,a.danger:focus {background-color: #e4b9b9;}

.bg-blue{background-color: #00c0ef !important;color:white;}
.bg-red{background-color: #dd4b39 !important;color:white;}
.bg-green{background-color: #00a65a !important;color:white;}
.bg-yellow{background-color: #ebccd1 !important;color:white;}

.border-top-blue{border-top: 3px solid #00c0ef !important;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.border-top-red{border-top:3px solid #dd4b39 !important;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.border-top-green{border-top:3px solid #00a65a !important;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.border-top-yellow{border-top:3px solid #f39c12 !important;border-top-left-radius: 3px;border-top-right-radius: 3px;}


ul,ol{margin-top: 0;margin-bottom: 10px;}
ul ul,ol ul,ul ol,ol ol{margin-bottom: 0;}


input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {cursor: not-allowed;}

.count{display: inline-block;min-width: 10px;padding: 3px 7px;font-size: 12px;font-weight: bold;line-height: 1;color: #fff;text-align: center;white-space: nowrap;vertical-align: middle;background-color: #777;border-radius: 10px;}
.count.no-color{color: #333;background-color: #fff;border-color: #ccc;}
.count.success{color: #fff;background-color: #5cb85c;border-color: #4cae4c;}
.count.info{color: #fff;background-color: #5bc0de;border-color: #46b8da;}
.count.warning{color: #fff;background-color: #f0ad4e;border-color: #eea236;}
.count.danger{color: #fff;background-color: #d9534f;border-color: #d43f3a;}
.count.link{font-weight: normal;color: #337ab7;border-radius: 0;}
.count.top{
  font-size: 12px;
  font-weight: normal;
  padding: 2px;
  position: absolute;
  right: 8px;
  top: 10px;
  border-radius: 5px;
}


.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12{float: left;position: relative;    min-height: 1px;padding-right: 15px;padding-left: 15px;overflow: visible;}
.col-12 {width: 100%;}
.col-11 {width: 91.66666667%;}
.col-10 {width: 83.33333333%;}
.col-9 {width: 75%;}
.col-8 {width: 66.66666667%;}
.col-7 {width: 58.33333333%;}
.col-6 {width: 50%;}
.col-5 {width: 41.66666667%;}
.col-4 {width: 33.33333333%;}
.col-3 {width: 25%;}
.col-2 {width: 16.66666667%;}
.col-1{width: 8.33333333%;}
.col-full{width: 100%;}
.col-pull-12 {right: 100%;}
.col-pull-11 {right: 91.66666667%;}
.col-pull-10 {right: 83.33333333%;}
.col-pull-9 {right: 75%;}
.col-pull-8 {right: 66.66666667%;}
.col-pull-7 {right: 58.33333333%;}
.col-pull-6 {right: 50%;}
.col-pull-5 {right: 41.66666667%;}
.col-pull-4 {right: 33.33333333%;}
.col-pull-3 {right: 25%;}
.col-pull-2 {right: 16.66666667%;}
.col-pull-1 {right: 8.33333333%;}
.col-pull-0 {right: auto;}
.col-push-12 {left: 100%;}
.col-push-11 {left: 91.66666667%;}
.col-push-10 {left: 83.33333333%;}
.col-push-9 {left: 75%;}
.col-push-8 {left: 66.66666667%;}
.col-push-7 {left: 58.33333333%;}
.col-push-6 {left: 50%;}
.col-push-5 {left: 41.66666667%;}
.col-push-4 {left: 33.33333333%;}
.col-push-3 {left: 25%;}
.col-push-2 {left: 16.66666667%;}
.col-push-1 {left: 8.33333333%;}
.col-push-0 {left: auto;}
.col-push-0 {left: auto;}
.col-offset-12 {margin-left: 100%;}
.col-offset-11 {margin-left: 91.66666667%;}
.col-offset-10 {margin-left: 83.33333333%;}
.col-offset-9 {margin-left: 75%;}
.col-offset-8 {margin-left: 66.66666667%;}
.col-offset-7 {margin-left: 58.33333333%;}
.col-offset-6 {margin-left: 50%;}
.col-offset-5 {margin-left: 41.66666667%;}
.col-offset-4 {margin-left: 33.33333333%;}
.col-offset-3 {margin-left: 25%;}
.col-offset-2 {margin-left: 16.66666667%;}
.col-offset-1 {margin-left: 8.33333333%;}
.col-offset {margin-left: 0;}
.col-center{position:relative!important;margin:auto!important;}
.col-right{float:right;}
.col-left{float:left;}
.hidden{display:none!important; opacity: 0!important;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.hide{opacity: 0!important;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.show{opacity: 1!important;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);}
.clear-padding{padding:0!important;}
.clear-margin{margin:0!important;}
.inline-block{display:inline-block;}
.clear-float{float:none;}
.relative{position:relative;display: inline-block;}
.absolute{position:absolute;}

.dh500ms{transition: 0.5s;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;}
.dh1s{transition: 1s;-webkit-transition: 1s;-moz-transition: 1s;-o-transition: 1s;}
.dh1500ms{transition: 1.5s;-webkit-transition: 1.5s;-moz-transition: 1.5s;-o-transition: 1.5s;}
.dh2s{transition: 2s;-webkit-transition: 2s;-moz-transition: 2s;-o-transition: 2s;}
.dh2500ms{transition: 2.5s;-webkit-transition: 2.5s;-moz-transition: 2.5s;-o-transition: 2.5s;}
.dh3s{transition: 3s;-webkit-transition: 3s;-moz-transition: 3s;-o-transition: 3s;}
.dh3500ms{transition: 3.5s;-webkit-transition: 3.5s;-moz-transition: 3.5s;-o-transition: 3.5s;}
.dh4s{transition: 4s;-webkit-transition: 4s;-moz-transition: 4s;-o-transition: 4s;}
.dh5s{transition: 5s;-webkit-transition: 5s;-moz-transition: 5s;-o-transition: 5s;}
.dh6s{transition: 6s;-webkit-transition: 6s;-moz-transition: 6s;-o-transition: 6s;}
.dh7s{transition: 7s;-webkit-transition: 7s;-moz-transition: 7s;-o-transition: 7s;}
.dh8s{transition: 8s;-webkit-transition: 8s;-moz-transition: 8s;-o-transition: 8s;}
.dh9s{transition: 9s;-webkit-transition: 9s;-moz-transition: 9s;-o-transition: 9s;}
.dh10s{transition: 10s;-webkit-transition: 10s;-moz-transition: 10s;-o-transition: 10s;}


.row{position:relative;padding: 5px;}
.row.xs{padding:0px}
.row:before,.row:after{display: table;content: " ";font-size: 0;height: 0;width: 0;}
.row:after{clear:both;}
.row .row{margin:0;}
.row2,.row3,row3-2,.row4,row4-2,.row4-3,.row5,.row5-2,.row5-3,.row5-4{overflow: hidden;width: 100%;position:relative;font-size: 0;float: left;}
.row5{height:20%;}
.row5-2{height:40%;}
.row5-3{height:60%;}
.row5-4{height:80%;}
.row5>.col3 + .col3 + .col3{width:34%;}
.row4{height:25%;}
.row4>.col3 + .col3 + .col3{width:34%;}
.row4-2{height:50%;}
.row4-3{height:75%;}
.row3{height: 33%;}
.row3>.col3 + .col3 + .col3{width:34%;}
.row3-2{height: 67%;}
.row3:nth-child(3n+0){height:34%;}
.row2{height: 50%;}
.row2>.col3 + .col3 + .col3{width:34%;}
.row-full{height:100%;}

.nl-row-auto{position: absolute;left: 0px;right: 0px;bottom: 5px;padding: 5px;z-index: 999;top: 0;}


form .row,form [class*="col-"]{padding-left:0;padding-right:0;}
form .row{border-bottom: 1px rgb(219, 219, 219) dotted;}
form .row:last-child,form .row .row:last-child{border-bottom:0;}
form .row:last-child{}
form.search{
  padding: 5px;
  border-radius: 4px;
  margin: 0;
  padding-left: 30px;
  background-color: #F4F4F4;
  border-left: 1px rgb(229, 229, 229) solid;
  border: 1px rgb(229, 229, 229) solid;
}
form.search .row{padding: 0;}
form.search .item{padding: 5px 5px;}
form:after,.form:after{clear:both;}
form > h1,form > h2,form > h3,form > h4,form > h5,form > h6,
.form > h1,.form > h2,.form > h3,.form > h4,.form > h5,.form > h6,
form > .h1,form > .h2,form > .h3,form > .h4,form > .h5,form > .h6,
.form > .h1,.form > .h2,.form > .h3,.form > .h4,.form > .h5,.form > .h6{border-bottom: 1px rgb(208, 208, 208) dotted;padding-bottom: 10px;font-weight: bold;}
.item{padding: 5px 0;text-align: left;display: inline-block;position: relative;white-space: nowrap;opacity: 0;}
.item .item{
    padding: 0;
}
.item .row{padding:0;border-width:0;}
.item .item>h5{width: 100px;text-align: right;}
.item > h1,.item > h2,.item > h3,.item > h4,.item > h5,.item > h6,
.item > .h1,.item > .h2,.item > .h3,.item > .h4,.item > .h5,.item > .h6,
.item > h1,.item > h2,.item > h3,.item > h4,.item > h5,.item > h6,
.item > .h1,.item > .h2,.item > .h3,.item > .h4,.item > .h5,.item > .h6{font-size: 12px;text-align: right;font-weight: bold;margin: 11px 20px;margin-left: 0;width: 160px;float: left;}

.item.lg > h1,.item.lg > h2,.item.lg > h3,.item.lg > h4,.item.lg > h5,.item.lg > h6,
.item.lg > .h1,.item.lg > .h2,.item.lg > .h3,.item.lg > .h4,.item.lg > .h5,.item.lg > .h6,
.item.lg > h1,.item.lg > h2,.item.lg > h3,.item.lg > h4,.item.lg > h5,.item.lg > h6,
.item.lg > .h1,.item.lg > .h2,.item.lg > .h3,.item.lg > .h4,.item.lg > .h5,.item.lg > .h6{
  margin: 16px 20px;
}

.item.sm > h1,.item.sm > h2,.item.sm > h3,.item.sm > h4,.item.sm > h5,.item.sm > h6,
.item.sm > .h1,.item.sm > .h2,.item.sm > .h3,.item.sm > .h4,.item.sm > .h5,.item.sm > .h6,
.item.sm > h1,.item.sm > h2,.item.sm > h3,.item.sm > h4,.item.sm > h5,.item.sm > h6,
.item.sm > .h1,.item.sm > .h2,.item.sm > .h3,.item.sm > .h4,.item.sm > .h5,.item.sm > .h6{
  margin: 8px 20px;
}

.item.xs > h1,.item.xs > h2,.item.xs > h3,.item.xs > h4,.item.xs > h5,.item.xs > h6,
.item.xs > .h1,.item.xs > .h2,.item.xs > .h3,.item.xs > .h4,.item.xs > .h5,.item.xs > .h6,
.item.xs > h1,.item.xs > h2,.item.xs > h3,.item.xs > h4,.item.xs > h5,.item.xs > h6,
.item.xs > .h1,.item.xs > .h2,.item.xs > .h3,.item.xs > .h4,.item.xs > .h5,.item.xs > .h6{
  margin: 4px 10px;
}


.item .msg-text,.item .msg-text{font-size: 12px;font-weight: bold;position:absolute;display: inline-block;padding: 2px 5px;padding-left: 20px;background-color: rgb(255, 230, 230);border: 1px rgb(216, 183, 183) solid;color: rgb(207, 100, 100);border-radius: 5px;margin-top: 1px;margin-bottom: -7px;display: none;z-index: 9999}
.item .msg-text .icon,.item .msg-text .icon{font-size: 15px;top: 0px;left: -5px;vertical-align: middle;padding: 0;padding-right: 10px;position: relative;}
.item.lg .msg-text,.item.lg .msg-text{}
.item.lg .msg-text .icon,.item.lg .msg-text .icon{}
.item.sm .msg-text,.item.sm .msg-text{}
.item.sm .msg-text .icon,.item.sm .msg-text .icon{}
.item.xs .msg-text,.item.xs .msg-text{
    font-size: 10px;
    padding: 0px 5px;
}
.item.xs .msg-text .icon,.item.xs .msg-text .icon{
    font-size: 10px;
    top: -2px;
    left: 0px;
}

.item.success h5,
.item.success .texticon{color:#3c763d;}
.item.success .msg-text,
.item.success .msg-text{color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;}
.item.info h5,
.item.info .texticon{color:#31708f;}
.item.info .msg-text,
.item.info .group-addon,
.item.info .msg-text{color: #31708f;background-color: #d9edf7;border-color: #bce8f1;}
.item.warning h5,
.item.warning .texticon{color:#8a6d3b;}
.item.warning .msg-text,
.item.warning .group-addon,
.item.warning .msg-text{color: #8a6d3b;background-color: #fcf8e3;border-color: #faebcc;}
.item.danger h5,
.item.danger .texticon{color:#a94442;}
.item.danger .msg-text,
.item.danger .group-addon,
.item.danger .msg-text{color: #a94442;background-color: #f2dede;border-color: #ebccd1;}

.item.lg .texticon{font-size: 20px;padding: 14px 7px;}
.item.sm .texticon{padding: 5px 7px;}
.item.xs .texticon{font-size: 10px;padding: 5px 7px;}

.item.success > .group-item,
.item.info > .group-item,
.item.warning > .group-item,
.item.danger > .group-item{padding-right: 34px;}


form.lg .nl-but,form.lg .nl-link-but,form.lg .nl-text,form.lg .group-addon{padding: 10px 16px;font-size: 18px;line-height: 1.3333333;border-radius: 6px;}
form.sm .nl-but,form.sm .nl-link-but,form.sm .nl-text,form.sm .group-addon{padding: 5px 10px;font-size: 12px;line-height: 1.5;border-radius: 3px;}
form.xs .nl-but,form.xs .nl-link-but,form.xs .nl-text,form.xs .group-addon{padding: 6px 10px;font-size: 12px;line-height: 1;border-radius: 3px;margin: 0;}
form.lg h5{padding: 12px 5px;font-size: 16px;line-height: 1.3333333;border-radius: 6px;margin: 0px 5px;margin-left: 0;padding-left: 0;}
form.sm h5{padding: 6px 10px;font-size: 12px;line-height: 1.5;border-radius: 3px;margin: 0;}
form.xs h5{padding: 5px;font-size: 12px;line-height: 1.5;border-radius: 3px;margin: 0;}
form.search h5{width: auto;padding-left: 10px;padding-right: 20px;text-align: right;}
form.search .nl-but,form.search .nl-link-but,form.search .nl-text,form.search .group-addon{padding: 5px;font-size: 12px;line-height: 1;border-radius: 5px;height: 28px;}
form .group{display:table;overflow: visible;}
form .group .group-tiem{
    width:auto;
}

form .group .group-item{
    width:100%;
}

form .group .group-addon,form .group .group-but{
    width:1%;
    float:none;
}

.item .texticon{
    position: absolute;
    opacity: 1;
    font-size: 20px;
    top: 5px;
    z-index: 20;
    padding: 7px;
}


.group{position: relative;display: inline-block;border-collapse: separate;white-space: nowrap;}
.group .row{border-width: 0px;}
.group .group-item,.group .group-addon,.group .group-but,.group-block {display: table-cell;}
.group .group-addon.success{}
.group .group-addon.info{}
.group .group-addon.warning{}
.group .group-addon.danger{}
.group .group-addon.no-color{
    background-color: #FFF;
}
.group .group-addon,
.group .group-but{white-space: nowrap;vertical-align: middle;float: left;margin: 0;}
.group .group-addon{padding: 7px;font-size: 12px;font-weight: 400;line-height: 1.5;color: #555;text-align: center;background-color: #eee;border: 1px solid #ccc;border-radius: 4px;height: 34px;-webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;}
.group .group-addon.notnull{background-color: rgb(255, 230, 230);border-color: rgb(216, 183, 183);}
.group .group-addon.notnull:before{content: "\0028\5fc5\586b\0029";color: rgb(255, 155, 155);}
.group .group-addon.null{background-color: rgb(239, 239, 239);}
.group .group-addon.null:before{content:"\0028\9009\586b\0029";color: rgb(181, 181, 181);}
.group .group-addon:first-child:not(:last-child),
.group .group-but:first-child:not(:last-child),
.group .group-item:first-child:not(:last-child),
.group .group-block:first-child:not(:last-child){border-top-right-radius: 0;border-bottom-right-radius: 0;}
.group .group-addon:first-child:not(:last-child){border-right-width:0;}
.group .group-item,
.group .group-block{position: relative;z-index: 2;float: left;margin-bottom: 0;}
.group .group-block{
    border: 1px rgb(204, 204, 204) solid;
    padding: 6px 10px;
    border-radius: 4px;
    width: 100%;
}
.group .group-item:not(:first-child):not(:last-child),
.group .group-block:not(:first-child):not(:last-child),
.group-addon:not(:first-child):not(:last-child),
.group-btn:not(:first-child):not(:last-child) {border-radius: 0;border-right-width: 0;border-left-width: 1px;}
.group .group-item:not(:first-child):not(:last-child),
.group .group-block:not(:first-child):not(:last-child){border-right-width:1px;}
.group .group-addon:not(:first-child):not(:last-child){border-left-width: 1px;border-right-width: 0px;border-radius: 0;}
.group .group-addon:not(:first-child):last-child,
.group .group-but:not(:first-child):last-child,
.group .group-item:not(:first-child):last-child,
.group .group-block:not(:first-child):last-child {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.group .group-item + .group-addon,
.group .group-block + .group-addon,
.group .group-item + .group-but,
.group .group-block + .group-but{border-left-width:0!important;}
.group.lg .group-item,
.group.lg .group-block,
.group.lg .group-addon,
.group.lg .group-but{padding: 10px 16px;font-size: 18px;line-height: 1.3333333;border-radius: 6px;height: 46px;}
.group.sm .group-item,
.group.sm .group-block,
.group.sm .group-addon,
.group.sm .group-but{padding: 5px 10px;font-size: 12px;line-height: 1.5;border-radius: 3px;height: 30px;}
.group.sm .group-item,
.group.sm .group-block{padding: 3px 10px;}
.group.xs .group-item,
.group.xs .group-block,
.group.xs .group-addon,
.group.xs .group-but{padding: 1px 5px;font-size: 12px;line-height: 1.5;border-radius: 3px;height: 22px;}
.group.xs .group-addon{line-height: 1px;}

td.but-group{position: relative;display:table-cell;vertical-align: middle;}
.but-group{position: relative;display: inline-block;vertical-align: middle;}
.but-group > .nl-but,.but-group > .nl-link-but{position: relative;float: left;}
.but-group > .nl-but:hover,
.but-group > .nl-but:focus,
.but-group > .nl-but:active,
.but-group > .nl-but.active,
.but-group > .nl-link-but:hover,
.but-group > .nl-link-but:focus,
.but-group > .nl-link-but:active,
.but-group > .nl-link-but.active{z-index: 2;}
.but-group .nl-but + .nl-but,.but-group .nl-but + .but-group,.but-group .but-group + .nl-but,.but-group .but-group + .but-group,
.but-group .nl-link-but + .nl-link-but,.but-group .nl-link-but + .but-group,.but-group .but-group + .nl-link-but,.but-group .but-group + .but-group {margin-left: -1px;}
.but-toolbar {margin-left: -5px;}
.but-toolbar .nl-but,.but-toolbar .but-group,.but-toolbar .input-group,
.but-toolbar .nl-link-but,.but-toolbar .but-group,.but-toolbar .input-group {float: left;}
.but-toolbar > .nl-but,.but-toolbar > .but-group,.but-toolbar > .input-group,
.but-toolbar > .nl-link-but,.but-toolbar > .but-group,.but-toolbar > .input-group {margin-left: 5px;}
.but-group > .nl-but:not(:first-child):not(:last-child),
.but-group > .nl-link-but:not(:first-child):not(:last-child){border-radius: 0;}
.but-group > .nl-but:first-child,
.but-group > .nl-link-but:first-child{margin-left: 0;}
.but-group > .nl-but:first-child:not(:last-child),
.but-group > .nl-link-but:first-child:not(:last-child){border-top-right-radius: 0;border-bottom-right-radius: 0;}
.but-group > .nl-but:last-child:not(:first-child),
.but-group > .nl-link-but:last-child:not(:first-child){border-top-left-radius: 0;border-bottom-left-radius: 0;}
.but-group > .but-group {float: left;}
.but-group > .but-group:not(:first-child):not(:last-child) > .nl-but,
.but-group > .but-group:not(:first-child):not(:last-child) > .nl-link-but{border-radius: 0;}
.but-group > .but-group:first-child:not(:last-child) > .nl-but:last-child,
.but-group > .but-group:first-child:not(:last-child) > .nl-link-but:last-child{border-top-right-radius: 0;border-bottom-right-radius: 0;}
.but-group > .but-group:last-child:not(:first-child) > .nl-but:first-child,
.but-group > .but-group:last-child:not(:first-child) > .nl-link-but:first-child{border-top-left-radius: 0;border-bottom-left-radius: 0;}


.nl-panel,
form,.nl-form{background-color: #F4F4F4;border: 1px solid rgb(208, 208, 208);border-radius: 5px;position: absolute;left: 0px;right: 0px;top: 0px;bottom: 0px;opacity: 0;margin: 5px;overflow: hidden;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
form{opacity:1;border-width:0;}
.nl-panel.head > .panel-body,
.nl-form.head > .form-body{top: 51px;}
.nl-panel.footer > .panel-body,
.nl-form.footer > .form-body{bottom: 51px;}
.nl-panel .panel-body,
.nl-form .form-body {padding: 0px 15px;overflow: hidden;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.nl-form .form-body{padding: 2px;background-color: #F4F4F4;}
.nl-form .form-body > [class*='col']:not(:last-child){
	border-right: 1px #DBDBDB dotted;
	min-height: 100%;
}
.nl-panel .panel-heading,
.nl-form .form-heading 
.nl-panel .panel-row-heading,
.nl-form .form-row-heading {padding: 3px 15px;border-bottom: 1px solid transparent;border-top-left-radius: 3px;border-top-right-radius: 3px;}
.nl-panel .panel-title,
.nl-form .form-title,
.nl-panel .panel-row-title,
.nl-form .form-row-title {margin-top: 0;margin-bottom: 0;color: inherit;font-weight: bold;}
.nl-panel .panel-title > a,
.nl-panel .panel-title > small,
.nl-panel .panel-title > .small,
.nl-panel .panel-title > small > a,
.nl-panel .panel-title > .small > a ,
.nl-panel .panel-row-title > a,
.nl-panel .panel-row-title > small,
.nl-panel .panel-row-title > .small,
.nl-panel .panel-row-title > small > a,
.nl-panel .panel-row-title > .small > a ,
.nl-form .form-title > a,
.nl-form .form-title > small,
.nl-form .form-title > .small,
.nl-form .form-title > small > a,
.nl-form .form-title > .small > a,
.nl-form .form-row-title > a,
.nl-form .form-row-title > small,
.nl-form .form-row-title > .small,
.nl-form .form-row-title > small > a,
.nl-form .form-row-title > .small > a {color: inherit;}
.nl-panel .panel-footer,
.nl-form .form-footer  {padding: 0px 15px;background-color: #f9f9f9;border-top: 1px rgb(229, 229, 229) solid;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;position: absolute;bottom: 0;left: 0;right: 0;font-size: 12px;text-align: center;z-index: 10;}
.nl-panel > .panel-heading,
.nl-panel > .panel-body > .panel-row-heading,
.nl-form > .form-heading,
.nl-form > .form-body > .form-row-heading  {color: #333;font-size: 14px;font-weight: bold;padding: 15px;border-bottom: 1px rgb(208, 208, 208) solid;background-color: rgb(244, 244, 244);border-radius: 4px;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
.nl-panel > .panel-heading + .panel-collapse > .panel-body,
.nl-panel > .panel-body > .panel-row-heading + .panel-collapse > .panel-body,
.nl-form > .form-heading + .form-collapse > .form-body,
.nl-form > .form-body > .form-row-heading + .form-collapse > .form-body {border-top-color: #337ab7;}
.nl-panel > .panel-heading .badge,
.nl-form > .form-heading .badge,
.nl-panel > .panel-body > .panel-row-heading .badge,
.nl-form > .form-body > .form-row-heading .badge  {color: #337ab7;background-color: #fff;}
.nl-panel > .panel-footer + .panel-collapse > .panel-body,
.nl-form > .form-footer + .form-collapse > .form-body {border-bottom-color: #337ab7;}
.nl-panel.no-color,
.nl-form.no-color {border-color: #ddd;}
.nl-panel.no-color > .panel-heading,
.nl-form.no-color > .form-heading,
.nl-panel.no-color > .panel-body > .panel-row-heading,
.nl-form.no-color > .form-body > .form-row-heading  {color: #333;background-color: #f5f5f5;border-color: #ddd;}
.nl-panel.no-color > .panel-heading + .panel-collapse > .panel-body,
.nl-form.no-color > .form-heading + .form-collapse > .form-body,
.nl-panel.no-color > .panel-body > .panel-row-heading + .panel-collapse > .panel-body,
.nl-form.no-color > .form-body > .form-row-heading + .form-collapse > .form-body {border-top-color: #ddd;}
.nl-panel.no-color > .panel-heading .badge,
.nl-form.no-color > .form-heading .badge,
.nl-panel.no-color > .panel-body > .panel-row-heading .badge,
.nl-form.no-color > .form-body > .form-row-heading .badge{color: #f5f5f5;background-color: #333;}
.nl-panel.no-color > .panel-footer + .panel-collapse > .panel-body,
.nl-form.no-color > .form-footer + .form-collapse > .form-body {border-bottom-color: #ddd;}
.nl-panel.success,
.nl-form.success {border-color: #d6e9c6;}
.nl-panel.success > .panel-heading,
.nl-form.success > .form-heading,
.nl-panel.success > .panel-body > .panel-row-heading,
.nl-form.success > .form-body > .form-row-heading {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;}
.nl-panel.success > .panel-heading + .panel-collapse > .panel-body,
.nl-form.success > .form-heading + .form-collapse > .form-body,
.nl-panel.success > .panel-body > .panel-row-heading + .panel-collapse > .panel-body,
.nl-form.success > .form-body > .form-row-heading + .form-collapse > .form-body {border-top-color: #d6e9c6;}
.nl-panel.success > .panel-heading .badge,
.nl-form.success > .form-heading .badge,
.nl-panel.success > .panel-body > .panel-row-heading .badge,
.nl-form.success > .form-body > .form-row-heading .badge {color: #dff0d8;background-color: #3c763d;}
.nl-panel.success > .panel-footer + .panel-collapse > .panel-body,
.nl-form.success > .form-footer + .form-collapse > .form-body {border-bottom-color: #d6e9c6;}
.nl-panel.info,
.nl-form.info {border-color: #bce8f1;}
.nl-panel.info > .panel-heading,
.nl-form.info > .form-heading,
.nl-panel.info > .panel-body > .panel-row-heading,
.nl-form.info > .form-body > .form-row-heading {color: #31708f;background-color: #d9edf7;border-color: #bce8f1;}
.nl-panel.info > .panel-heading + .panel-collapse > .panel-body,
.nl-form.info > .form-heading + .form-collapse > .form-body,
.nl-panel.info > .panel-body > .panel-row-heading + .panel-collapse > .panel-body,
.nl-form.info > .form-body > .form-row-heading + .form-collapse > .form-body {border-top-color: #bce8f1;}
.nl-panel.info > .panel-heading .badge,
.nl-form.info > .form-heading .badge,
.nl-panel.info > .panel-body > .panel-row-heading .badge,
.nl-form.info > .form-body > .form-row-heading .badge {color: #d9edf7;background-color: #31708f;}
.nl-panel.info > .panel-footer + .panel-collapse > .panel-body,
.nl-form.info > .form-footer + .form-collapse > .form-body {border-bottom-color: #bce8f1;}
.nl-panel.warning,
.nl-form.warning {border-color: #faebcc;}
.nl-panel.warning > .panel-heading,
.nl-form.warning > .form-heading,
.nl-panel.warning > .panel-body > .panel-row-heading,
.nl-form.warning > .form-body > .form-row-heading {color: #8a6d3b;background-color: #fcf8e3;border-color: #faebcc;}
.nl-panel.warning > .panel-heading + .panel-collapse > .panel-body,
.nl-form.warning > .form-heading + .form-collapse > .form-body,
.nl-panel.warning > .panel-body > .panel-row-heading + .panel-collapse > .panel-body,
.nl-form.warning > .form-body > .form-row-heading + .form-collapse > .form-body{border-top-color: #faebcc;}
.nl-panel.warning > .panel-heading .badge,
.nl-form.warning > .form-heading .badge,
.nl-panel.warning > .panel-body > .panel-row-heading .badge,
.nl-form.warning > .form-body > .form-row-heading .badge {color: #fcf8e3;background-color: #8a6d3b;}
.nl-panel.warning > .panel-footer + .panel-collapse > .panel-body,
.nl-form.warning > .form-footer + .form-collapse > .form-body {border-bottom-color: #faebcc;}
.nl-panel.danger,
.nl-form.danger {border-color: #ebccd1;}
.nl-panel.danger > .panel-heading,
.nl-form.danger > .form-heading,
.nl-panel.danger > .panel-body > .panel-row-heading,
.nl-form.danger > .form-body > .form-row-heading {color: #a94442;background-color: #f2dede;border-color: #ebccd1;}
.nl-panel.danger > .panel-heading + .panel-collapse > .panel-body,
.nl-form.danger > .form-heading + .form-collapse > .form-body,
.nl-panel.danger > .panel-body > .panel-row-heading + .panel-collapse > .panel-body,
.nl-form.danger > .form-body > .form-row-heading + .form-collapse > .form-body {border-top-color: #ebccd1;}
.nl-panel.danger > .panel-heading .badge,
.nl-form.danger > .form-heading .badge,
.nl-panel.danger > .panel-body > .panel-row-heading .badge,
.nl-form.danger > .form-body > .form-row-heading .badge {color: #f2dede;background-color: #a94442;}
.nl-panel.danger > .panel-footer + .panel-collapse > .panel-body,
.nl-form.danger > .form-footer + .form-collapse > .form-body {border-bottom-color: #ebccd1;}
.nl-panel .panel-footer .nl-but.lg,
.nl-form .form-footer .nl-but.lg,
.nl-panel .panel-footer .nl-link-but.lg,
.nl-form .form-footer .nl-link-but.lg{padding: 10px 70px;margin: 5px 30px;}
.nl-panel .panel-footer .nl-but.sm,
.nl-form .form-footer .nl-but.sm,
.nl-panel .panel-footer .nl-link-but.sm,
.nl-form .form-footer .nl-link-but.sm{padding: 5px 50px;margin: 5px 20px;}
.nl-panel .panel-footer .nl-but.xs,
.nl-form .form-footer .nl-but.xs,
.nl-panel .panel-footer .nl-link-but.xs,
.nl-form .form-footer .nl-link-but.xs{padding: 6px 70px;}
.nl-panel .panel-footer .nl-but,
.nl-form .form-footer .nl-but,
.nl-panel .panel-footer .nl-link-but,
.nl-form .form-footer .nl-link-but{padding: 8px 70px;    margin: 5px 20px;height: 40px;}
.nl-form.search .form-body > .row{}
form.block,
.nl-panel.block,
.nl-form.block,
.nl-panel.block .panel-body,
.nl-form.block .form-body,
.nl-panel.block .panel-footer,
.nl-form.block .form-footer{position:relative;top: auto;left: auto;right: auto;bottom: auto;overflow:visible;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}

form.search .form-body{padding:0;}
.nl-form .form-body .item:first-child h5 strong{
    display:block;
    padding-top: 5px;
    color: #A8A8A8;
    font-size: 12px;
    font-weight: normal;
}

.nl-form .form-body .item:first-child h5 strong b{
    padding:0 5px;
    font-size: 14px;
    color: #d9534f;
}


.nl-text,.nl-select,.nl-img-box{display: inline-block;height: 34px;padding: 6px 12px;font-size: 14px;line-height: 1.42857143;color: #555;background-color: #fff;background-image: none;border: 1px solid #ccc;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);box-shadow: inset 0 1px 1px rgba(0,0,0,.075);-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;opacity: 0;}
.nl-text:hover,.nl-select:hover{border-color: rgb(150, 208, 244);}
.nl-text:focus,.nl-select:focus{border: 1px solid #cccccc;background-color:#F4F9FF;border-color: rgba(82, 168, 236, 0.8);outline: none;outline: thin dotted \9;-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);}
.nl-text.block,.nl-but.block,.nl-text.block,.nl-link-but.block,.nl-select.block{display:block;margin: 5px;}
.nl-text[disabled]:hover,.nl-select[disabled]:hover{border: 1px rgb(210, 210, 210) solid;}
.nl-text.placeholder{color: rgb(176, 173, 173);}

.nl-text.spin{text-align: center;padding: 6px 0;}
.nl-text.date{cursor:pointer;}
.nl-text.time{cursor:pointer;}

.nl-select{cursor: pointer;}
.group-addon .icon{left: auto;}
.group-addon.but .icon{cursor: pointer;}
.group-addon.but .icon:hover{color: rgb(186, 186, 186);}

.nl-but,.nl-link-but{display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: 400;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;position: relative;outline:none;margin: 2px 0;height: 34px;}
.nl-but,.nl-link-but{background-color: #F9F9F9;border-color: #ECECEC;color: #333333;}
.nl-but .badge,
.nl-link-but .badge{position: relative;top: -1px;}
.nl-but.lg,.nl-link-but.lg{padding: 10px 16px;font-size: 18px;line-height: 1.3333333;border-radius: 6px;height: 46px;}
.nl-but.sm,.nl-link-but.sm{padding: 5px 10px;font-size: 12px;line-height: 1.5;border-radius: 3px;height: 30px;}
.nl-but.xs,.nl-link-but.xs{padding: 1px 5px;font-size: 12px;line-height: 1.5;border-radius: 3px;height: 22px;}

.nl-but:focus,.nl-but.focus,
.nl-link-but:focus,.nl-link-but.focus{color: #fff;background-color: #286090;border-color: #122b40;}
.nl-but:hover,.nl-link-but:hover{color: #fff;background-color: #286090;border-color: #204d74;}
.nl-but:active,.nl-but.active,
.nl-link-but:active,.nl-link-but.active{color: #fff;background-color: #286090;border-color: #204d74;}
.nl-but:active:hover,.nl-but.active:hover,.nl-but:active:focus,.nl-but.active:focus,.nl-but:active.focus,.nl-but.active.focus,
.nl-link-but:active:hover,.nl-link-but.active:hover,.nl-link-but:active:focus,.nl-link-but.active:focus,.nl-link-but:active.focus,.nl-link-but.active.focus{color: #fff;background-color: #204d74;border-color: #122b40;}
.nl-but:active,.nl-but.active,.nl-link-but:active,.nl-link-but.active{background-image: none;}
.nl-but .count,.nl-link-but .count{color: #337ab7;background-color: #fff;}

.nl-but.no-color,.nl-link-but.no-color{color: #333;background-color: #fff;border-color: #ccc;}
.nl-but.success,.nl-link-but.success{color: #fff;background-color: #5cb85c;border-color: #4cae4c;}
.nl-but.info,.nl-link-but.info{color: #fff;background-color: #5bc0de;border-color: #46b8da;}
.nl-but.warning,.nl-link-but.warning{color: #fff;background-color: #f0ad4e;border-color: #eea236;}
.nl-but.danger,.nl-link-but.danger{color: #fff;background-color: #d9534f;border-color: #d43f3a;}
.nl-but.link,.nl-link-but.link{font-weight: normal;color: #337ab7;border-radius: 0;}

.nl-but.no-color:focus,.nl-but.no-color.focus,
.nl-link-but.no-color:focus,.nl-link-but.no-color.focus{color: #333;background-color: #e6e6e6;border-color: #8c8c8c;}
.nl-but.no-color:hover,
.nl-link-but.no-color:hover{color: #333;background-color: #e6e6e6;border-color: #adadad;}
.nl-but.no-color:active,.nl-but.no-color.active,
.nl-link-but.no-color:active,.nl-link-but.no-color.active{color: #333;background-color: #e6e6e6;border-color: #adadad;}
.nl-but.no-color:active:hover,.nl-but.no-color.active:hover,.nl-but.no-color:active:focus,.nl-but.no-color.active:focus,.nl-but.no-color:active.focus,.nl-but.no-color.active.focus,
.nl-link-but.no-color:active:hover,.nl-link-but.no-color.active:hover,.nl-link-but.no-color:active:focus,.nl-link-but.no-color.active:focus,.nl-link-but.no-color:active.focus,.nl-link-but.no-color.active.focus{color: #333;background-color: #d4d4d4;border-color: #8c8c8c;}
.nl-but.no-color:active,.nl-but.no-color.active,
.nl-link-but.no-color:active,.nl-link-but.no-color.active{background-image: none;}
.nl-but.no-color .count,.nl-link-but.no-color .count {color: #fff;background-color: #333;}
.nl-but.no-color[disabled]:hover,.nl-but.no-color[disabled],.nl-but.no-color.disabled:hover,.nl-but.no-color.disabled:focus,
.nl-link-but.no-color[disabled]:hover,.nl-link-but.no-color[disabled],.nl-link-but.no-color.disabled:hover,.nl-link-but.no-color.disabled:focus{background-color: #EAEAEA;border-color: #DDDDDD;color: rgb(163, 163, 163);}

.nl-but.success:focus,.nl-but.success.focus,.nl-link-but.success:focus,.nl-link-but.success.focus{color: #fff;background-color: #449d44;border-color: #255625;}
.nl-but.success:hover,.nl-link-but.success:hover{color: #fff;background-color: #449d44;border-color: #398439;}
.nl-but.success:active,.nl-but.success.active,.nl-link-but.success:active,.nl-link-but.success.active{color: #fff;background-color: #449d44;border-color: #398439;}
.nl-but.success:active:hover,.nl-but.success.active:hover,.nl-but.success:active:focus,.nl-but.success.active:focus,.nl-but.success:active.focus,.nl-but.success.active.focus,
.nl-link-but.success:active:hover,.nl-link-but.success.active:hover,.nl-link-but.success:active:focus,.nl-link-but.success.active:focus,.nl-link-but.success:active.focus,.nl-link-but.success.active.focus{color: #fff;background-color: #398439;border-color: #255625;}
.nl-but.success:active,.nl-but.success.active,
.nl-link-but.success:active,.nl-link-but.success.active{background-image: none;}
.nl-but.success .count,.nl-link-but.success .count{color: #5cb85c;background-color: #fff;}
.nl-but.success[disabled]:hover,.nl-but.success[disabled],.nl-but.success.disabled:hover,.nl-but.success.disabled:focus,
.nl-link-but.success[disabled]:hover,.nl-link-but.success[disabled],.nl-link-but.success.disabled:hover,.nl-link-but.success.disabled:focus{background-color: #EAEAEA;border-color: #DDDDDD;color: rgb(163, 163, 163);}

.nl-but.info:focus,.nl-but.info.focus,
.nl-link-but.info:focus,.nl-link-but.info.focus{color: #fff;background-color: #31b0d5;border-color: #1b6d85;}
.nl-but.info:hover,.nl-link-but.info:hover{color: #fff;background-color: #31b0d5;border-color: #269abc;}
.nl-but.info:active,.nl-but.info.active,.nl-link-but.info:active,.nl-link-but.info.active{color: #fff;background-color: #31b0d5;border-color: #269abc;}
.nl-but.info:active:hover,.nl-but.info.active:hover,.nl-but.info:active:focus,.nl-but.info.active:focus,.nl-but.info:active.focus,.nl-but.info.active.focus,
.nl-link-but.info:active:hover,.nl-link-but.info.active:hover,.nl-link-but.info:active:focus,.nl-link-but.info.active:focus,.nl-link-but.info:active.focus,.nl-link-but.info.active.focus{color: #fff;background-color: #269abc;border-color: #1b6d85;}
.nl-but.info:active,.nl-but.info.active,.nl-link-but.info:active,.nl-link-but.info.active{background-image: none;}
.nl-but.info .count,.nl-link-but.info .count{color: #5bc0de;background-color: #fff;}
.nl-but.info[disabled]:hover,.nl-but.info[disabled],.nl-but.info.disabled:hover,.nl-but.info.disabled:focus,
.nl-link-but.info[disabled]:hover,.nl-link-but.info[disabled],.nl-link-but.info.disabled:hover,.nl-link-but.info.disabled:focus{background-color: #EAEAEA;border-color: #DDDDDD;color: rgb(163, 163, 163);}

.nl-but.warning:focus,.nl-but.warning.focus,.nl-link-but.warning:focus,.nl-link-but.warning.focus{color: #fff;background-color: #ec971f;border-color: #985f0d;}
.nl-but.warning:hover,.nl-link-but.warning:hover{color: #fff;background-color: #ec971f;border-color: #d58512;}
.nl-but.warning:active,.nl-but.warning.active,.nl-link-but.warning:active,.nl-link-but.warning.active{color: #fff;background-color: #ec971f;border-color: #d58512;}
.nl-but.warning:active:hover,.nl-but.warning.active:hover,.nl-but.warning:active:focus,.nl-but.warning.active:focus,.nl-but.warning:active.focus,.nl-but.warning.active.focus,
.nl-link-but.warning:active:hover,.nl-link-but.warning.active:hover,.nl-link-but.warning:active:focus,.nl-link-but.warning.active:focus,.nl-link-but.warning:active.focus,.nl-link-but.warning.active.focus{color: #fff;background-color: #d58512;border-color: #985f0d;}
.nl-but.warning:active,.nl-but.warning.active,.nl-link-but.warning:active,.nl-link-but.warning.active{background-image: none;}
.nl-but.warning .count,.nl-link-but.warning .count{color: #f0ad4e;background-color: #fff;}
.nl-but.warning[disabled]:hover,.nl-but.warning[disabled],.nl-but.warning.disabled:hover,.nl-but.warning.disabled:focus,
.nl-link-but.warning[disabled]:hover,.nl-link-but.warning[disabled],.nl-link-but.warning.disabled:hover,.nl-link-but.warning.disabled:focus{background-color: #EAEAEA;border-color: #DDDDDD;color: rgb(163, 163, 163);}

.nl-but.danger:focus,.nl-but.danger.focus,
.nl-link-but.danger:focus,.nl-link-but.danger.focus{color: #fff;background-color: #c9302c;border-color: #761c19;}
.nl-but.danger:hover,.nl-link-but.danger:hover{color: #fff;background-color: #c9302c;border-color: #ac2925;}
.nl-but.danger:active,.nl-but.danger.active,.nl-link-but.danger:active,.nl-link-but.danger.active{color:#fff;background-color: #c9302c;border-color: #ac2925;}
.nl-but.danger:active:hover,.nl-but.danger.active:hover,.nl-but.danger:active:focus,.nl-but.danger.active:focus,.nl-but.danger:active.focus,.nl-but.danger.active.focus,
.nl-link-but.danger:active:hover,.nl-link-but.danger.active:hover,.nl-link-but.danger:active:focus,.nl-link-but.danger.active:focus,.nl-link-but.danger:active.focus,.nl-link-but.danger.active.focus{color: #fff;background-color: #ac2925;border-color: #761c19;}
.nl-but.danger:active,.nl-but.danger.active,.nl-link-but.danger:active,.nl-link-but.danger.active{background-image: none;}
.nl-but.danger .count,.nl-link-but.danger .count{color: #d9534f;background-color:#fff;}
.nl-but.danger[disabled]:hover,.nl-but.danger[disabled],.nl-but.danger.disabled:hover,.nl-but.danger.disabled:focus,
.nl-link-but.danger[disabled]:hover,.nl-link-but.danger[disabled],.nl-link-but.danger.disabled:hover,.nl-link-but.danger.disabled:focus{background-color: #EAEAEA;border-color: #DDDDDD;color: rgb(163, 163, 163);}

.nl-but.link,
.nl-but.link:active,
.nl-but.link.active,
.nl-but.link[disabled],
.nl-link-but.link,
.nl-link-but.link:active,
.nl-link-but.link.active,
.nl-link-but.link[disabled]{background-color: transparent;-webkit-box-shadow: none;box-shadow: none;border-color: transparent;}
.nl-but.link,.nl-but.link:hover,.nl-but.link:focus,.nl-but.link:active,
.nl-link-but.link,.nl-link-but.link:hover,.nl-link-but.link:focus,.nl-link-but.link:active{border-color: transparent;}
.nl-but.link:hover,.nl-but.link:focus,
.nl-link-but.link:hover,.nl-link-but.link:focus{color: #23527c;text-decoration: underline;background-color: transparent;}
.nl-but.link[disabled]:hover,.nl-but.link[disabled]:focus,.nl-but.link.disabled:hover,.nl-but.link.disabled:focus,
.nl-link-but.link[disabled]:hover,.nl-link-but.link[disabled]:focus,.nl-link-but.link.disabled:hover,.nl-link-but.link.disabled:focus{color: #777;text-decoration: none;border-color: transparent;background-color: transparent;}

.nl-but.disabled,
.nl-but[disabled],
.nl-but.disabled:hover,
.nl-but[disabled]:hover,
.nl-but.disabled:focus,
.nl-but[disabled]:focus,
.nl-but.disabled.focus,
.nl-but[disabled].focus,
.nl-but.disabled:active,
.nl-but[disabled]:active,
.nl-but.disabled.active,
.nl-but[disabled].active,
.nl-link-but.disabled,
.nl-link-but[disabled],
.nl-link-but.disabled:hover,
.nl-link-but[disabled]:hover,
.nl-link-but.disabled:focus,
.nl-link-but[disabled]:focus,
.nl-link-but.disabled.focus,
.nl-link-but[disabled].focus,
.nl-link-but.disabled:active,
.nl-link-but[disabled]:active,
.nl-link-but.disabled.active,
.nl-link-but[disabled].active{background-color: #EAEAEA;border-color: #DDDDDD;color: rgb(163, 163, 163);cursor: no-drop;}

.nl-img:not([width]){width:100%;}
.nl-img.rounded{border-radius: 6px;}
.nl-img.thumbnail {display: inline-block;max-width: 100%;height: auto;padding: 4px;line-height: 1.42857143;background-color: #fff;border: 1px solid #ddd;border-radius: 4px;-webkit-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out;}
.nl-img.circle {border-radius: 50%;}
.nl-img.img-show{
    cursor: -webkit-zoom-in;
    cursor: url(../image/zoomin.cur), pointer;    
}

.nl-img.nofile{
    background-image: url(../image/not_load.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #ffffff;
    background-size: 100% 100%;
}


.nl-block{background-color: white;padding: 5px;border: 1px rgb(221, 221, 221) solid;border-radius: 5px;margin: 5px 5px;display: inline-block;position: relative;float: left;opacity: 1;}
.nl-block .block-title,.nl-block .block-footer{font-size: 12px;color: rgb(145, 144, 144);padding: 3px;text-align: left;overflow: hidden;padding-bottom: 0;white-space: nowrap;text-overflow: ellipsis;}
.nl-block .block-footer.field label{text-align:center;}


.but-close,.but-edit,.but-show{line-height: 1;font-size: 20px;top: 50%;margin-top: -12px;position: absolute;right: 8px;cursor:pointer;font-family: 'Glyphicons Halflings';font-style: normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;color: rgb(182, 182, 182);font-weight: normal;}
.but-close:before {content: "\e088";}
.but-edit:before {content: "\e065";}
.but-show:before {content: "\e003";}
.but-close.top,.but-edit.top,.but-show.top{top: 2%;margin-top: 0;right: 2%;margin-right: 0;}
.but-close.top-center,.but-edit.top-center,.but-show.top-center{top: 2%;margin-top: 0;left: 50%;right: auto;margin-right: 0;margin-left: -5%;}
.but-close.bottom,.but-edit.bottom,.but-show.bottom{top: auto;margin-top: 0;margin-right: 0;bottom:2%;}
.but-close.left-top,.but-edit.left-top,.but-show.left-top{top: 2%;margin-top: 0;right: auto;margin-right: 0;left: 2%;}
.but-close.left-bottom,.but-edit.left-bottom,.but-show.left-bottom{top: auto;right:auto;left:2%;margin-top: 0;margin-right: 0;bottom:2%;}
.but-close.right-center,.but-edit.right-center,.but-show.right-center{top: 50%;margin-top: -8px;right: auto;margin-right: 0;left: auto;right: 1%;}
.but-close:hover,.but-edit:hover,.but-show:hover{color: rgb(94, 94, 94);}
.but-close:active,but-edit:active,but-show:active{color: rgb(139, 139, 139);}
.but-close.lg,.but-edit.lg,.but-show.lg{font-size:24px;}
.but-close.sm,.but-edit.sm,.but-show.sm{font-size:18px;}
.but-close.xs,.but-edit.xs,.but-show.xs{font-size:16px;}



.nl-checkbox{left: auto;top: auto;display: inline-block;font-size: 16px;cursor: pointer;vertical-align: middle;margin: 0 4px;}
.nl-checkbox.disabled{color: rgb(210, 210, 210);cursor: no-drop;}
.checkbox-label{padding: 8px 10px;display: inline-block;cursor: pointer;font-size: 12px;}
.checkbox-label:hover .icon{color: rgb(113, 113, 113);}

.nl-scroll{overflow: hidden;}
.bar-y{right:0;top:0;bottom:0;width: 10px;}
.bar-x{left:0;right:0;bottom:0;height: 10px;}
.bar-y span{height:100px;width:100%;top: 0;left: 0;}
.bar-x span{height:100%;width:100px;left: 0;}
.bar-x,.bar-y{position: absolute;z-index: 9980;display: block;opacity: 0.2;}
.bar-x span,.bar-y span{position:absolute;background-color: rgb(71, 71, 71);border-radius:30px;cursor: pointer;display: block;z-index: 9980;opacity: .7;filter:alpha(opacity=70);}

.nl-toolbar{position: absolute;top: 0;left: 0;overflow: visible;z-index: 999;border-radius: 4px;    font-size: 0;min-height: 30px;}
.nl-toolbar .nl-but,.nl-toolbar .nl-link-but{border-radius:0;border-right-width: 0;font-size: 12px;padding: 5px 15px;height: 28px;/* margin-bottom: 0; */}
.nl-toolbar .nl-but:last-child,.nl-toolbar .nl-link-but:last-child{border-right-width: 1px;border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.nl-toolbar .nl-but:first-child,.nl-toolbar .nl-link-but:first-child{border-right-width: 0px;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}

.nl-toolbar h6{
  padding: 5px 20px;
  margin: 2px;
  margin-bottom: 0;
  color: #333333;
  border-radius: 3px;
  border-left: 5px solid #3C8DBC;
  font-weight: bold;
  margin-left: 0;
  float: left;
  height: 30px;
  line-height: 1.4;
  border-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #F9F9F9;	
  border: 1px solid #E5E5E5;	
  border-bottom-width: 0;
}

table.nl-table{display:none;}
.nl-table.wait:before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    background-color: rgba(255, 255, 255, 0.69);
    z-index: 998;
}
.nl-table.wait:after{
    content:"";
    background-image: url(../image/loading.gif);
    width: 84px;
    height: 84px;
    position:absolute;
    left: 50%;
    top: 50%;
    margin-top: -42px;
    margin-left: -42px;
    z-index: 998;
}
.nl-table{background-color: #ecf0f5;border-radius: 4px;font-size: small;position: relative;height: 100%;width: 100%;overflow: hidden;border-bottom: 1px rgb(229, 229, 229) solid;/* background-color: #F4F4F4; *//* box-shadow: 3px 3px 5px rgb(163, 163, 163); *//* -webkit-box-shadow: 3px 3px 5px rgb(163, 163, 163); */-moz-box-shadow: 3px 3px 5px rgb(163, 163, 163);/* opacity: 0; */filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.nl-table .fullbut{cursor: pointer;position: absolute;right: 3px;left: auto;padding: 3px 6px;font-size: 14px;height: 28px;}
.nl-table .icon.resize-full,.nl-table .icon.resize-small{left: 0;}
.nl-table table{padding: 0;margin: 0;border-spacing: 0;border-collapse: collapse;table-layout: fixed;/* overflow: hidden; */}
.nl-table .thead{border: 0;}
.nl-table tbody,.nl-table tfoot{}
.nl-table .table-thead{position: absolute;top: 0;left: 0;overflow: hidden;right: 0;z-index: 999;border: 0;border-top-right-radius: 4px;border-left: 1px solid #E5E5E5;border-top: 1px solid #E5E5E5;}
.nl-table .tbody{border-bottom: 2px rgb(244, 244, 244) solid;margin-bottom: 10px;}
.nl-table thead th{font-size: small;border-top: 0;padding: 0 10px;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;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;white-space: nowrap;background-color: #F9F9F9;border: 1px solid #F4F4F4;border-bottom: 2px solid #ECECEC;color: #333333;height: 40px;}
.nl-table thead th[sortby]{cursor: pointer;}
.nl-table thead th .icon.sort,.nl-table thead th .icon.sort-by-attributes,.nl-table thead th .icon.sort-by-attributes-alt{left: auto;right: -5px;font-size: 12px;color: rgb(255, 7, 0);cursor: pointer;background-color: rgb(255, 255, 255);padding: 3px;border: 1px rgb(255, 255, 255) solid;border-radius: 5px;}
.nl-table thead th .icon.sort{
  font-size: 12px;
  background-color: rgb(249, 249, 249);	
  color: #ECECEC;	
  border-color: #ECECEC;
}
.nl-table thead th[sortby]:hover .icon{color: rgb(217, 83, 79);border-color: rgb(217, 83, 79);}
.nl-table th.index,
.nl-table td.index,
.nl-table th.sort,
.nl-table td.sort,
.nl-table th.checkbox,
.nl-table td.checkbox{width: 40px;text-align: center;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;}
.nl-table th.sex,
.nl-table td.sex,
.nl-table th.status,
.nl-table td.status{width: 65px;padding: 0 5px;}
.nl-table th.class,
.nl-table td.class{padding: 0 5px;text-align:center;}
.nl-table th.class .nl-flag.flag,
.nl-table td.class .nl-flag.flag{width:100%;}
.nl-table th.datetime,
.nl-table td.datetime{width: 150px;text-align:center;}
.nl-table th.timedate,
.nl-table td.timedate{width: 90px;text-align:center;}
.nl-table th.number,
.nl-table td.number{width: 40px;text-align:center;}
.nl-table th.date,
.nl-table td.date{width: 100px;text-align: center;}
.nl-table th.time,
.nl-table td.time{width: 85px;text-align: center;}
.nl-table th.ip,
.nl-table td.ip{width: 122px;text-align: center;}
.nl-table th.phone,
.nl-table td.phone{width: 110px;}
.nl-table th.uuid,
.nl-table td.uuid{width: 252px;}
.nl-table th.id,
.nl-table td.id{width: 150px;}
.nl-table th.checkbox .nl-checkbox,
.nl-table td.checkbox .nl-checkbox{margin:0;}
.nl-table td.img{margin:0;padding: 0 5px;text-align: center;width: 50px;vertical-align: middle;}
.nl-table td.img img{height:100%;width: auto;max-width: 100%;vertical-align: middle;}
.nl-table td.img img.nofile{width:50px;}
.nl-table thead th:first-child{border-left: 0px solid transparent;}
.nl-table thead th:last-child{border-right: 0px rgb(60, 141, 188) solid;}
.nl-table tbody tr{background-color: rgb(255, 255, 255);}
.nl-table tbody tr:nth-of-type(odd){background-color: rgb(249, 249, 249);}
.nl-table tbody tr:hover,.nl-table tbody tr.selected{background-color: rgb(239, 239, 239);}
.nl-table tbody tr:hover .nl-flag,.nl-table tbody tr.selected .nl-flag{opacity:1;}
.nl-table tbody tr .nl-but,.nl-table tbody tr .nl-but,
.nl-table tbody tr .nl-link-but,.nl-table tbody tr .nl-link-but{opacity: 0.3;}
.nl-table tbody tr:hover .nl-but,.nl-table tbody tr.selected .nl-but,
.nl-table tbody tr:hover .nl-link-but,.nl-table tbody tr.selected .nl-link-but{opacity:1;}
.nl-table th.sort,
.nl-table td.sort{width: 90px;padding: 5px 15px;}
.nl-table td .icon.upload,.nl-table td .icon.download,.nl-table td .icon.arrow-up,.nl-table td .icon.arrow-down{color: rgb(51, 51, 51);font-size: 20px;}
.nl-table td .icon.arrow-up,.nl-table td .icon.arrow-down{font-size: 15px;top: 0;}
.nl-table td .icon.upload:hover,.nl-table td .icon.download:hover,.nl-table td .icon.arrow-up:hover,.nl-table td .icon.arrow-down:hover{color: #286090;cursor:pointer;}
.nl-table td .icon.upload.disabled,.nl-table td .icon.download.disabled,.nl-table td .icon.arrow-up.disabled,.nl-table td .icon.arrow-down.disabled{color: #E8E8E8;cursor: default;}
.nl-table tbody tr td:first-child{border-left: 0;}
.nl-table tbody tr td:last-child{border-right: 0;}
.nl-table tbody td.but-group{padding: 0px 3px;}
.nl-table tbody td{font-size: small;border-top: 0;height: 36px;padding: 0 10px;white-space:nowrap;border: 1px  solid #F4F4F4;border-bottom: 1px solid rgb(244, 244, 244);}
.nl-table tbody td a{color: #FF9800;}
.nl-table tbody td a:hover{color: #FF5722;}
.nl-table tbody td a:before{content: "\e144";font-family: 'Glyphicons Halflings';font-style: normal;font-weight: 400;line-height: 1;font-size: 12px;top: 3px;display: inline-block;padding-right: 5px;position: relative;color: #b4b4b4;}
.nl-table tbody td abbr{border-bottom: 0px none;cursor: help;border: 0;text-decoration: none;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;padding: 0 10px;margin: 0 -10px;}
.nl-table tbody td .nl-but,.nl-table tbody td .nl-link-but{padding: 5px 10px;font-size: 12px;line-height: 1.3;border-radius: 3px; white-space: nowrap;height: 30px;}
.nl-table tbody td span.icon.plus-sign,.nl-table tbody td span.icon.minus-sign,.nl-table tbody td span.icon.chevron-right{font-size: 15px;color: rgb(197, 197, 197);cursor:pointer;margin-right: 10px;top: 3px;left: 5px;}
.nl-table tbody td span.icon.chevron-right{cursor: default;top: 3px;left: 5px;}
.nl-table tbody td span.icon.plus-sign:hover,.nl-table tbody td span.icon.minus-sign:hover{color: #286090;}
.nl-table tbody td.not-only-text,.nl-table tbody td.checkbox{font-size:0;}
.nl-table .table-scroll-tbody{position: absolute;top: 35px;bottom: 0;left: 0;right: 0;z-index: 997;border: 0;border-left: 1px rgb(229, 229, 229) solid;border-right: 1px rgb(229, 229, 229) solid;background-color: rgb(255, 255, 255);}
.nl-table .table-tfoot{position:absolute;bottom:0;left:0;right:0;overflow: hidden;z-index: 999;border-left: 1px rgb(60, 141, 188) solid;    border-right: 1px rgb(60, 141, 188) solid;}
.nl-table tfoot td{font-size: small;background-color: rgb(60, 141, 188);color: white;border: 1px rgb(67, 153, 203) solid;height: 25px;padding: 0 10px;text-overflow: ellipsis;    -moz-text-overflow: ellipsis;    overflow: hidden;    white-space: nowrap;}
.nl-table tfoot td:first-child{border-left:0;}
.nl-table tfoot td:last-child{border-right:0;}


.nl-pagecontrol,.nl-ajax-pagecontrol{position:absolute;bottom:0;left:0;right:0;height: 32px;text-align: center;z-index: 999;background-color: rgb(249, 249, 249);border: 1px rgb(236, 236, 236) solid;}
.nl-pagecontrol .icon,.nl-ajax-pagecontrol .icon{left: auto;}
.nl-pagecontrol .nl-but,.nl-pagecontrol .nl-link-but,.nl-ajax-pagecontrol .nl-but,.nl-ajax-pagecontrol .nl-link-but{padding: 2px 10px;margin: 2px 2px;height: 26px;}
.nl-ajax-pagecontrol .pagecount-text{
  padding: 3px 10px;
  width: 20%;
  text-align: left;
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
  border-radius: 5px;
  background-color: transparent;	
  color: #333333;
}


.window-bg,.window-bg-alert{position:absolute;left:0;top:0;right:0;bottom:0;z-index: 9991;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;background-color: #FFF;opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);}
.window-bg-alert{z-index: 9993;}
.window-mark{position: absolute;top: 0;left: 0;right: 0;bottom: 0;display:none;z-index: 9993;}
.loading-icon{width:84px;height:84px;background-image:url(../image/loading.gif);position:absolute;left:50%;top:50%;margin-left:-42px;margin-top:-42px;}


.nl-open_window{position: absolute;top: -100%;left: 15%;width: 70%;height: 400px;background-color: rgb(221, 221, 221);z-index: 9992;border: 5px rgb(221, 221, 221) solid;opacity: 0;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);-webkit-background-clip: padding-box;-moz-background-clip: padding;background-clip: padding-box;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;border-color: rgb(205, 205, 205)/9;}
.nl-open_window .window-head{background-color: rgb(221, 221, 221);height: 40px;cursor: pointer;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;position: relative;}
.nl-open_window .window-head .window-title{padding: 5px 25px;color: #ADADAD;display: inline-block;font-size: 12px;height: 100%;line-height: 30px;font-weight: bold;position: relative;background-color: rgb(226, 226, 226);border-left: 5px rgb(215, 215, 215) solid;}
.nl-open_window .window-head .window-title.on{background-color: rgb(249, 249, 249);border-top-right-radius: 5px;color: #333;background-image: url(../image/window-title-flag.png);background-repeat: no-repeat;border-left: 0;padding: 5px 40px;padding-right: 50px;}
.nl-open_window .window-head .window-title.main-title{background-image:none;padding: 5px 25px;border-top-left-radius: 5px;}
.nl-open_window .window-foot{position:absolute;bottom:0;left:0;right:0;height: 35px;text-align: right;padding: 5px;}
.nl-open_window .window-foot .nl-but.sm,
.nl-open_window .window-foot .nl-link-but.sm{margin-left: 10px;padding: 0px 20px;height: 100%;font-size: 12px;margin-top: 0;margin-bottom: 0;}
.nl-open_window .window-foot .window-time-block{font-size: 12px;padding: 8px;display: inline-block;letter-spacing: 1px;color: #ADADAD;text-shadow: 1px 1px 0px rgb(255, 255, 255);font-weight: bold;}
.nl-open_window .window-foot .window-time-block .num{color: rgb(203, 0, 0);padding: 0 5px;}
.nl-open_window .window-foot .window-time-block .type{padding: 0 5px;color: rgb(54, 127, 169);}
.nl-open_window .window-body{position: absolute;top: 40px;left: 0;right: 0;bottom: 0;background-color: #FFFFFF;border-radius: 6px;border-top-left-radius: 0px;overflow: hidden;}
.nl-open_window .window-scroll-body{position: absolute;top: 0;left: 0;right: 0;bottom: 0;font-size: 0;border-radius: 5px;background-color: #FFFFFF;border-top-left-radius: 0px;}


.nl-open_window.alert{width: 150px;height: 150px;z-index: 9994;-webkit-box-shadow: 0 0px 20px rgba(69, 69, 69, 1);-moz-box-shadow: 0 0px 20px rgba(69, 69, 69, 1);box-shadow: 0 0px 20px rgba(69, 69, 69, 1);left: 50%;top: 50%;margin-left: -85px;margin-top: -63px;}
.nl-open_window.alert.confirm.notime .window-body{bottom:35px;!important;}
.nl-open_window.alert.notime .window-body{bottom:0;}
.nl-open_window.alert.notime .window-foot .window-time-block{display:none;}
.nl-open_window.alert .window-head .window-title{color: #333;border: 0;background-color: transparent;text-shadow: 1px 1px 0px rgb(255, 255, 255);}
.nl-open_window.alert .window-body .window-content{position: absolute;top: 0;left: 0;right: 0;bottom: 0;padding: 10px;-webkit-user-select: text;-moz-user-select: text;-ms-user-select: text;user-select: text;}
.nl-open_window.alert .window-body{bottom: 35px;border-top-left-radius: 6px;box-shadow: 0px 0px 8px rgb(181, 181, 181) inset;-webkit-box-shadow: 0px 0px 8px rgb(181, 181, 181) inset;-moz-box-shodow: 0px 0px 8px rgb(181, 181, 181) inset;}
.nl-open_window.alert .item h5{width: 80px;}


.nl-tab-table{font-size: small;position: absolute;left: 0;top: 0;right: 0;bottom: 0;overflow: hidden;opacity: 0;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);background-color: #ecf0f5;}
.tab-head{height: 50px;position: relative;border-bottom: 1px rgb(208, 208, 208) solid;overflow: hidden;z-index: 999;background-color: rgb(249, 249, 249);padding: 0;-webkit-transition: 500ms;-moz-transition: 500ms;-o-transition: 500ms;transition: 500ms;}
.tab-head .tab-title:first-child{background-image:none;border-left: 1px solid transparent;padding-left: 20px;}
.tab-title{padding: 8px 15px;font-size: 12px;font-weight: bold;position: relative;padding-right: 20px;padding-left: 30px;background-image: url(../image/window-title-flag.png);background-repeat: no-repeat;background-position: left;float: left;background-color: rgb(226, 226, 226);border-left: 1px rgb(226, 226, 226) solid;}
.tab-title.on{background-color: transparent;padding-right: 40px;}
.tab-body{position: absolute;top: 0;bottom: 0px;left: 0;right: 0;font-size: 0;z-index: 100;width: 100%;height: 100%;}
.tab-scroll-body{width:100%;height:100%;}
.tab-content {position: absolute;top: 50px;bottom: 0px;left: 0;right: 0;-webkit-transition: 500ms;    -moz-transition: 500ms;    -o-transition: 500ms;    transition: 500ms;}
.tab-content .tab-body:first-child{opacity: 1;z-index: 99;}

.info-row{padding: 0 15px;border: 0px solid transparent;border-radius: 5px;border-left: 5px rgb(234, 234, 234) solid;}
.info-row > .row:first-child{border-top: 1px rgb(208, 208, 208) solid !important;}
.info-row > .row:last-child{border-bottom: 1px rgb(208, 208, 208) dotted !important;border-bottom-right-radius: 5px;}
.info-row .row{background-color: rgb(244, 244, 244);border: 1px rgb(234, 234, 234) solid;border-bottom: 1px rgb(208, 208, 208) dotted;border-radius: 0px;color: #333;border-top-width: 0;/* border-left: 5px rgb(234, 234, 234) solid; */border-left: 0;}
.info-row h4 {margin-top: 0;color: inherit;}
.info-row .info-row.link {font-weight: bold;}
.info-row > p,
.info-row > ul {margin-bottom: 0;}
.info-row > p + p {margin-top: 5px;}
.info-row.dismissable,
.info-row.dismissible {padding-right: 35px;}
.info-row.dismissable .close,
.info-row.dismissible .close {position: relative;top: -2px;right: -21px;color: inherit;}
.info-row.success {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;}
.info-row.success hr {border-top-color: #c9e2b3;}
.info-row.success .info-row.link {color: #2b542c;}
.info-row.info {color: #31708f;background-color: #d9edf7;border-color: #bce8f1;}
.info-row.info hr {border-top-color: #a6e1ec;}
.info-row.info .info-row.link {color: #245269;}
.info-row.warning {color: #8a6d3b;background-color: #fcf8e3;border-color: #faebcc;}
.info-row.warning hr {border-top-color: #f7e1b5;}
.info-row.warning .info-row.link {color: #66512c;}
.info-row.danger {color: #a94442;background-color: #f2dede;border-color: #ebccd1;}
.info-row.danger hr {border-top-color: #e4b9c0;}
.info-row.danger .info-row.link {color: #843534;}
.info-row .info-title,.info-row .info-context{display: table-cell;padding: 0 10px;white-space: nowrap;text-align: right;}
.info-row .info-context{font-size: 14px;white-space: normal;word-wrap: break-word;text-align: left;}
.info-row .info-context p{margin: 0;}
.info-row > .info-row-title{
  content:attr(label);
  text-align:center;
  background-color: #eaeaea;
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 10px;
  border-top-right-radius: 5px;
  color: #9e9b9b;
}

.info-row .info-context [class*="nl-"]{
  margin:-10px;
}


.nl-sys-file-table,
.nl-file-table{padding: 10px;margin: 5px;border: 1px solid #ddd;background-color: #f5f5f5;border-radius: 5px;position: absolute;left: 0;right: 0;top: 0;bottom: 0;}
.nl-sys-file-table.selector .content,
.nl-file-table.selector .content{
  bottom:0;
}
.nl-sys-file-table .nl-block,
.nl-file-table .nl-block{width: 112px;cursor: pointer;display: inline-block;}
.nl-sys-file-table .block-content,
.nl-file-table .block-content{width: 100px;height: 100px;border: 1px rgb(221, 221, 221) solid;overflow:hidden;border-radius: 5px;position: relative;}

.nl-sys-file-table .block-content .img-toolbar,
.nl-file-table .block-content .img-toolbar{
    position: absolute;
    background-color: rgb(0, 0, 0);
    left: 0;
    right: 0;
    height: 20px;
    top: 0;
    border-radius: 2px;
}

.nl-sys-file-table .block-content .img-toolbar .but-close,
.nl-sys-file-table .block-content .img-toolbar .but-show,
.nl-sys-file-table .block-content .img-toolbar .but-edit,
.nl-file-table .block-content .img-toolbar .but-close,
.nl-file-table .block-content .img-toolbar .but-show,
.nl-file-table .block-content .img-toolbar .but-edit{
    top: 3px;
}

.nl-sys-file-table .block-footer > label,
.nl-file-table .block-footer > label{cursor: pointer;width: 100%;overflow: hidden;display: inline-block;white-space: nowrap;text-overflow: ellipsis;}
.nl-sys-file-table .block-footer > label .nl-checkbox,
.nl-file-table .block-footer > label .nl-checkbox{margin-left:0;}
.nl-sys-file-table .footer .nl-but.lg,
.nl-file-table .footer .nl-but.lg{padding: 10px 70px;margin: 5px 30px;}
.nl-sys-file-table .footer .nl-but.sm,
.nl-file-table .footer .nl-but.sm{padding: 5px 50px;margin: 5px 20px;}
.nl-sys-file-table .footer .nl-but.xs,
.nl-file-table .footer .nl-but.xs{padding: 6px 70px;}
.nl-sys-file-table .footer .nl-but,
.nl-file-table .footer .nl-but{padding: 5px 70px;    margin: 5px 20px;}
.nl-sys-file-table .footer .nl-but .trash,
.nl-file-table .footer .nl-but .trash{left: -10px;font-weight: bold;}
.nl-sys-file-table .title,
.nl-file-table .title{padding-left: 10px;border-left: 5px #3c8dbc solid;font-size: 15px;}
.nl-sys-file-table .content,
.nl-file-table .content{position:absolute;left: 0;right: 0;top: 40px;border-top: 1px rgb(221, 221, 221) solid;bottom: 49px;}
.nl-sys-file-table .row,
.nl-file-table .row{border-bottom:0;}
.nl-sys-file-table .file-path,
.nl-file-table .file-path{position: relative;display: inline-block;padding-left: 15px;height: 20px;font-size: 15px;font-weight: bold;left: 20px;}
.nl-sys-file-table .file-path:not(:last-child):hover,
.nl-file-table .file-path:not(:last-child):hover{color: rgb(161, 161, 161);cursor: pointer;}
.nl-sys-file-table .file-path:before,
.nl-file-table .file-path:before{content:"/";font-weight: normal;padding:0 5px;padding-right:2px;position:absolute;font-size: 25px;top: -7px;left: 0px;color: rgb(195, 195, 195);}
.nl-sys-file-table .footer,
.nl-file-table .footer{text-align:center;position: absolute;bottom: 0;left: 0;right: 0;border-top: 1px rgb(221, 221, 221) solid;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.nl-sys-file-table .file-table-mark{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: white;
    opacity: .7;
    display:none;
}
.nl-sys-file-table .file-path:last-child:after,
.nl-file-table .file-path:last-child:after{clear: both;content: "";}
.nl-sys-file-table .addfile,
.nl-sys-file-table .nl-block.field .block-content{height: 125px;font-size: 60px;color: rgb(237, 237, 237);position: relative;text-align: center;}
.nl-sys-file-table .nl-block.field .block-content{height: 100px;color: rgb(202, 202, 202);font-size: 40px;}
.nl-sys-file-table .field .block-footer label{text-align:center;}
.nl-sys-file-table .addfile .icon,.nl-file-table .field .icon{top: 25px;left: auto;}
.nl-sys-file-table .field .icon{top: 25px;left: auto;}
.nl-sys-file-table .addfile:hover,.nl-file-table .field:hover{color: rgb(208, 208, 208);}
.nl-sys-file-table .addfile:active,
.nl-sys-file-table .field:active{color: rgb(218, 218, 218);}
.nl-sys-file-table .img-toolbar,
.nl-file-table .img-toolbar{opacity:0;}
.nl-sys-file-table .block-content:hover .img-toolbar,
.nl-file-table .block-content:hover .img-toolbar{opacity: 0.8;}

.nl-file-table{padding: 0;background-color: transparent;border: 0;border-radius: 4px;overflow: hidden;}
.nl-file-table .title{border: 0;padding: 0;}
.nl-file-table .nl-toolbar{position:relative;display: inline-block;vertical-align: top;margin: 0;}
.nl-file-table .nl-toolbar .nl-but{margin:0;}
.nl-file-table .title label{padding: 5px;}
.nl-file-table .content{position:absolute;left: 0;right: 0;top: 32px;border: 1px rgb(221, 221, 221) solid;bottom: 30px;border-radius: 4px;border-bottom-left-radius: 0;border-bottom-right-radius: 0;}

.editor-block{
    border: 1px solid #CCCCCC;

    border-radius: 4px;
}

.tooltip {position: absolute;z-index: 1070;font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;font-size: 12px;font-style: normal;font-weight: normal;line-height: 1.42857143;text-align: left;text-align: start;text-decoration: none;text-shadow: none;text-transform: none;letter-spacing: normal;word-break: normal;word-spacing: normal;word-wrap: normal;white-space: normal;display:none;line-break: auto;}
.tooltip.in {filter: alpha(opacity=90);opacity: .9;}
.tooltip.top {padding: 5px 0;margin-top: -3px;top: 0;}
.tooltip.right {padding: 0 5px;margin-left: 3px;}
.tooltip.bottom {padding: 5px 0;margin-top: 3px;}
.tooltip.left {padding: 0 5px;margin-left: -3px;}
.tooltip-inner {padding: 3px 8px;color: #fff;text-align: center;background-color: #3C8DBC;border-radius: 4px;white-space: nowrap;}
.tooltip-inner .context{padding:5px 10px;}
.tooltip-inner .context .row{white-space: nowrap;text-align: left;display: table;border-bottom: 1px rgb(221, 221, 221) dotted;}
.tooltip-inner .context .row:last-child{border-bottom:0;}
.tooltip-inner .context .row label{width: 200px;display: inline-block;}
.tooltip-inner .context .row label:last-child{padding-left:10px;}
.tooltip-inner .context .row label:first-child{width: 90px;text-align:right;padding-right: 10px;}
.tooltip-arrow {position: absolute;width: 0;height: 0;border-color: transparent;border-style: solid;}
.tooltip.top .tooltip-arrow {bottom: 0;left: 50%;margin-left: -5px;border-width: 5px 5px 0;border-top-color: #000;}
.tooltip.top-left .tooltip-arrow {right: 5px;bottom: 0;margin-bottom: -5px;border-width: 5px 5px 0;border-top-color: #000;}
.tooltip.top-right .tooltip-arrow {bottom: 0;left: 5px;margin-bottom: -5px;border-width: 5px 5px 0;border-top-color: #000;}
.tooltip.right .tooltip-arrow {top: 50%;left: 0;margin-top: -5px;border-width: 5px 5px 5px 0;border-right-color: #000;}
.tooltip.left .tooltip-arrow {top: 50%;right: 0;margin-top: -5px;border-width: 5px 0 5px 5px;border-left-color: #000;}
.tooltip.bottom .tooltip-arrow {top: 0;left: 50%;margin-left: -5px;border-width: 0 5px 5px;border-bottom-color: #3C8DBC;}
.tooltip.bottom-left .tooltip-arrow {top: 0;right: 5px;margin-top: -5px;border-width: 0 5px 5px;border-bottom-color: #000;}
.tooltip.bottom-right .tooltip-arrow {top: 0;left: 5px;margin-top: -5px;border-width: 0 5px 5px;border-bottom-color: #3C8DBC;}

.tooltip .icon{font-size:20px;position:relative;font-weight:bold;vertical-align:middle;top: -1px;margin-right: 10px;}

.tooltip.success{background-color:transparent;}
.tooltip.success .tooltip-inner{color: #3c763d;background-color: #dff0d8;border: 1px #d6e9c6 solid;}
.tooltip.success.top .tooltip-arrow,
.tooltip.success.top-left .tooltip-arrow,
.tooltip.success.top-right .tooltip-arrow,
.tooltip.success.right .tooltip-arrow,
.tooltip.success.bottom .tooltip-arrow,
.tooltip.success.bottom-left .tooltip-arrow,
.tooltip.success.bottom-right .tooltip-arrow{border-bottom-color: #d6e9c6;}

.tooltip.info{background-color:transparent;}
.tooltip.info .tooltip-inner{color: #31708f;background-color: #d9edf7;border: 1px #bce8f1 solid;}
.tooltip.info.top .tooltip-arrow,
.tooltip.info.top-left .tooltip-arrow,
.tooltip.info.top-right .tooltip-arrow,
.tooltip.info.right .tooltip-arrow,
.tooltip.info.bottom .tooltip-arrow,
.tooltip.info.bottom-left .tooltip-arrow,
.tooltip.info.bottom-right .tooltip-arrow{border-bottom-color: #bce8f1;}

.tooltip.warning{background-color:transparent;}
.tooltip.warning .tooltip-inner{color: #8a6d3b;background-color: #fcf8e3;border: 1px #faebcc solid;}
.tooltip.warning.top .tooltip-arrow,
.tooltip.warning.top-left .tooltip-arrow,
.tooltip.warning.top-right .tooltip-arrow,
.tooltip.warning.right .tooltip-arrow,
.tooltip.warning.bottom .tooltip-arrow,
.tooltip.warning.bottom-left .tooltip-arrow,
.tooltip.warning.bottom-right .tooltip-arrow{border-bottom-color: #faebcc;}

.tooltip.danger{background-color:transparent;}
.tooltip.danger .tooltip-inner{color:#a94442;background-color: #f2dede;border: 1px #ebccd1 solid;}
.tooltip.danger.top .tooltip-arrow,
.tooltip.danger.top-left .tooltip-arrow,
.tooltip.danger.top-right .tooltip-arrow,
.tooltip.danger.right .tooltip-arrow,
.tooltip.danger.bottom .tooltip-arrow,
.tooltip.danger.bottom-left .tooltip-arrow,
.tooltip.danger.bottom-right .tooltip-arrow{border-bottom-color: #ebccd1;}


.nl-poplist {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.nl-poplist{
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.nl-poplist li{
  position:relative;
  padding-left: 0px;
  white-space:nowrap;
  -moz-whit-space: nowrap;  
}

.nl-poplist li.on > a:after{
  content: "\e084";
  float:right;
  color: #8BC34A;
}
.nl-poplist li.on>a{
  background-color: #e8ffcd;
}

.nl-poplist li[value='nl_null'] a{
}

.nl-poplist li[value='nl_null'][label=''] a:before{
    content:"\6e05\7a7a";
    font-weight: bold;
    font-size: 12px;
    color: rgb(163, 163, 163);
    top: -4px;
    position: relative;
    display: block;
    left: -20px;
    padding: 0px 20px;
    text-align: center;
    width: 100%;
    border-bottom: 1px rgb(163, 163, 163) dotted;
    padding-bottom: 5px;
    box-sizing: content-box;
}

.nl-poplist li .icon{
    padding: 5px;
    margin: -5px;
    top: auto;
}

.nl-poplist ul{height: 100%;display: inline-block;}



.nl-poplist.pull-right {
  right: 0;
  left: auto;
}
.nl-poplist .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nl-poplist li a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
  position: relative;
}


.nl-poppanel {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

  line-break: auto;
}
.nl-poppanel.top {
}
.nl-poppanel.right {
  margin-left: 10px;
}
.nl-poppanel.bottom {
  margin-top: 10px;
}
.nl-poppanel.left {
  margin-left: -10px;
}
.poppanel-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
  position: relative;
  padding-right: 50px;
}
.poppanel-content {
  padding: 9px 14px;
}
.nl-poppanel > .arrow,
.nl-poppanel > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.nl-poppanel > .arrow {
  border-width: 11px;
}
.nl-poppanel > .arrow:after {
  content: "";
  border-width: 10px;
}
.nl-poppanel.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0;
}
.nl-poppanel.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.nl-poppanel.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25);
  border-left-width: 0;
}
.nl-poppanel.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.nl-poppanel.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
}
.nl-poppanel.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.nl-poppanel.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, .25);
}
.nl-poppanel.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}


.nl-tree ul{display:none;}
.nl-tree > li > a{padding-left:20px;}
.nl-tree > li > ul > li > a{padding-left: 35px;}
.nl-tree > li > ul > li > ul > li > a{padding-left: 50px;}
.nl-tree > li > ul > li > ul > li > ul > li > a{padding-left: 65px;}
.nl-tree > li > ul > li > ul > li > ul > li > ul > li > a{padding-left: 80px;}
.nl-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > a{padding-left: 95px;}
.nl-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > > a{padding-left: 110px;}
.nl-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a{padding-left: 125px;}
.nl-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a{padding-left: 140px;}
.nl-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a{padding-left: 155px;}
.nl-tree > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > ul > li > a{padding-left: 170px;}

.nl-tree-list{
    padding: 10px;
    /* width: 400px; */
    background-color: white;
    /* float: left; */
}

.nl-tree-list li{
  float:left;
}

.nl-tree-list li a{
  padding: 10px 15px;
  display: block;            font-weight: normal;    line-height: 1.42857143;    color: #333;    white-space: nowrap;    position: relative;
}

.nl-tree-list ul{
  display:none;
  float: left;
  width: 100%;
  border-top: 1px rgb(204, 204, 204) solid;
}

.nl-tree-list > ul{
  background-color: rgb(249, 249, 249);
  border-top: 1px rgb(239, 239, 239) solid;
}
.nl-tree-list ul > ul{
  background-color: rgb(236, 236, 236);
  border-top: 1px rgb(224, 224, 224) solid;
}

.nl-tree-list ul > ul > ul{
  background-color: rgb(236, 236, 236);
  border-top: 1px rgb(224, 224, 224) solid;
}

.nl-poplist li a:hover,
.nl-poplist li a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.nl-poplist > .active > a,
.nl-poplist > .active > a:hover,
.nl-poplist > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.nl-poplist > .disabled > a,
.nl-poplist > .disabled > a:hover,
.nl-poplist > .disabled > a:focus {
  color: #777;
}
.nl-poplist > .disabled > a:hover,
.nl-poplist > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .nl-poplist {
  display: block;
}
.open > a {
  outline: 0;
}
.nl-poplist.right {
  right: 0;
  left: auto;
}
.nl-poplist.left {
  right: auto;
  left: 0;
}
.nl-poplist .header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.nl-poplist .backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

.nl-calendar{
    width: auto;
    padding: 0;
    overflow: hidden;
    width: 352px;
}

.nl-calendar.have-info{
    width: 562px;
  
}

.nl-calendar.have-info .calendar-year{
    width: 560px;
}

.nl-calendar.have-info .calendar-week-span,.nl-calendar.have-info .calendar-day-span{
    width: 80px;
}

.nl-calendar .calendar-year{
    background-color: rgb(244, 244, 244);
    text-align: center;
    color: #333;
    width: 350px;
}
.nl-calendar .calendar-year .icon{
    left:auto;
    top: auto;
    margin: 0;
    padding: 5px;
    font-size: 20px;
    vertical-align: middle;
    color: rgb(216, 216, 216);
}

.nl-calendar .calendar-year .icon.plus,
.nl-calendar .calendar-year .icon.minus{
	font-size: 12px;
	position: absolute;
	top: 4px;
	left: -20px;
	padding: 0px;
	line-height: 1.7;
	text-align: center;
	background-color: white;
	height: 21px;
	width: 21px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	display:none;
}

.nl-calendar .calendar-year .icon.plus{
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	left:auto;
	right:-20px;
}

.nl-calendar .calendar-year .icon.minus{
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.nl-calendar .calendar-year .calendar-left-but{
    position: absolute;
    left: 0;
}

.nl-calendar .calendar-year .calendar-left-but.clear-but{
    font-size: 15px;
    padding: 9px 10px;
    height: 30px;
    left: 0;
	cursor: pointer;
}
.nl-calendar .calendar-year .calendar-right-but{
    position: absolute;
    right: 0;
}
.nl-calendar .calendar-year .calendar-right-but.today-but{
    padding: 2px 5px;
    background-color: rgb(176, 176, 176);
    color: #FFFFFF;
    margin-top: 5px;
    height: 20px;
    border-radius: 5px;
    font-size: 12px;
    right: 40px;
	cursor: pointer;
}

.nl-calendar .calendar-year .calendar-right-but.today-but:hover{
    background-color: #dcdddc !important;
    color: #a0a0a0 !important;
}

.nl-calendar .calendar-year .calendar-left-block,
.nl-calendar .calendar-time .calendar-right-block{
    display:inline-block;
}

.nl-calendar .calendar-year .calendar-content-block{
	cursor: pointer;
    display: inline-block;
}

.nl-calendar .calendar-time .calendar-right-block{
    position: absolute;
    padding: 0 10px;
    right: 0;
}

.nl-calendar .calendar-year .calendar-year-but,
.nl-calendar .calendar-year .calendar-month-but,
.nl-calendar .calendar-year .calendar-day-but,
.nl-calendar .calendar-time .calendar-time-but,
.nl-calendar .calendar-time .calendar-time-text,
.nl-calendar .calendar-year .calendar-year-text{
    padding: 3px 4px;
    position: relative;
    top: 0;
    display: inline-block;
    left: 0;
    font-size: 15px;
    vertical-align: middle;
    background-color: rgb(253, 253, 253);
    margin: 4px 0;
    border-radius: 5px;
    color: #333;
}

.nl-calendar .calendar-year .icon.plus:hover,
.nl-calendar .calendar-year .icon.minus:hover{
    background-color: #dcdddc !important;
    color: #a0a0a0 !important;
}

.nl-calendar .calendar-year .calendar-year-block:hover .icon,
.nl-calendar .calendar-year .calendar-month-block:hover .icon,
.nl-calendar .calendar-year .calendar-day-block:hover .icon{
	background-color: rgb(176, 176, 176);
    color: rgb(253, 253, 253);
}

.nl-calendar .calendar-year .calendar-year-block:hover .calendar-year-but,
.nl-calendar .calendar-year .calendar-month-block:hover .calendar-month-but,
.nl-calendar .calendar-year .calendar-day-block:hover .calendar-day-but{
	border-radius: 0px;
}

.nl-calendar .calendar-year .calendar-year-block:hover .icon,
.nl-calendar .calendar-year .calendar-month-block:hover .icon,
.nl-calendar .calendar-year .calendar-day-block:hover .icon{
    display:inline-block;
}

.nl-calendar .calendar-year .calendar-year-block,
.nl-calendar .calendar-year .calendar-month-block,
.nl-calendar .calendar-year .calendar-day-block{
    cursor:pointer;
}

.nl-calendar .calendar-year .calendar-year-block:hover,
.nl-calendar .calendar-year .calendar-month-block:hover,
.nl-calendar .calendar-year .calendar-day-block:hover{
    z-index:999;
}

.nl-calendar .calendar-year .calendar-year-text,.nl-calendar .calendar-time .calendar-time-text{
    padding: 0;
    margin: 0;
    background-color: transparent;
    font-size: 12px;
    top: -2px;
    color: rgb(163, 163, 163);
}

.nl-calendar .calendar-year .calendar-year-block,
.nl-calendar .calendar-year .calendar-month-block,
.nl-calendar .calendar-year .calendar-day-block{
	display: inline-block;
	position: relative;
}

.nl-calendar .calendar-year .calendar-year-text.icon,.nl-calendar .calendar-time .calendar-time-text.icon{
  font-size:14px;
  top: auto;
  margin-right: 5px;
  cursor: default;
}

.nl-calendar .calendar-week{
    background-color: rgb(244, 244, 244);
    border-top: 1px rgb(204, 204, 204) solid;
    display: table;
    width: 100%;
    border-collapse: collapse;
}

.nl-calendar .calendar-week .calendar-week-span{
    border: 1px rgb(221, 221, 221) solid;
    display: table-cell;
    text-align: center;
    padding: 5px;
    font-size: 12px;
    height: 27px;
    background-color: rgb(60, 141, 188);
    color: #FFF;
}

.nl-calendar .calendar-week-span,
.nl-calendar .calendar-day-span{
    width: 50px;
}

.nl-calendar .calendar-week .calendar-week-span:first-child,
.nl-calendar .calendar-week .calendar-week-span:last-child{
  color:red;
  font-weight: bold;
  border-right-width: 0;
  border-left-width: 0;
}

.nl-calendar .calendar-day{
  
    background-color: rgb(255, 255, 255);
    white-space: normal;
}

.nl-calendar .calendar-day .calendar-day-span{
    display: inline-block;
    text-align: center;
    background-color: #F9F9F9;
    border: 1px white solid;
    vertical-align: top;
    height: 45px;
}

.nl-calendar .calendar-day .calendar-day-span.disabled .day-label{
    color: rgb(184, 184, 184);
    cursor:default;
    padding: 10px 0;
}

.nl-calendar .calendar-day .calendar-day-span .other-month{font-size: 14px;padding: 14px 0!important;}

.nl-calendar.have-info .calendar-day .calendar-day-span{height: 57px;}
.nl-calendar.have-info .calendar-day .calendar-day-span .weekend{color: rgb(190, 0, 0);}
.nl-calendar.have-info .calendar-day .calendar-day-span .other-month{font-size: 14px;padding: 18px 0!important;}
.nl-calendar.have-info .calendar-day .calendar-day-span .special{color: rgb(255, 68, 68);}
.nl-calendar.have-info .calendar-day .calendar-day-span.disabled .day-label{
    color: rgb(184, 184, 184);
    cursor:default;
    padding: 10px 0;
}
.nl-calendar .calendar-day .calendar-day-span label{
    vertical-align: top;
    display: block;
    font-size: 20px;
    padding-top: 5px;
    padding-bottom: 10px;
    cursor: pointer;
    line-height: 1;
    position: relative;
}

.nl-calendar.have-info .calendar-day .calendar-day-span .day-label{
    height: 30px;
    padding: 5px 0;
}

.nl-calendar.have-info .calendar-day .calendar-day-span.disabled .day-label{
    padding: 14px 0;
}

.nl-calendar .calendar-day .calendar-day-span .day-label{
    height: 30px;
    padding: 10px 0;
}

.nl-calendar .calendar-day .calendar-day-span.to-day{
    background-color: rgb(230, 246, 255);
}

.nl-calendar .calendar-day .calendar-day-span.select-day{
    background-color: rgb(255, 230, 230);
}

.nl-calendar .calendar-day .calendar-day-span .day-info{
    font-size:12px;
    color: rgb(174, 174, 174);
    padding: 5px 0;
    height: 25px;
}


.nl-calendar .calendar-day .calendar-day-span:hover{background-color: rgb(234, 234, 234);}
.nl-calendar .calendar-day .calendar-day-span.disabled:hover{background-color: rgb(249, 249, 249);}
.nl-calendar .calendar-day .calendar-day-span.disabled label{cursor:default;height: auto;}
.nl-calendar .calendar-time{
    background-color: rgb(244, 244, 244);
    border-top: 1px rgb(204, 204, 204) solid;
}
.nl-calendar .calendar-time .item{padding:0;}
.nl-calendar .calendar-time .calendar-time-h-span,
.nl-calendar .calendar-time .calendar-time-m-span{
  display: inline-block;
  padding: 5px;
}

.nl-img-box,.nl-file-box,.nl-textarea,.nl-item-block,.nl-tree-selector{
    height: 200px;
    width: 100px;
    background-color: white;
    border: 1px rgb(204, 204, 204) solid;
    border-radius: 4px;
    overflow: hidden;
    padding: 5px;
    display: block;
    resize: none;
    font-size: medium;
    opacity: 0;
}

.nl-file-list{
}

.nl-file-list a{
  color: #333333;
  border: 1px silver solid;
  display:block;
  padding: 10px;
  margin-bottom: 2px;
  background-color: white;
}

.nl-file-list a:after{
  content:"\e025";
  float:right;
  width: 25px;
  height: 25px;
  font-size: 14px;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  background-color: silver;
  padding: 4px;
  color:#FFF;
  border-radius:100%;
  margin-top: -5px;
  padding-left: 5px;
}

.nl-file-list a:hover{
  background-color: #eaeaea;
}

.nl-file-list a:hover:after{
  background-color: #FFF;
  color: silver;
}

.nl-img-box.nolist{
  width: auto !important;
  padding: 0;
  height: auto !important;
}

.nl-img-box .img-box-scroll-body,.nl-file-box .file-box-scroll-body,.nl-tree-selector .tree-selector-scroll-body{
  height:100%;
  width:100%;
  overflow:hidden;
  padding: 0px;
}

.nl-img-box .img-box-block{
    display: inline-block;
    float: left;
    padding: 5px;
    border: 1px rgb(221, 221, 221) solid;
    margin-right: 5px;
    border-radius: 4px;
    position: relative;
    height: 100%;
}

.nl-img-box .img-box-block.nolist{
  margin:0;
  border:0;
}

.nl-img-box .img-box-block.nolist .nl-img.img-show{
  border: 1px solid transparent;
}

.nl-img-box .img-box-block img{width: 100%;height: 100%;}

.nl-img-box .img-box-block.add-but{  
    text-align: center;
    color: rgb(244, 244, 244);
    position: relative;
    font-size: 50px;
    cursor:pointer;
}

.nl-img-box .img-box-block.add-but.nolist{border: 0;margin: 0;}

.nl-img-box .img-box-block.add-but:hover{
    color: rgb(204, 204, 204);
}

.nl-img-box .img-box-block.add-but .icon{
    top: 50%;
    left: 50%;
    text-align: center;
    position: absolute;
    width: 50px;
    height: 50px;
    vertical-align: middle;
    margin-left: -25px;
    margin-top: -25px;
}

.nl-file-box{
    padding-right: 20px;
}
.nl-file-box .file-box-block.add-but{
    font-size: 18px;
    text-align: center;
    color: rgb(244, 244, 244);
    cursor:pointer;
    padding: 0;
}

.nl-file-box .file-box-block.add-but:hover {
  color: rgb(204, 204, 204);
}

.nl-file-box .file-box-block.add-but .icon{
    font-size: 26px;
  
}

.nl-file-box .file-box-block{
    display: block;
    position: relative;
    padding: 5px;
    background-color: rgb(255, 255, 255);
    border: 1px rgb(221, 221, 221) solid;
    border-radius: 4px;
    margin-bottom: 1px;
    padding-left: 40px;
    height: 34px;
}

.nl-file-box .file-link{
    display: block;
  
    font-size: 14px;
    text-decoration: none;
    color: #333;
}

.nl-file-type{
    background-image:url('../image/filetype32x32.png');
    background-position: 0px -320px;
    position: absolute;
    width: 32px;
    height: 32px;
    left: 0;
    top: 0px;
}

.nl-file-type.doc,
.nl-file-type.docx{
    background-position:0 0;    
}
.nl-file-type.xls,
.nl-file-type.xlsx{
background-position: 0 -32px;
}
.nl-file-type.gif{
  background-position: 0 -64px;
}
.nl-file-type.jpg{
  background-position: 0 -96px;
}
.nl-file-type.jpeg{
  background-position: 0 -128px;
}
.nl-file-type.png{
  background-position: 0 -160px;
}
.nl-file-type.ppt,
.nl-file-type.pptx{
  background-position: 0 -192px;
}
.nl-file-type.pdf{
  background-position: 0 -224px;
}
.nl-file-type.zip{
  background-position: 0 -256px;
}
.nl-file-type.rar{
  background-position: 0 -288px;
}
.nl-file-type.txt{
  background-position: 0 -352px;
}

.nl-tab-page{
    opacity: 0;
}
.nl-tab-page .tab-page-but{
    position: relative;
  
}

.nl-tab-page > .row{
    display:none;
}

.nl-tab-page .tab-page-tab-block{
    position:relative;
    padding-left: 180px;
    display:block;
}

.nl-tree-selector{
    padding-right: 20px;
}



.nl-tree-selector .tree-selector-block.add-but{
    font-size: 18px;
    text-align: center;
    color: rgb(244, 244, 244);
    cursor:pointer;
    padding: 0;
}

.nl-tree-selector .tree-selector-block.add-but:hover {
  color: rgb(204, 204, 204);
}

.nl-tree-selector .tree-selector-block.add-but .icon{
    font-size: 26px;
  
}

.nl-tree-selector.readonly .tree-selector-block.add-but{
  display:none;
}

.nl-tree-selector .tree-selector-block{
    display: block;
    position: relative;
    padding: 5px;
    background-color: rgb(255, 255, 255);
    border: 1px rgb(221, 221, 221) solid;
    border-radius: 4px;
    margin-bottom: 1px;
    padding-left: 40px;
    height: 34px;
    padding-right: 20px;
    width: 100%;
}

.nl-tree-selector .tree-selector-block label{
    display:block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: absolute;
    left: 30px;
    right: 20px;
}

.nl-tree-selector .tree-selector-block .icon.tag{
    left: 10px;
  
    top: 10px;
    position: absolute;
}
.nl-focus-img{
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-size: 0px;
    white-space: nowrap;
    position: relative;
}

.nl-focus-img > li{
    /* display: inline-block; */
    /* box-sizing: border-box;
    width: 100%;
    height: 100%; */
}

.nl-focus-img ul{
    position: absolute;
    bottom: 20px;
    left: 45%;
}
.nl-focus-img ul > li{
    width: 12px;
    height: 12px;
    display: inline-block;
    border: 1px white solid;
    margin: 10%;
    border-radius: 100%;
    cursor: pointer;
    vertical-align: middle;
}

.nl-focus-img ul > li.on{
    background-color: #FFF;
    width: 14px;
    height: 14px;
}

.nl-focus-img > li{
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-color: rgb(98, 98, 98);
}

@media all and (transform-3d), (-webkit-transform-3d) {
  .nl-focus-img > li {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000px;
            perspective: 1000px;
  }
  .nl-focus-img > li.next,
  .nl-focus-img > li.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .nl-focus-img > li.prev,
  .nl-focus-img > li.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .nl-focus-img > li.next.left,
  .nl-focus-img > li.prev.right,
  .nl-focus-img > li.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.nl-focus-img > .active,
.nl-focus-img > .next,
.nl-focus-img > .prev {
  display: block;
}
.nl-focus-img > .active {
  left: 0;
}
.nl-focus-img > .next,
.nl-focus-img > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.nl-focus-img > .next {
  left: 100%;
}
.nl-focus-img > .prev {
  left: -100%;
}
.nl-focus-img > .next.left,
.nl-focus-img > .prev.right {
  left: 0;
}
.nl-focus-img > .active.left {
  left: -100%;
}
.nl-focus-img > .active.right {
  left: 100%;
}
.nl-image-bg{
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  z-index: 9999;
  background-image: url(../image/win_bg.png);
  display: none;
}

.nl-image-bg .image-left-but,.nl-image-bg .image-right-but{
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    font-size: 30px;
    text-align: center;
    border: 5px rgb(121, 121, 121) solid;
    padding: 0px;
    border-radius: 100%;
    margin-top: -50px;
    cursor: pointer;
    left: 40px;
    color: #848484;
}

.nl-image-bg .image-left-but:hover,.nl-image-bg .image-right-but:hover{
    color: rgb(205, 205, 205);
    border-color: rgb(205, 205, 205);
}

.nl-image-bg .image-left-but .icon,.nl-image-bg .image-right-but .icon{
  vertical-align:middle;
  left: auto;
}
.nl-image-bg .image-right-but{
    left: auto;
  
    right: 50px;
}
.nl-image-bg .image-block{
    position: absolute;
    border: 5px rgb(71, 71, 71) solid;
    border-radius: 10px;
    font-size: 0;
    background-color: rgb(71, 71, 71);
    display: none;
    max-width: 500px;
}

.nl-image-bg .image-block .image-close-but{
    font-size: 25px;  
    position: absolute;
    right: -16px;
    top: -16px;
    width: 30px;
    height: 30px;
    color: #FFF;
    background-image: url(../image/but_bg32x32.png);
    display: none;
}

.nl-image-bg .image-block .image-close-but:hover{
    color: rgb(186, 186, 186);
  
}

.nl-image-bg .image-block .image-close-but .icon{
    left: 2px;
    top: 1px;
    cursor: pointer;
}

.nl-image-bg .image-block img{
  width:100%;
  /* height:100%; */
  border-radius: 5px;
}

.sys-file-dir-tree{
    font-size: 14px;
  
    padding: 10px 0;
}

.sys-file-dir-tree li{
    cursor: pointer;
}

.sys-file-dir-tree li a:hover,.sys-file-dir-tree li a.active{
  background-color: rgb(232, 232, 232);
}

.sys-file-dir-tree li a{
  text-decoration:none;
  color: rgb(51, 51, 51);
  display: block;
  padding: 5px;
  padding-left: 20px;
}

.sys-file-dir-tree li a.disabled:hover{
  background-color: transparent;
}

.upload-progress-bg{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-image: url('../image/win_bg.png');
    z-index: 999;
    display: none;
}
.upload-progress-bg .upload-progress-block{
    position: absolute;
    width: 400px;
    top: 50%;
    left: 50%;
    margin-left: -200px;
    border: 2px rgb(144, 144, 144) solid;
    border-radius: 5px;
    /* background-color: rgb(74, 74, 74); */
    overflow: hidden;
}
.upload-progress-bg .upload-progress-block .upload-progress-bar-block{
    background-color: rgb(73, 73, 73);
    padding: 20px;
    border-radius: 5px;
}
.upload-progress-bg .upload-progress-block .upload-progress-bar-block .upload-progress-bar-title{
    padding: 10px;
    color: #B2B2B2;
    font-weight: bold;
}
.upload-progress-bg .upload-progress-block .upload-progress-bar-block .upload-progress-bar-bg{
    background-color: rgb(73, 73, 73);
  
    border: 2px rgb(119, 119, 119) solid;
    border-radius: 4px;
}
.upload-progress-bg .upload-progress-block .upload-progress-bar-block .upload-progress-bar{
    height: 20px;
    position: relative;
    width: 30%;
    border: 1px rgb(51, 122, 183) solid;
    background-image: url(../image/progress.gif);
}
.nl-highcharts-date-list{
  width: 100%;
  display: inline-block;
  background-color: #434348;
  font-size: 0;
}
.nl-highcharts-date-list li{
  display: inline-block;
  padding: 6px 0;
}
.nl-highcharts-date-list li.on{
  background-color: #FFFFFF;
}
.nl-highcharts-date-list li.on a{
  color: #434348;
}
.nl-highcharts-date-list li a{
  display: inline-block;
  padding: 6px 20px;
  color: white;
  font-size: 14px;
  font-weight: bold;
}

.nl-highcharts-date-list li+li a{
  border-left: 1px #6D6D6D dotted;
}

.nl-video-player{
    display:inline-block;
    width:100%;
    height:100%;
}

.nl-video-player .player-cover{background-color: #636363;display: inline-block;width: 100%;height: 100%;position: relative;background-size: 100% 100%;}
.nl-video-player .player-cover .icon{
    width: 100px;
    height: 100px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -50px;
    font-size:100px;
    color: #9C9C9C;
}
.nl-video-player .player-cover .icon:active{color: #424242;}

.nl-icon-select{
    display:none; 
}
.icon-select{
  height: 60px;
  border: 1px #CCCCCC solid;
  background-color: white;
  text-align: center;
  font-size: 40px;
  padding: 6px;
  color: grey;
}
.icon-select .icon{
  left:auto;
  top:auto;
}
.icon-table{
  width:100%;
  padding: 10px;
  overflow: scroll;
  overflow-x: hidden;
  height: 100%;
}
.icon-table li{
  font-size: 20px;
  display:inline-block;
  padding: 3px;
  margin: 1px;
  background-color: #F1F1F1;
  text-align: center;
  height: 30px;
  width: 30px;
  border: 1px #D8D8D8 solid;
  border-radius: 3px;
  color: #525252;
  position: relative;
}

.icon-table li.on:before{
  content:"\e084";
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  position: absolute;
  color: #8BC34A;
  top: -3px;
  left: auto;
  right: -3px;
}

.icon-table li:hover{
  cursor:pointer;
  background-color: #3C8DBC;
  color: white;
}

.icon-table li .icon{
  left: auto;
  top: auto;
}

.nl-label{
  background-color: white;
  margin: 10px 0;
  border-radius: 3px;
  overflow: hidden;
  white-space: nowrap;
  display: table;
  width: 100%;
}

.nl-label .icon{
  font-size: 30px;
  padding: 30px;
  left: auto;
  top: auto;
  color: #fff;
  background-color: rgba(0,0,0,0.2);
  border-radius: 3px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  width: 90px;
  height: 90px;
  display: table-cell;
}
.nl-label>div{
  display:inline-block;
  vertical-align: top;
  font-size: 14px;
  padding: 5px 10px;
  height: 90px;
  display: table-cell;
  width: 100%;
}
.nl-label>div>label{
  display:block;
}

.nl-label>div strong{
  padding:0 10px;
  font-size: 16px;
}

.nl-win{
  border: 1px solid #E2E2E2;
  border-radius: 3px;
  background-color: white;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.nl-win[label]:before{
  content: attr(label);
  font-size: 14px;
  padding: 10px;
  border-bottom: 1px solid #F3F3F3;
  font-weight: bold;
  color: #333333;
  display: inline-block;
  width: 100%;
}

.nl-label .nl-progress{
  margin: 5px -10px;
}

.nl-progress .progress-bar{
  background-color:white;
  height: 100%;
  position:relative;
  overflow: visible;
  width: 0%;
}

.nl-progress .progress-bar:after{
  content:"";
  position:absolute;
  height: 5px;
  width: 5px;
  background-color: #FFFFFF;
  right: -5px;
  top: -1px;
  border-radius: 100%;
  animation: ss 1s linear infinite;
  -webkit-animation: ss 1s linear infinite;
  -moz-animation: ss 1s linear infinite;
  -o-animation: ss 1s linear infinite;
}

.nl-progress{
  height: 3px;
  background-color: rgba(0,0,0,0.2);
}

.progress-block{
  position:relative;
}

.progress-block .progress-label-left,.progress-block .progress-label-right{
  display:inline-block;
  font-size: 12px;
  vertical-align: top;
}
.progress-block .progress-label-right{
  float:right;
  font-weight: bold;
}
.nl-flag{
  position: relative;
  display: inline-block;
  border-radius: 5px;
  height: 20px;
  padding: 1px 7px;
  padding-left: 30px;
  overflow: hidden;
  margin: 0 2px;
  vertical-align: middle;
  font-size: 12px;
  
}
.nl-table .tbody .nl-flag{
  opacity: 0.3;
}
.nl-flag.sex,.nl-flag.status{
  border: 1px solid #00c0ef;
  color: #00c0ef;
}

.nl-flag.sex.f{
  border: 1px solid #f39c12;
  color: #f39c12;
}

.nl-flag.sex:after,.nl-flag.sex:after{
  content:"\7537";
  font-size: 12px;
}

.nl-flag.sex:before,.nl-flag.status:before{
  content: "";
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  position: absolute;
  left: 0;
  top: 0;
  width:24px;
  height: 18px;
}
.nl-flag.sex:before{
  background-image: url(../image/sex.png);
  background-position: 0px -3px;
  background-color: #00c0ef;
  background-repeat:no-repeat;
}
.nl-flag.sex.f:before{
  background-position: 0px -27px;
  background-color: #f39c12;
}

.nl-flag.sex.f:after{
  content:"\5973";
}
.nl-flag.status:before{
  content:"\e014";
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #dd4b39;
  color:white;
  font-size: 15px;
  padding: 2px 4px;
}

.nl-flag.status{
  border: 1px solid #dd4b39;
  color: #dd4b39;
}

.nl-flag.status.yes{
  border: 1px solid #00a65a;
  color: #00a65a;
}

.nl-flag.status:after{
  content:"\5426";
}

.nl-flag.status.yes:after{
  content:"\662f";
}

.nl-flag.status.yes:before{
  content:"\e013";
  background-color: #00a65a;
}
.nl-flag.flag{
  padding:2px 5px;
  color: #fff;
  background-color: #3C8DBC;
  border-color: #367FA9;
  text-align:center;
  min-width: 35px;
  font-weight:bold;
}
.nl-flag.flag:after{
  content:attr(label);
  padding: 0;
  font-weight:bold;
  font-size:12px;
}

.nl-flag.flag.no-color{color: #333;background-color: #fff;border-color: #ccc;}
.nl-flag.flag.success{color: #fff;background-color: #5cb85c;border-color: #4cae4c;}
.nl-flag.flag.info{color: #fff;background-color: #5bc0de;border-color: #46b8da;}
.nl-flag.flag.warning{color: #fff;background-color: #f0ad4e;border-color: #eea236;}
.nl-flag.flag.danger{color: #fff;background-color: #d9534f;border-color: #d43f3a;}
.nl-flag.flag.blue{color: #fff;background-color: #4091fc;border-color: #4091aa;}
.nl-flag.flag.green{color: #fff;background-color: #006600;border-color: #006600;}

.nl-ajax-status.click{
	cursor: pointer;
}


.nl-chart{
  width:100%;
  height:100%;
  position: absolute;
  left: 0;
  top: 0;
  left: 0;
  right: 0;
}

.nl-chart>li{
	display:none;
}

.nl-time-selector{
    font-size: 0;
    padding: 0;
}

.nl-time-selector .h-block,.nl-time-selector .i-block,.nl-time-selector .s-block{
  width: 100%;
  position: relative;
  white-space: normal;
  padding: 5px;
  background-color: #F4F4F4;
  border-radius: 5px;
}

.nl-time-selector > ul+ul{
  display:none;
}

.nl-time-selector .h-block{
  display:inline-block;
}

.nl-time-selector .h-block li,.nl-time-selector .i-block li,.nl-time-selector .s-block li{
  display: inline-block;
  width: 106px;
  font-size: 16px;
  text-align: center;
  padding: 10px 0px;
  white-space: normal;
  -moz-whit-space: normal;
}

.nl-time-selector ul li label,.nl-time-selector ul li{
  cursor: pointer;
}

.nl-time-selector .h-block li:hover,
.nl-time-selector .h-block li.on,
.nl-time-selector .i-block li:hover,
.nl-time-selector .i-block li.on,
.nl-time-selector .s-block li:hover,
.nl-time-selector .s-block li.on{
  background-color: rgb(60, 141, 188);
  color: #FFF;
  border-radius: 5px;
}

.nl-time-selector .title-bar{
  display:block;
  height: 32px;
  font-size: 15px;
  background-color: rgb(244, 244, 244);
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  color: rgb(216, 216, 216);
  border-bottom: 1px #DEDEDE solid;
  text-align: center;
}

.nl-time-selector .title-bar .icon{
  left:auto;
  top:auto;
  padding: 8px;
}

.nl-time-selector .title-bar .back-but{
  position: absolute;
  display: none;
  cursor:pointer;
  font-weight:bold;
  font-size: 20px;
  left: 0;
  top: 0;
}

.nl-time-selector .title-bar .back-but .icon{
  padding: 5px;
}

.nl-time-selector .title-bar .del-but{
  position: absolute;
  right: 0;
  top: 0;
  cursor:pointer;
  font-weight:bold;
}

.nl-time-selector .title-bar .back-but:hover,.nl-time-selector .title-bar .del-but:hover{
  color: rgb(144, 144, 144);
}
.nl-time-selector .title-bar .title-text{
    display: inline-block;
    padding: 7px;
    color: #6B6B6B;
    width: 100%;
}

.nl-focus-img-list{
  display: inline-block;
  position: relative;
  width: 100%;
  -moz-user-select: none;
  -webkit-user-select:none;
  -ms-user-select:none;
  -khtml-user-select:none;
  user-select:none;
}

.nl-focus-img-list ul{
  white-space: nowrap;
  font-size:0px;
  margin: 0;
  display: inline-block;
  position: relative;
  width:100%;
  overflow:hidden;
  height: 100%;
}

.nl-focus-img-list li{
  display:inline-block;
  height: 100%;
  padding: 2px;
  position: relative;
}

.nl-focus-img-list li>a{
  display:block;
  height:100%;
}

.nl-focus-img-list li>a:after{
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  background-color: rgba(221, 221, 221, 0.5);
  left: 0;
  background-image: url(/image/play.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 20% auto;
  cursor: pointer;
  transition: 0.5s;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  opacity:0;
  top: 0;
}

.nl-focus-img-list li>a:hover:after{
  opacity:1;
}

.nl-focus-img-list li img{
  width:100%;
  height:100%;
}

.nl-focus-img-list .left-but,.nl-focus-img-list .right-but{
  position:absolute;
  top:50px;
  left: -25px;
  font-size: 14px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  z-index: 9;
  background-image: url(../image/focus-img-list-but-left.png);
  cursor: pointer;
}

.nl-focus-img-list .right-but{
  right: -25px;
  left: auto;
  background-image: url(../image/focus-img-list-but-right.png);
}

.nl-focus-img-list .left-but .icon,.nl-focus-img-list .right-but .icon{
  left:auto;
  top:auto;
}

.nl-spin-bar{
  display:none;
}

.nl-spin-bar-block{
  width: 380px;
  height: 33px;
  padding: 10px 0;
  padding-top: 20px;
}

.nl-spin-bar-block .spin-bar-bg{
  width:100%;
  height: 1px;
  background-color: #D0D0D0;
  border-radius: 5px;
  position: relative;
}

.nl-spin-bar-block .spin-bar-bg .spin-left-label,.nl-spin-bar-block .spin-bar-bg .spin-right-label{
  position:absolute;
  left:0;
  top: 8px;
  color: #D9534F;
  font-weight: bold;
  padding-left: 3px;
}

.nl-spin-bar-block .spin-bar-bg .spin-right-label{
  right:0;
  left:auto;
}

.nl-spin-bar-block .spin-bar-bg .spin-bar{
  width: 15px;
  height: 15px;
  position: absolute;
  background-color: #FFE6E6;
  top: -7px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  border-radius: 10px;
  border: 1px #D8B7B7 solid;
  cursor: pointer;
}

.nl-spin-bar-block .spin-bar-bg .spin-bar .spin-bar-tip{
  height: 20px;
  background-color: white;
  position: absolute;
  top: -22px;
  left: 0px;
  border-radius: 10px;
  border: 1px #DDDDDD solid;
  padding: 0 10px;
  color: #D9534F;
  font-weight: bold;
  margin-left: -8px;
}

input::-webkit-input-placeholder { /* WebKit browsers */
  color: #CCCCCC;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #CCCCCC;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #CCCCCC;
}
input:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #CCCCCC;
}

.nl-structure{
	text-align: center;
	list-style-type:none;
	position: relative;
	overflow:scroll;
	width:100%;
	height:100%;
	white-space: nowrap;
}

.nl-structure li a{
  	font-size: 12px;
  	display: block;
  	border-image: initial;
  	padding: 5px 10px;
  	text-decoration: none;
  	border-radius: 5px;
  	transition: all 0.5s ease 0s;
  	border-bottom-right-radius: 0px;
  	border-bottom-left-radius: 0px;
  	background-color: #2196F3;
  	color: white;
}


.nl-structure>li{
	text-align: center;
	list-style-type: none;
	position: relative;
	padding: 30px 10px 0px;
	transition: all 0.5s ease 0s;
	width: 100%;
}
.nl-structure li{
	text-align: center;
	list-style-type: none;
	position: relative;
	padding: 30px 10px 0px;
	transition: all 0.5s ease 0s;
	display: inline-block;
	font-size: 12px;
	vertical-align: top;
}

.nl-structure li:nth-last-child(1):first-child{
  padding:0 10px 0;
}

.nl-structure li:nth-last-child(1):first-child:before,
.nl-structure li:nth-last-child(1):first-child:after
{
  border:0px
}

.nl-structure>li li:before,
.nl-structure>li li:after{
    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    border-top: 1px solid #ccc;
    width: 50%;
    height: 30px;
}

.nl-structure>li li:after{
    right: auto;
    left: 50%;
    border-left: 1px solid #ccc;
}

.nl-structure li:first-child:before, .nl-structure li:last-child:after {
    border: 0 none;
}

.nl-structure li:last-child:before {
    border-right: 1px solid #ccc;
    border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
}

.nl-structure li:first-child:after {
    border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
}

.nl-structure>li:first-child>a{
  	height: 50px;
    width: 203px;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
    font-size: 14px;
    color: rgb(255, 255, 255);
    line-height: 50px;
    cursor: default;
    font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, sans-serif;
    background: rgb(20, 91, 166);
    border-radius: 5px;
    overflow: hidden;
    border-width: 0px;
    border-style: initial;
    border-color: initial;
    border-image: initial;
    padding: 0px 10px;
	display: inline-block;
}

.nl-structure ul{
	padding-top: 30px;
	position: relative;
	transition: all 0.5s ease 0s;
	flex-direction: row;
	justify-content: center;
	width: 100%;
	font-size: 0;
	white-space: nowrap;
}
.nl-structure ul::before {
    content: "";
    position: absolute;
    top: 0px;
    left: 50%;
    width: 0px;
    height: 30px;
    border-left: 1px solid rgb(204, 204, 204);
}

.nl-structure>li>ul div>span{
    display: block;
    padding: 5px;
    text-align:left;
    color:#9E9E9E;
}

.nl-structure>li>ul div>span>span{
    padding-left:10px;
    color:#000;
}

.nl-structure ul li div{
	display: inline-block;
	width: 150px;
	background-color: #607d8b14;
}

.nl-process{
	text-align: center;
	list-style-type:none;
	position: relative;
	overflow:scroll;
	width:100%;
	white-space: nowrap;
	flex-direction: column;
	justify-content: center;
	font-size: 0;
}

.nl-process>li{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 50px;
}
.nl-process>li:after,
.nl-process>li:before{
    content:"";
    border-bottom:1px red solid;
    width: 50px;
    height: 50%;
    display: inline-block;
    position: absolute;
    left: -100%;
    top: 0;
}

.nl-process>li:after{
    top:50%;
    border-bottom:0px;
}

.nl-process>li:first-child:before{
  border-bottom:0px;
}

.nl-process>li{
    position: relative;
    margin: 40px 0px;
    margin-left: 50px;
}

.nl-process li>a{
    border-radius:100%;
    background-color:#2196f3a1;
    width:50px;
    height:50px;
    display:inline-block;
    color:#fff;
    line-height:50px;
    font-size: 14px;
}

.nl-process ul{
    float:left;
}