@charset "utf-8";
*{font-size:13px;font-family:Tahoma,Verdana,'microsoft yahei',"新宋体";}
input[type="button"],input[type="text"],input[type="password"],input[type="submit"],input[type="reset"] { -webkit-appearance:none; appearance:none; outline:none;}
textarea{line-height:20px !important;}
body,html { 
	height: 100%;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: 100
}

h1 {
	font-size: 30px
}

h2 {
	font-size: 24px
}

h3 {
	font-size: 16px
}

h4 {
	font-size: 14px
}

h5 {
	font-size: 12px
}

h6 {
	font-size: 10px
}

h3,h4,h5 {
	margin-top: 5px;
	font-weight: 600
}
button,a,button:focus,a:focus{
	 outline:none;-moz-outline:none;
	 cursor: pointer;
}
/*link*/
.aLink {
	color: #337ab7;
}

.aLink:link {
	text-decoration: none;
	color: #337ab7;
}

.aLink:visited {
	text-decoration: none;
	color: #337ab7;
}

.aLink:active {
	text-decoration: none;
	color: #337ab7;
}

.aLink:hover {
	text-decoration: none;
	color: #ff0000;
}

a.grid-link:link {
    color: red; 
    text-decoration: none;
}
a.grid-link:visited {
    color: red; 
    text-decoration: none;
}
a.grid-link:hover {
    color: #BD0A01; 
    text-decoration: underline;
}
a.grid-link:active {
    color: red; 
    text-decoration: none;
}

a.grid-link:link {
    color: #3678EE; 
    text-decoration: none;
}
a.grid-link:visited {
    color: #3678EE; 
    text-decoration: none;
}
a.grid-link:hover {
    color: #BD0A01; 
    text-decoration: underline;
}
a.grid-link:active {
    color: #3678EE; 
    text-decoration: none;
}
a:focus {
	outline: 0
}

.blank_div {
    text-align: center;
    height: 5px;
    clear: both;
}
.text-align-right{
	text-align: right;
}
.ui-hide{
	display:none !important;
}
.clear {
    clear: both;
    height: 1px;
    margin-top: -1px;
    overflow: hidden;
}

.full-height {
	height: 100%
}

.input-height {
	height:34px;
}

.main-package-over{
	height:100%;
	width:100%;
	margin-right: auto;
    margin-left: auto;
}

.container-fluid,.mainPanel {
	padding:5px;
	height:100%;
	width:100%;
}

.container-gray-bg {
	padding:5px;
	margin:0;
	background-color: #ECF0F5;
}

.mainPanel:after,.mainPanel:before,.container-gray-bg:after,.container-gray-bg:before,.row-fluid:after, .row-fluid:before {
    display: table;
    content: " ";
    clear: both;
}

.row-fluid{
	clear:both;
    margin-right:0px;
    margin-left:0px;
}

.btn-gray {
    background-color: #F4F4F4;
    border-color: #DDDDDD;
    color: #444444;
}
.btn-gray:hover{
	background-color: #E7E7E7;
}
.list-group>.list-group-item>a>.fa{
	margin-right:5px;
}
.list-group>.list-group-item:hover{
	background-color:#F4F4F4;
}

.list-group.list-group-sm>.list-group-item{
	padding:5px 10px;
}
.text-muted {
  color: #777777 !important;
}
.text-primary {
  color: #337ab7 !important;
}
.text-success {
  color: #3c763d !important;
}
.text-info {
  color: #31708f !important;
}
.text-warning {
  color: #8a6d3b !important;
}
.text-danger {
  color: #a94442 !important;
}
.text-red {
  color: #ff0000 !important;
}
.comment{
	color:#555555;
	font-style:italic;
}
.manuscript{
	height:60px;width:100%;
}
.fix-ie-font-face :before,.fix-ie-font-face :after {
	content: none !important;
}
#layout{
	display:none;
}
.dom-overflow-x {
    overflow-x: hidden!important;
}

.dom-overflow-y {
    overflow-y: hidden!important;
}

.dom-overflow,.html-overflow-hidden{
    overflow-x: hidden!important;
    overflow-y: hidden!important;
}

.dom-overflow-auto,.dom-auto-height{
    overflow-x: hidden!important;
    overflow-y: auto!important;
    -webkit-overflow-scrolling: touch;
}
.table-fixed{
	width: 100%;
    table-layout: fixed;
    position: relative;
}
table.table-bordered th{
    background-color: #f9f9f9;
    text-align:center;
    border-bottom-width:1px!important;
}
table.table-bordered td.title {
    background-color: #f9f9f9;
    padding-left: 3px;
}

table.table-bordered td.disable {
    background-color: #eeeeee;
}

table.table-bordered td.edit {
    background-color: #ffffff;
}
table.table-bordered td.fixed{
	position: relative;
	background-color:#f9f9f9;
	background-clip: padding-box;
}
.black-color{
	color:#333333;
	font-size:14px;
	font-weight: 700;
}
.tomato-color{
	color:Tomato;
	font-size:13px;
}
.ui-tab .tab-content {
	padding: 20px 0
}

.no-padding {
	padding: 0!important
}

.no-borders {
	border: none!important
}

.no-margins {
	margin: 0!important
}

.no-top-border {
	border-top: 0!important
}
.no-border {
	border: 0!important
}

.border-all {
	border: 1px solid #D6D6D6;
}

.border-left-right {
	border-left: 1px solid #D6D6D6;
	border-right: 1px solid #D6D6D6;
}

.border-left-top {
 	border-top: 1px solid #D6D6D6;
    border-left: 1px solid #D6D6D6;
}

.border-left {
	border-left: 1px solid #D6D6D6;
}

.border-bottom {
	border-bottom: 1px solid #D6D6D6;
}

.border-right {
	border-right: 1px solid #D6D6D6;
}

.border-top {
	border-top: 1px solid #D6D6D6;
}

.full-width {
	width: 100%!important
}

.link-block {
	font-size: 12px;
	padding: 10px
}
.height-140{
	height:140px;
}
.fontawesome-icon-list {
	margin-top: 22px
}

.fontawesome-icon-list .fa-hover a {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	display: block;
	color: #222;
	line-height: 32px;
	height: 32px;
	padding-left: 10px;
	border-radius: 4px
}

.fontawesome-icon-list .fa-hover a .fa {
	width: 32px;
	font-size: 14px;
	display: inline-block;
	text-align: right;
	margin-right: 10px
}

.fontawesome-icon-list .fa-hover a:hover {
	background-color: #1d9d74;
	color: #fff;
	text-decoration: none
}

.fontawesome-icon-list .fa-hover a:hover .fa {
	font-size: 30px;
	vertical-align: -6px
}

.fontawesome-icon-list .fa-hover a:hover .text-muted {
	color: #bbe2d5
}

.list-group>li>a,.list-group>a.list-group-item{
	color:#333333;
	text-decoration:none;
}
.list-group>li.active{
	background-color:#337ab7 !important;
}
.list-group>li.active>a,.list-group>li.active>a:focus,.list-group>li.active>a:hover,.list-group>a.active,.list-group>a.active:focus,.list-group>a.active:hover{
	background-color:#337ab7 !important;
	color:#ffffff !important;
}
.gray-bg {
	background-color: #f3f3f4 !important;
}
.gray-label-bg {
	background-color: #f3f4f6 !important;
}
.white-bg {
	background-color: #fff  !important;
}

.navy-bg {
	background-color: #1ab394 !important;
	color: #fff
}

.blue-bg {
	background-color: #1c84c6 !important;
	color: #fff
}

.lazur-bg {
	background-color: #23c6c8 !important;
	color: #fff
}

.yellow-bg {
	background-color: #f8ac59 !important;
	color: #fff
}

.red-bg {
	background-color: #ed5565 !important;
	color: #fff
}

.black-bg {
	background-color: #262626 !important;
}

.light-blue-bg{
	background-color:#a5edf9 !important;
}

.list-row-bg-a{
	background-color:#efefef !important;
}

.list-row-bg-b{
	background-color:#fafafa !important;
}

.panel-primary {
	border-color: #1ab394 !important;
}

.panel-primary>.panel-heading {
	background-color: #1ab394;
	border-color: #1ab394
}

.panel-success {
	border-color: #1c84c6
}

.panel-success>.panel-heading {
	background-color: #1c84c6;
	border-color: #1c84c6;
	color: #fff
}

.panel-info {
	border-color: #23c6c8
}

.panel-info>.panel-heading {
	background-color: #23c6c8;
	border-color: #23c6c8;
	color: #fff
}

.panel-warning {
	border-color: #f8ac59
}

.panel-warning>.panel-heading {
	background-color: #f8ac59;
	border-color: #f8ac59;
	color: #fff
}

.panel-danger {
	border-color: #ed5565
}

.panel-danger>.panel-heading {
	background-color: #ed5565;
	border-color: #ed5565;
	color: #fff
}

.progress-bar {
	background-color: #1ab394
}

.progress-small,.progress-small .progress-bar {
	height: 10px
}

.progress-mini,.progress-small {
	margin-top: 5px
}

.progress-mini,.progress-mini .progress-bar {
	height: 5px;
	margin-bottom: 0
}

.progress-bar-navy-light {
	background-color: #3dc7ab
}

.progress-bar-success {
	background-color: #1c84c6
}

.progress-bar-info {
	background-color: #23c6c8
}

.progress-bar-warning {
	background-color: #f8ac59
}

.progress-bar-danger {
	background-color: #ed5565
}

.panel-title {
	font-size: inherit
}

.text-navy {
	color: #1ab394
}

.text-primary {
	color: inherit
}

.text-success {
	color: #1c84c6
}

.text-info {
	color: #23c6c8
}

.text-warning {
	color: #f8ac59
}

.text-danger {
	color: #ed5565
}

.text-muted {
	color: #888
}
.height-default{
	height:36px;
	line-height:36px;
}

.label-lg {
    padding: .3em .6em .4em;
    font-size: 13px;
    line-height: 1.1;
    height: 24px;
}

.p-xxs {
	padding: 5px !important;
}
.p-t-xxs {
	padding-top: 5px !important;
}
.p-t-sm {
	padding-top: 10px !important;
}
.p-t-lg {
	padding-top: 20px !important;
}
.p-t-xl {
	padding-top: 40px !important;
}
.p-xs {
	padding: 10px !important;
}
.p-l-xs {
	padding-left: 10px !important;
}
.p-l-sm {
	padding-left: 20px !important;
}
.p-r-xs {
	padding-right: 10px !important;
}
.p-sm {
	padding: 15px !important;
}

.p-m {
	padding: 20px !important;
}

.p-md {
	padding: 25px !important;
}

.p-lg {
	padding: 30px !important;
}

.p-xl {
	padding: 40px !important;
}

.m-xxs {
	margin: 2px 4px !important;
}

.m-xs {
	margin: 5px !important;
}

.m-sm {
	margin: 10px !important;
}

.m {
	margin: 15px !important;
}

.m-md {
	margin: 20px !important;
}

.m-lg {
	margin: 30px !important;
}

.m-xl {
	margin: 50px !important;
}

.m-n {
	margin: 0!important
}

.m-l-none {
	margin-left: 0 !important;
}

.m-l-xs {
	margin-left: 5px !important;
}

.m-l-sm {
	margin-left: 10px !important;
}

.m-l {
	margin-left: 15px !important;
}

.m-l-md {
	margin-left: 20px !important;
}

.m-l-lg {
	margin-left: 30px !important;
}
.m-l-100 {
	margin-left: 100px !important;
}

.m-l-xl {
	margin-left: 40px !important;
}

.m-l-n-xxs {
	margin-left: -1px !important;
}

.m-l-n-xs {
	margin-left: -5px !important;
}

.m-l-n-sm {
	margin-left: -10px !important;
}

.m-l-n {
	margin-left: -15px !important;
}

.m-l-n-md {
	margin-left: -20px !important;
}

.m-l-n-lg {
	margin-left: -30px !important;
}

.m-l-n-xl {
	margin-left: -40px !important;
}

.m-t-none {
	margin-top: 0 !important;
}

.m-t-xxs {
	margin-top: 1px !important;
}

.m-t-xs {
	margin-top: 5px !important;
}

.m-t-sm {
	margin-top: 10px !important;
}

.m-t {
	margin-top: 15px !important;
}

.m-t-md {
	margin-top: 20px !important;
}

.m-t-lg {
	margin-top: 30px !important;
}

.m-t-xl {
	margin-top: 40px !important;
}

.m-t-n-xxs {
	margin-top: -1px !important;
}

.m-t-n-xs {
	margin-top: -5px !important;
}

.m-t-n-sm {
	margin-top: -10px !important;
}

.m-t-n {
	margin-top: -15px !important;
}

.m-t-n-md {
	margin-top: -20px !important;
}

.m-t-n-lg {
	margin-top: -30px !important;
}

.m-t-n-xl {
	margin-top: -40px !important;
}

.m-r-none {
	margin-right: 0 !important;
}

.m-r-xxs {
	margin-right: 1px !important;
}

.m-r-xs {
	margin-right: 5px !important;
}

.m-r-sm {
	margin-right: 10px !important;
}

.m-r {
	margin-right: 15px !important;
}

.m-r-md {
	margin-right: 20px !important;
}

.m-r-lg {
	margin-right: 30px !important;
}

.m-r-xl {
	margin-right: 40px !important;
}

.m-r-n-xxs {
	margin-right: -1px !important;
}

.m-r-n-xs {
	margin-right: -5px !important;
}

.m-r-n-sm {
	margin-right: -10px !important;
}

.m-r-n {
	margin-right: -15px !important;
}

.m-r-n-md {
	margin-right: -20px !important;
}

.m-r-n-lg {
	margin-right: -30px !important;
}

.m-r-n-xl {
	margin-right: -40px !important;
}

.m-b-none {
	margin-bottom: 0 !important;
}

.m-b-xxs {
	margin-bottom: 1px !important;
}

.m-b-xs {
	margin-bottom: 5px !important;
}

.m-b-sm {
	margin-bottom: 10px !important;
}

.m-b {
	margin-bottom: 15px !important;
}

.m-b-md {
	margin-bottom: 20px !important;
}

.m-b-lg {
	margin-bottom: 30px !important;
}

.m-b-xl {
	margin-bottom: 40px !important;
}

.m-b-n-xxs {
	margin-bottom: -1px !important;
}

.m-b-n-xs {
	margin-bottom: -5px !important;
}

.m-b-n-sm {
	margin-bottom: -10px !important;
}

.m-b-n {
	margin-bottom: -15px !important;
}

.m-b-n-md {
	margin-bottom: -20px !important;
}

.m-b-n-lg {
	margin-bottom: -30px !important;
}

.m-b-n-xl {
	margin-bottom: -40px !important;
}

.space-15 {
	margin: 15px 0 !important;
}

.space-20 {
	margin: 20px 0 !important;
}

.space-25 {
	margin: 25px 0 !important;
}

.space-30 {
	margin: 30px 0 !important;
}

.ui-text-white-bg{
	background-color: #ffffff !important;
    color: #323232 !important;
}

.ui-text-gray-bg{
	background: #f3f4f6 !important;
    color: #2D65DC !important;
}

.ui-text-label {
	color: #2D65DC;
    background-color: #f3f4f6;
    width: 100%;
	height: 34px;
    line-height: 25px;
    outline: none;
    border: 1px solid #c5c5c5;
    padding: 4px 6px;
    margin: 0;
    white-space: nowrap;
    overflow: hidden;
}

.ui-textarea-label {
	color: #2D65DC;
    background-color: #f3f4f6;
    width: 100%;
    height:auto;
    line-height: 25px;
    outline: none;
    border: 1px solid #c5c5c5;
    padding: 4px 6px;
    margin: 0;
    white-space:normal;
    word-break:break-all;
    word-wrap:break-word; 
}
.textarea,.text{
	width: 100%;
    line-height: 25px;
    background-color: #ffffff;
    outline: none;
    border: 1px solid #c5c5c5;
    padding: 4px 6px;
    color: #323232;
    border-radius: 4px;
}
.text{
	height: 34px;
}
.textarea{
	height: 100%;
    resize: none;
}
.select{
    line-height: 25px;
    background-color: #ffffff;
    outline: none;
    border: 1px solid #c5c5c5;
    padding: 4px;
    color: #323232;
    border-radius: 4px;
    height: 34px;
}
.text:focus,.textarea:focus{
	border: 1px solid #66AFE9;
}

.input-group .text:first-child{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
/* Form Style
================================================== */
.hg-form {
    clear: both;
    display: block;
    margin-bottom: 0;
}

.hg-form .hg-form-row {
    clear: both;
}

.hg-form .hg-form-row.bordered {
    border-bottom: 1px solid #d5d5d5;
}

.hg-form .hg-form-row:last-child.bordered {
    border-bottom: 0;
}
/* Form Labels
================================================== */

.hg-form .hg-form-label,.div-bordered-cols .hg-form-label {
	width:100%;
    display: block;
    white-space: nowrap;
    padding-left:8%;
    padding-top:10px;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight:normal;
}

.hg-form .hg-form-row .hg-form-label{
	display:table-cell;
	vertical-align: middle;
    white-space:normal;
    word-wrap:break-word;
	height:32px;
	text-indent:10px;
	padding:0;
	margin:0;
}

.hg-form .hg-form-cols .hg-form-row .hg-form-label{
	height:36px;
}

.hg-form.jumbotron-form .hg-form-label{
	padding-left:60%;
}

.hg-form .hg-form-label.required,.required{
    color: #990000;
    font-weight:600;
}

.hg-form .hg-form-cols{
	overflow:hidden;
    border-top: 1px solid #D6D6D6;
    border-left: 1px solid #D6D6D6;
}

.hg-form .hg-form-cols:before,
.hg-form .hg-form-cols:after {
    display: table;
    content: "";
    line-height: 0;
}

.hg-form .hg-form-cols:after {
    clear: both;
}

/* Column Form Layout
================================================== */
.hg-form [class*='col-'] {
	margin-top:5px;
	margin-bottom:5px;
	padding-left:5px;
    padding-right:5px;
    overflow:hidden;
}

.hg-form .hg-form-cols [class*='col-'] {
	height: 39px;
    background-color: #F9F9F9;
    border: 1px solid #D6D6D6;
    border-width: 0 1px 1px 0;
    padding-left: 0px;
    padding-right: 0px;
    margin:0;
}

.hg-form .hg-form-cols .col-gray-bg {
	background-color: #f3f4f6 !important;
}

.hg-form .hg-form-cols .col-white-bg {
	background-color: #fff !important;
}
.hg-form .hg-form-cols .ui-text-label,.hg-form .hg-form-cols .ui-textarea-label{
	 border-width: 0;
	 margin-top: 4px;
}
.hg-form .hg-form-cols .ui-text-label{
	height: 30px;
}
.hg-form label{
	font-weight: normal;
}
.hg-form .hg-form-cols .ui-spinner .input-group-btn-vertical{
	top:2px;
}

/* Form Inputs
================================================== */
.hg-form select, 
.hg-form input[type="text"], 
.hg-form input[type="password"], 
.hg-form input[type="datetime"], 
.hg-form input[type="datetime-local"], 
.hg-form input[type="date"], 
.hg-form input[type="month"], 
.hg-form input[type="time"],
.hg-form input[type="week"], 
.hg-form input[type="number"], 
.hg-form input[type="email"], 
.hg-form input[type="url"], 
.hg-form input[type="search"], 
.hg-form input[type="tel"], 
.hg-form input[type="color"] {
	width: 100%;
	height: 34px;
    line-height: 25px;
    background-color: #ffffff;
    outline: none;
    border: 1px solid #c5c5c5;
    padding: 4px 6px;
    color: #323232;
    margin: 0;
    border-radius: 4px;
}

.hg-form textarea {
    height: 100%;
    resize: none;
    width: 100%;
    background-color: #ffffff;
    border: 1px solid #c5c5c5;
    padding: 4px;
    color: #323232;
    margin: 0;
    border-radius: 4px;
}

.hg-form .ui-text-label{
	border-radius: 4px;
}

.hg-form select:focus, 
.hg-form textarea:focus, 
.hg-form input:focus{
	border: 1px solid #66AFE9;
}

.hg-form .input-group input[type="text"]:first-child{
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.hg-form .input-group input[type="text"]:last-child{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.hg-form .ui-input-group-inline input[type="text"]{
    border-radius: 4px !important;
}

.hg-form .hg-form-cols select,
.hg-form .hg-form-cols input[type="text"], 
.hg-form .hg-form-cols input[type="password"], 
.hg-form .hg-form-cols input[type="datetime"], 
.hg-form .hg-form-cols input[type="datetime-local"], 
.hg-form .hg-form-cols input[type="date"], 
.hg-form .hg-form-cols input[type="month"], 
.hg-form .hg-form-cols input[type="time"],
.hg-form .hg-form-cols input[type="week"], 
.hg-form .hg-form-cols input[type="number"], 
.hg-form .hg-form-cols input[type="email"], 
.hg-form .hg-form-cols input[type="url"], 
.hg-form .hg-form-cols input[type="search"], 
.hg-form .hg-form-cols input[type="tel"], 
.hg-form .hg-form-cols input[type="color"] {
	 height: 30px;
	 border-width: 0;
	 margin-top: 4px;
	 border-radius:0;
}

.hg-form .hg-form-cols textarea{
	border-width: 0;
}
.hg-form .input-group-btn>.btn{
	width:36px;
	height:34px;
	cursor:pointer;
}

.hg-form .hg-form-cols .input-group-btn,.hg-form .hg-form-cols .input-group-addon{
	position: relative;
	top: 2px;
}
.hg-form .hg-form-cols .input-group-addon{
	border:0;
	background-color:#fff;
	font-size: 13px;
}


.hg-form input[disabled],
.hg-form select[disabled],
.hg-form textarea[disabled],
.hg-form input[readonly],
.hg-form select[readonly],
.hg-form textarea[readonly] {
    background: #f3f4f6;
    color: #2D65DC;
}

.hg-form select.error, 
.hg-form textarea.error, 
.hg-form input[type="text"].error, 
.hg-form input[type="password"].error, 
.hg-form input[type="datetime"].error, 
.hg-form input[type="datetime-local"].error, 
.hg-form input[type="date"].error, 
.hg-form input[type="month"].error, 
.hg-form input[type="time"].error,
.hg-form input[type="week"].error, 
.hg-form input[type="number"].error, 
.hg-form input[type="email"].error, 
.hg-form input[type="url"].error, 
.hg-form input[type="search"].error, 
.hg-form input[type="tel"].error, 
.hg-form input[type="color"].error {
	border: 1px solid #eb979b;
}

/* Form List
================================================== */
.hg-form .hg-form-cols .hg-form-list{
	padding-left:10px;
}
.hg-form .hg-form-list, 
.hg-form .hg-form-list li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.hg-form .hg-form-list li {
    margin-bottom: 4px;
}

.hg-form .hg-form-list li:last-child {
    margin-bottom: 0;
}

.hg-form .hg-form-list.inline {
   	width: 100%;
    min-height: 34px;
    line-height: 25px;
    padding: 4px 6px;
    margin: 0;
}

.hg-form .hg-form-list.inline li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin: 0 5px 0 0;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
}

.hg-form .hg-form-list li > input, 
.hg-form .hg-form-list li > label {
    padding: 0;
    margin: 0 1px 0 0;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}


@media (max-width:768px) {
	.hg-form.jumbotron-form .hg-form-label{
		padding-left:10px;
	}
	.panel-body{
		padding:0;
	}
	/***xx add Android Browser textarea scrolls is unusable***/
	.hg-form textarea {
	 	border-radius:0 !important;
	}
}

/****************navTitle*************************/

.navline,.navline-dashed  {
    height: 1px;
    line-height: 1px;
    width: 100%;
    border-bottom: 1px solid #f4f4f4; 
    background-color: #D9D9D9;
    width: 100%;
    margin-top: 4px;
    margin-bottom: 4px;
}

.navline-dashed {
	background-color:transparent;
    border-bottom: 1px dashed #D9D9D9;
}

.navTitle {
    padding-left: 7px;
    position: relative;
    margin-bottom: 4px;
    margin-top: 4px;
}

.navTitle span {
    margin-top: 4px;
    font-weight: bold;
}

.navTitle .titleSpan {
    cursor: pointer;
}

.navTitle .togglebtn {
    position: absolute;
    top: -2px;
    right: 15px;
    height: 20px;
    width: 16px;
    cursor: pointer;
    font-size: 20px;
}

.navTitle .togglebtn:hover {
    color:blue;
}

.navTitle .search {
    width: 20px;
    height: 16px;
    display: inline-block;
}

.navTitle .search:before{
  	content: "\f002";
 }

.navTitle .group {
    width: 20px;
    height: 16px;
    display: inline-block;
}

.navTitle .group:before{
	content: "\f0c0";
}
/***************job-task-list*****************/
.job-task-execution{
	margin-left:5px;
	margin-bottom:3px;
	width:99.3%;
}

.job-task-execution .list-row-bg-a .ui-text-label,.job-task-execution .list-row-bg-a .ui-textarea-label{
	background-color:#efefef !important;
}

.job-task-execution .list-row-bg-b .ui-text-label,.job-task-execution .list-row-bg-b .ui-textarea-label{
	background-color:#fafafa !important;
}

.job-task-execution .current-proc-unit,.job-task-execution .current-proc-unit .ui-text-label{
	background-color:#bce5f7 !important;
	color:#11689E !important;
}

.job-float-panel{
	position:absolute;
	padding:10px;
    bottom: 1px;
    left:0px;
    width:100%;
    margin: 0;
    overflow: hidden;
    z-index: 1000;
}
.job-float-panel label{
	margin-right:10px;
	cursor:pointer;
}
.job-float-panel .textarea{
	height:56px;
}
.job-biz-bill-body{
	width:100%;
	display:inline-block;
}
/***************div-bordered-cols*****************/
.div-bordered-cols{
	overflow:hidden;
}
.div-bordered-cols .div-bordered-title{
	text-align:center;
	padding-top:10px;
}
.div-bordered-cols:before,.div-bordered-cols:after {
    display: table;
    content: "";
    line-height: 0;
}
.div-bordered-cols {
    clear: both;
}

.div-bordered-cols [class*='col-'] {
	min-height: 39px;
    margin:0;
	padding-left: 0;
    padding-right:0;
}
.div-bordered-cols .div-bordered-row {
    clear: both;
    overflow:hidden;
}
.div-bordered-cols .div-bordered-row .div-bordered-row{
	border-bottom: 1px solid #D6D6D6;
}
.div-bordered-cols .div-bordered-row .div-bordered-row:last-child {
	border-bottom:0;
}
.div-bordered-cols .ui-text-label{
	height: 30px;
    border-width: 0;
    margin-top: 4px;
}
.div-bordered-cols .ui-textarea-label{
    border-width: 0;
    margin-top: 4px;
}

.div-bordered-cols select, 
.div-bordered-cols textarea, 
.div-bordered-cols input {
	width: 100%;
    background-color: #ffffff;
    padding: 2px 6px;
    color: #323232;
    margin: 0;
    height: 30px;
	border-width: 0;
	margin-top: 4px;
	resize:none;
}
.div-bordered-cols .input-group-btn{
	top: 2px;
}
.job-button-fixed-top{
	margin:2px;
}

.job-button-fixed-bottom{
	margin:2px;
	margin-top:10px;
}
 
@media (max-width:768px) {
	.div-bordered-cols .div-bordered-row .border-right{
		border-right:0;
		border-bottom: 1px dotted #D6D6D6;
	}
	.job-task-execution{
		width:98%;
	}
	.job-button-fixed-top{
		position:fixed;
		top:0px;
		left:0px;
		margin:0;
		padding-top:3px;
		padding-bottom:3px;
		z-index:1000;
		width:100%;
		background-color:#ffffff;
	}
	.job-button-fixed-bottom{
		position:fixed;
		bottom:5px;
		left:5px;
		margin:0;
		padding-top:3px;
		padding-bottom:3px;
		z-index:1000;
		width:100%;
		background-color:#ffffff;
		border-top: 1px solid #D6D6D6;
	}
	.job-float-panel{
		position: fixed;
		background-color:#ffffff; 
		left:6px;
		bottom:0px;
		z-index:999;
    	width: calc(100% - 12px);
		border-top: 1px solid #D6D6D6;
		border-bottom: 1px solid #D6D6D6;
	}
}
/**************error page***********************/
.error-container{
	margin: 20px;
    padding: 0;
    background: #FFF;
}
.error-container .error-icon{
    color: #478fca!important;
    font-size: 125%;
    margin-right:10px;
}
.error-container h1{
	margin-top:5px;
}
.error-container .error-text{
	color: #478fca!important;
}
/**************bill title********************/
.bill-title{
	clear:both;
	width:100%;
    margin:5px;
    border-bottom: 1px solid #eee;
    overflow:hidden;
}
.bill-title .subject{
	font-size:26px;
	font-weight:600;
	text-align: center;
}
.bill-title .bill-info{
	clear:both;
	width:100%;
	height:auto;
	color: #777777;
}

.bill-title .bill-info .bill-right-info{ 
	text-align:right;
}

@media (max-width:768px) {
	.bill-title .bill-info .bill-right-info{ 
		text-align:left;
	}
}

.display-table{
	display:table;
}
.display-table .display-table-cell{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.display-table .display-table-cell .btn{
	display:inline-block;
	margin:10px;
}

@media (max-width:768px) {
	.display-inline-xs{
		display: inline-block !important;
	}
	.display-table-cell .btn{
		display:inline !important;
	}
}

.password-strength{
	display:inline-block;
	text-align:center;
	height:25px;
	line-height:25px;
	width:48px;
	margin:2px 3px 2px 3px;
	border: 1px solid #99ccff;
	background-color:#e0f0ff;
}

.info-box {
	display: block;
	min-height: 90px;
	background: #fff;
	width: 100%;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	border-radius: 2px;
	margin-bottom: 15px
}

.info-box small {
	font-size: 14px
}

.info-box .progress {
	background: rgba(0,0,0,0.2);
	margin: 5px -10px 5px -10px;
	height: 2px
}

.info-box .progress,.info-box .progress .progress-bar {
	border-radius: 0
}

.info-box .progress .progress-bar {
	background: #fff
}

.info-box-icon {
	border-top-left-radius: 2px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 2px;
	display: block;
	float: left;
	height: 90px;
	width: 90px;
	text-align: center;
	font-size: 45px;
	line-height: 90px;
	background: rgba(0,0,0,0.2)
}

.info-box-icon>img {
	max-width: 100%
}

.info-box-content {
	padding: 5px 10px;
	margin-left: 90px
}

.info-box-number {
	display: block;
	font-weight: bold;
	font-size: 18px
}

.progress-description,.info-box-text {
	display: block;
	font-size: 14px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

.info-box-text {
	text-transform: uppercase
}

.info-box-more {
	display: block
}

.box {
	position: relative;
	border-radius: 3px;
	background: #ffffff;
	border-top: 3px solid #d2d6de;
	margin-bottom: 20px;
	width: 100%;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1)
}

.box.box-primary {
	border-top-color: #3c8dbc
}

.box.box-info {
	border-top-color: #00c0ef
}

.box.box-danger {
	border-top-color: #dd4b39
}

.box.box-warning {
	border-top-color: #f39c12
}

.box.box-success {
	border-top-color: #00a65a
}

.box.box-default {
	border-top-color: #d2d6de
}

.box .border-right {
	border-right: 1px solid #f4f4f4
}

.box .border-left {
	border-left: 1px solid #f4f4f4
}

.box.box-solid {
	border-top: 0
}

.box.box-solid>.box-header .btn.btn-default {
	background: transparent
}

.box.box-solid>.box-header .btn:hover,.box.box-solid>.box-header a:hover {
	background: rgba(0,0,0,0.1)
}

.box.box-solid.box-default {
	border: 1px solid #d2d6de
}

.box.box-solid.box-default>.box-header {
	color: #444;
	background: #d2d6de;
	background-color: #d2d6de
}

.box.box-solid.box-default>.box-header a,.box.box-solid.box-default>.box-header .btn {
	color: #444
}

.box.box-solid.box-primary {
	border: 1px solid #3c8dbc
}

.box.box-solid.box-primary>.box-header {
	color: #fff;
	background: #3c8dbc;
	background-color: #3c8dbc
}

.box.box-solid.box-primary>.box-header a,.box.box-solid.box-primary>.box-header .btn {
	color: #fff
}

.box.box-solid.box-info {
	border: 1px solid #00c0ef
}

.box.box-solid.box-info>.box-header {
	color: #fff;
	background: #00c0ef;
	background-color: #00c0ef
}

.box.box-solid.box-info>.box-header a,.box.box-solid.box-info>.box-header .btn {
	color: #fff
}

.box.box-solid.box-danger {
	border: 1px solid #dd4b39
}

.box.box-solid.box-danger>.box-header {
	color: #fff;
	background: #dd4b39;
	background-color: #dd4b39
}

.box.box-solid.box-danger>.box-header a,.box.box-solid.box-danger>.box-header .btn {
	color: #fff
}

.box.box-solid.box-warning {
	border: 1px solid #f39c12
}

.box.box-solid.box-warning>.box-header {
	color: #fff;
	background: #f39c12;
	background-color: #f39c12
}

.box.box-solid.box-warning>.box-header a,.box.box-solid.box-warning>.box-header .btn {
	color: #fff
}

.box.box-solid.box-success {
	border: 1px solid #00a65a
}

.box.box-solid.box-success>.box-header {
	color: #fff;
	background: #00a65a;
	background-color: #00a65a
}

.box.box-solid.box-success>.box-header a,.box.box-solid.box-success>.box-header .btn {
	color: #fff
}

.box.box-solid>.box-header>.box-tools .btn {
	border: 0;
	box-shadow: none
}

.box.box-solid[class*='bg']>.box-header {
	color: #fff
}

.box .box-group>.box {
	margin-bottom: 5px
}

.box-header:before,.box-body:before,.box-footer:before,.box-header:after,.box-body:after,.box-footer:after {
	content: " ";
	display: table
}

.box-header:after,.box-body:after,.box-footer:after {
	clear: both
}

.box-header {
	color: #444;
	display: block;
	padding: 10px;
	position: relative
}

.box-header.with-border {
	border-bottom: 1px solid #f4f4f4
}

.box-header>.fa,.box-header .box-title {
	display: inline-block;
	font-size: 18px;
	margin: 0;
	line-height: 1
}

.box-header>.fa,.box-header>.ion {
	margin-right: 5px
}

.box-header>.box-tools {
	position: absolute;
	right: 10px;
	top: 5px
}

.box-header>.box-tools [data-toggle="tooltip"] {
	position: relative
}

.box-header>.box-tools.pull-right .dropdown-menu {
	right: 0;
	left: auto
}

.box-header>.box-tools .dropdown-menu>li>a {
	color: #444!important
}

.btn-box-tool {
	padding: 5px;
	font-size: 16px;
	background: transparent;
	color: #97a0b3
}

.open .btn-box-tool,.btn-box-tool:hover {
	color: #606c84
}

.btn-box-tool.btn:active {
	box-shadow: none
}

.box-body {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	padding: 10px
}

.no-header .box-body {
	border-top-right-radius: 3px;
	border-top-left-radius: 3px
}

.box-body>.table {
	margin-bottom: 0
}

.box-footer {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top: 1px solid #f4f4f4;
	padding: 10px;
	background-color: #fff
}
.col-padding-sm [class*='col-']{
	padding-right: 5px;
    padding-left: 5px;
}
.data-view-list,.data-list-warp>div {
    min-height: 25px;
    line-height: 22px;
    border-bottom: #d0d0d0 1px dotted;
}
.data-list-warp {
    height: 300px;
}
.data-list-warp>div{
	height: 30px;
}
.data-list-warp>div.height-auto-list{
	height:auto;
	white-space: normal;
}
.data-list-warp>div.ready_task{
	color:#b90000;
}
.data-list-warp>div>.title-view{
	float:left;
	width:75%;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight:normal;
}
.data-list-warp>div>.date-view{
	float:right;
	width:25%;
	text-align:right;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight:normal;
}
@media (max-width:768px) {
	.data-list-warp{
		height: auto !important;
	}
	.data-list-warp>div{
		height: auto !important;
	}
	.data-list-warp>div>.title-view,.data-list-warp>div>.date-view{
		width:100%;
		white-space:normal;
		float:none;
	}
}

.echarts-demo {
    height: 240px;
    width: 100%;
}

.btn-outline {
	color: inherit;
	background-color: #fff;
	-webkit-transition: all .5s;
	transition: all .5s
}

.btn-primary.btn-outline {
	color: #1c84c6
}

.btn-success.btn-outline {
	color: #1ab394
}

.btn-info.btn-outline {
	color: #23c6c8
}

.btn-warning.btn-outline {
	color: #f8ac59
}

.btn-danger.btn-outline {
	color: #ed5565
}

.btn-danger.btn-outline:hover,.btn-danger.btn-outline:active,.btn-danger.btn-outline:focus{
	background-color:#fff;
	color: #ed5565
}

.btn-primary.btn-outline:hover,.btn-primary.btn-outline:active,.btn-primary.btn-outline:focus{
	background-color:#fff;
	color: #1c84c6
}

.btn-warning.btn-outline:hover,.btn-warning.btn-outline:active,.btn-warning.btn-outline:focus{
	background-color:#fff;
	color: #f8ac59
}

.btn-info.btn-outline:hover,.btn-info.btn-outline:active,.btn-info.btn-outline:focus{
	background-color:#fff;
	color: #23c6c8
}

.btn-success.btn-outline:hover,.btn-success.btn-outline:active,.btn-success.btn-outline:focus{
	background-color:#fff;
	color: #1ab394
}


.btn-rounded {
	border-radius: 50px
}

.btn-circle {
	width: 30px;
	height: 30px;
	padding: 6px 0;
	border-radius: 15px;
	text-align: center;
	font-size: 12px;
	line-height: 1.428571429
}

.btn-circle.btn-lg {
	width: 50px;
	height: 50px;
	padding: 10px 16px;
	border-radius: 25px;
	font-size: 18px;
	line-height: 1.33
}

.btn-circle.btn-xl {
	width: 70px;
	height: 70px;
	padding: 10px 16px;
	border-radius: 35px;
	font-size: 24px;
	line-height: 1.33
}

.btn-middling-dim {
	width: 60px;
	height: 50px;
	font-size: 28px;
}

.btn-large-dim {
	width: 90px;
	height: 90px;
	font-size: 42px;
}

button.dim {
	display: inline-block;
	color: #fff;
	text-decoration: none;
	/*text-transform: uppercase;*/
	text-align: center;
	padding-top: 6px;
	margin-right: 10px;
	position: relative;
	cursor: pointer;
	border-radius: 5px;
	font-weight: 600;
	margin-bottom: 20px!important
}

button.btn-success.dim {
	box-shadow: inset 0 0 0 #16987e,0 5px 0 0 #16987e,0 10px 0px #999
}

button.btn-success.dim:active {
	box-shadow: inset 0 0 0 #16987e,0 5px 0 0 #16987e,0 10px 0px #999
}

button.btn-default.dim {
	box-shadow: inset 0 0 0 #b3b3b3,0 5px 0 0 #b3b3b3,0 10px 0px #999
}

button.btn-default.dim:active {
	box-shadow: inset 0 0 0 #b3b3b3,0 5px 0 0 #b3b3b3,0 10px 0px #999
}

button.btn-warning.dim {
	box-shadow: inset 0 0 0 #A46B3C,0 5px 0 0 #A46B3C,0 10px 0px #999
}

button.btn-warning.dim:active {
	box-shadow: inset 0 0 0 #f79d3c,0 5px 0 0 #A46B3C,0 10px 0px #999
}

button.btn-info.dim {
	box-shadow: inset 0 0 0 #1eacae,0 5px 0 0 #1eacae,0 10px 0px #999
}

button.btn-info.dim:active {
	box-shadow: inset 0 0 0 #1eacae,0 5px 0 0 #1eacae,0 10px 0px #999
}

button.btn-primary.dim {
	box-shadow: inset 0 0 0 #1872ab,0 5px 0 0 #1872ab,0 10px 0px #999
}

button.btn-primary.dim:active {
	box-shadow: inset 0 0 0 #1872ab,0 5px 0 0 #1872ab,0 10px 0px #999
}

button.btn-danger.dim {
	box-shadow: inset 0 0 0 #ea394c,0 5px 0 0 #ea394c,0 10px 0px #999
}

button.btn-danger.dim:active {
	box-shadow: inset 0 0 0 #ea394c,0 5px 0 0 #ea394c,0 10px 0px #999
}

button.dim:before {
	font-size: 50px;
	line-height: 1em;
	font-weight: 400;
	color: #fff;
	display: block;
	padding-top: 10px
}

button.dim:active:before {
	top: 7px;
	font-size: 50px
}

button.dim.disabled{
	background-color:#E7E7E7 !important;
	border:1px solid #c5c5c5 !important;
	color:#555555 !important;
	box-shadow: inset 0 0 0 #c5c5c5,0 5px 0 0 #c5c5c5,0 10px 0px #999 !important;
}

button.btn-middling{
	width: 60px;
	height: 50px;
	overflow: hidden;
}

div.function-group{
	margin: 30px;
}

div.function-button{
	float:left;
	width:220px;
	margin-right:20px;
}

div.function-button .form-control{
	width:160px;
	white-space: normal;
    word-break: break-all;
    overflow:hidden;
    padding: 6px;
    padding-right:22px;
    text-align: left;
}

div.function-button .function-sequence{
	position: absolute;
	right:0px;
	top:0px;
	width:24px;
	height:20px;
	color:#fff;
	text-align:center;
	font-size:12px;
}

.alert-title{
	position:absolute;
	top:8px;
	left:15px;
	font-size:14px;
}

.dropdown-menu .btn{
	text-align: left;
}

@media (max-width:768px) {
	div.function-group{
		margin: 10px;
	}
}