/**
* The css file of ZenTaoPMS.
*
* @copyright   Copyright 2009-2015 青岛易软天创网络科技有限公司(QingDao Nature Easy Soft Network Technology Co,LTD, www.cnezsoft.com)
* @license     ZPL (http://zpl.pub/page/zplv11.html)
* @author      Chunsheng Wang <chunsheng@cnezsoft.com>
* @package     front
* @version     $Id: style.css 1454 2009-10-23 01:45:26Z wwccss $
* @link        http://www.zentao.net
*/

/* === CSS HELPERS === */
/* Width definitions */
.w-p5 {width: 5%} .w-p10 {width: 10%} .w-p15 {width: 15%} .w-p20 {width: 20%} .w-p25 {width: 25%} .w-p30 {width: 30%} .w-p35 {width: 35%} .w-p40 {width: 40%} .w-p45 {width: 45%} .w-p50 {width: 50%} .w-p55 {width: 55%} .w-p60 {width: 60%} .w-p65 {width: 65%} .w-p70 {width: 70%} .w-p75 {width: 75%} .w-p80 {width: 80%} .w-p85 {width: 85%} .w-p90 {width: 90%} .w-p94 {width: 94%} .w-p95 {width: 95%} .w-p98 {width: 98%} .w-p99 {width: 99%} .w-p100{width: 100%}

.w-auto {width: auto} .w-20px {width:20px} .w-30px {width:30px} .w-35px {width:35px} .w-40px {width:40px} .w-45px {width:45px} .w-50px {width:50px} .w-60px {width:60px} .w-70px {width:70px} .w-80px {width:80px} .w-90px {width:90px} .w-100px {width:100px} .w-110px {width:110px} .w-120px {width:120px} .w-130px {width:130px} .w-140px {width:140px} .w-150px {width:150px} .w-160px {width:160px} .w-180px {width:180px} .w-200px {width:200px} .w-300px {width:300px} .w-400px {width:400px} .w-500px {width:500px} .w-600px {width:600px} .w-700px {width:700px} .w-800px {width:800px} .w-900px {width:900px}
.mw-200px {max-width:200px!important} .mw-300px {max-width:300px!important} .mw-400px {max-width:400px!important} .mw-500px {max-width:500px!important} .mw-600px {max-width:600px!important} .mw-700px {max-width:700px!important} .mw-800px {max-width:800px!important} .mw-900px {max-width:900px!important} .mw-1400px {max-width:1400px!important}

.w-id {width:70px;} .w-pri {width:40px;} .w-severity {width:50px;} .w-hour {width:54px;} .w-date {width:90px;} .w-user {width:80px;} .w-status {width:55px} .w-type {width:80px} .w-resolution {width:70px}

.w-p15-f {width: 15% !important; min-width: 120px} .w-p25-f {width: 25% !important; min-width: 200px} .w-p35-f {width: 35% !important; min-width: 300px} .w-p45-f {width: 45% !important; min-width: 400px}

/* Height definitions */
.h-5px {height:5px} .h-10px {height:10px} .h-20px {height:20px} .h-30px {height:30px} .h-35px {height:35px} .h-40px {height:40px} .h-45px {height:45px} .h-50px {height:50px} .h-60px {height:60px} .h-70px {height:70px} .h-80px {height:80px} .h-100px {height:100px} .h-120px {height:120px} .h-130px {height:130px} .h-140px {height:140px} .h-150px {height:150px} .h-200px {height:200px}

/* paddings and margins */
.pd-0 {padding: 0 !important}
.mg-0 {margin: 0 !important}
.mgb-20 {margin-bottom: 20px !important}
.mgb-10 {margin-bottom: 10px !important}
.pdb-20 {padding-bottom: 20px !important}
.pdt-20 {padding-top: 20px !important}

/* borders */
.bd-0, .borderless, .bd-none {border: none !important;}

/* backgrounds */
.bg-none {background: none!important}

/* Style of text */
.text-latin {font-family: Arial;}
.text-strong {font-weight: bold;}
.text-middle,.text-middle td {vertical-align: middle !important;}
tr.text-center > td, tr.text-center > th {text-align: center;}
tr.text-center > td.text-left, tr.text-center > th.text-left {text-align: left;}
tr.text-center > td.text-right, tr.text-center > th.text-right {text-align: right;}
.text-top, tr.text-top td, tr.text-top th {vertical-align: top!important;}

/* columns */
.row-table {display: table; width: 100%}
.col-side, .col-main {padding: 0; display: table-cell; vertical-align: top;}
.col-side {width: 350px; max-width:350px; padding-left: 10px;}
.col-main {padding-right: 10px;}
.row-table-side-left .col-side {padding-right: 10px; padding-left: 0;}
.row-table-side-left .col-main {padding-left: 10px; padding-right: 0;}

/* === Components === */
/* remove outline of links */
a,a:focus,a:active {text-decoration: none; outline:none;}

/* Lable */
.label-badge {padding: 2px 6px}

/* dropdown */
.dropdown-menu {min-width: 80px; padding: 4px 0}
.dropdown-menu > li > a, .dropdown-header {font-size: 12px; padding: 5px 25px 5px 15px}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:active {background: #f1f1f1; font-weight: bold;}
.dropdown-menu > .active {position: relative;}
.dropdown-menu > .active > a:before {content: '\e60d'; font-family: ZenIcon; font-size: 14px; position: absolute; right: 8px; top: 4px; display: block; color: #808080; font-weight: normal;}
.dropdown-menu .divider {margin: 4px 0}
.dropdown-submenu.left > .dropdown-menu{left: -100%;}

/* hr */
hr.small {margin: 10px 0}

/* Buttons */
.btn.text-danger {color: #D2322D}
.btn.text-info {color: #39B3D7}
.btn.text-success {color: #229F24}
.btn.text-warning {color: #E48600}
.btn.text-primary {color: #3280FC}
.btn.text-important {color: #81511C}
.btn.text-special {color: #8957A1}

/* Table */
.table td .input[type="radio"], .table td input[type="checkbox"] {vertical-align: middle; position: relative; top: -3px}
.table-borderless {border: none!important}

/* Tables sorters */
.tablesorter thead tr th {height:33px;}
.tablesorter thead tr div {padding:0; margin:0}
.tablesorter thead tr .header {cursor:pointer;}
.tablesorter thead tr .header a,.tablesorter thead tr .headerSortUp a,.tablesorter thead tr .headerSortDown a{display: block; text-decoration:none}
.tablesorter thead tr .header a {color:#333;}
.tablesorter thead tr .header > a:after {font-family: ZenIcon; font-weight: normal;content: " \e6bd";font-size: 14px;}
.tablesorter thead tr .headerSortUp > a:after {font-family: ZenIcon; font-weight: normal;content: " \e6b9";font-size: 14px;color:#03C;}
.tablesorter thead tr .headerSortDown > a:after{font-family: ZenIcon; font-weight: normal;content: " \e6b8";font-size: 14px;color:#03C;}
.tablesorter-header-inner {display: inline;}
.tablesorter thead tr .header.sorter-false:after {display: none}

.table tr.active td, .table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th, .table-striped>tbody>tr.active:nth-child(odd).active>td, .table-striped>tbody>tr.active:nth-child(odd)>th {background-color: #FCE6A2}
.table tr>td.active, .table tr>th.active, .table tr.active>td, .table tr.active>th {background-color: #FCE6A2}

.table caption {padding: 8px 20px; border: 1px solid #DDD; border-bottom: 0; background: #fafafa;}
.table.table-condensed caption {padding: 6px 15px;}

/* Datepicker */
.datepicker-wrapper {position: relative; cursor: pointer;}
.datepicker-wrapper:before {font-family: ZenIcon; content: '\e617'; display: block; position: absolute; right: 8px; color: #808080; font-size: 14px; top: 5px;}
.datepicker-wrapper > .form-control {padding-right: 30px; cursor: pointer;}
.datepicker-wrapper.datepicker-date:before {content: '\e66c'}
.datepicker-wrapper:hover:before {color: #145CCD}

/* alert */
.alert>[class*="icon-"]+.content {padding-left: 2em;}
.alert-pure {border: none; background: none}

/* datetime picker */
.datetimepicker {border-radius: 0!important; background: #fafafa; font-size: 12px}
.datetimepicker .datetimepicker-days td, .datetimepicker .datetimepicker-days th {width: 22px!important; padding: 1px 0 !important}
.datetimepicker .datetimepicker-days td, .datetimepicker .datetimepicker-days th.dow {border: 1px solid #ddd !important; border-radius: 0!important}
.datetimepicker .datetimepicker-days thead th {padding-bottom: 5px!important;}
.datetimepicker .datetimepicker-days th.dow {background: #e5e5e5; border-color: #ccc!important}
.datetimepicker th.switch {width: 120px!important}
.datetimepicker .datetimepicker-years table tr td span, .datetimepicker .datetimepicker-months table tr td span {width: 42px; height: 42px; line-height: 42px; border: 1px solid #ddd; margin: -1px 0 0 -1px; border-radius: 0}

/* code */
code {margin-left: 0;}

/* Icons */
i[class^="icon-"],i[class*=" icon-"],.link-icon i[class^="icon-"],.link-icon i[class*=" icon-"]{font-size: 14px}

.dropdown-menu .disabled,i[class^="icon-"].disabled,i[class*=" icon-"].disabled,i[class^="icon-"].disabled:hover,i[class*=" icon-"].disabled:hover,i[class^="icon-"].disabled:before,i[class*=" icon-"].disabled:before {color: #ccc; cursor:not-allowed}

/* Icon rotate */
.icon-rotate-270:before {display: inline-block; -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);}
.icon-rotate-180:before {display: inline-block; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.icon-rotate-90:before {display: inline-block; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);}

/* Button icon */
.btn-icon {border-radius: 2px; display: inline-block; width: 20px; height: 20px; border: none; background: none; padding: 0; color: #4d90fe!important; text-align: center;}
.btn-icon > i {font-size: 18px; line-height: 20px}
.btn-icon:hover {color: #002563!important}
.btn-icon.disabled:hover, .btn-icon.disabled:hover > i {background: none!important; color: #ccc!important; cursor: default}
.btn-icon.text-danger {color: #D2322D!important}
.btn-icon.text-danger:hover {color: #7e0501!important}

/* priority icons. */
.pri1,.pri0,.pri2,.pri3,.pri4,.pri5,.pri6,.pri{display:inline-block;width: 18px;height: 18px;font-size: 12px;line-height: 14px;font-weight: bold; text-align: center; color: #272d68; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;border: 2px solid #272d68; font-family: arial, helvetica, clean, sans-serif;}
.pri,.pri0{border-color: #ccc;color: #ccc;}
.pri:before{content: '?'}
.pri2{border-color: #25367e;color: #25367e}
.pri3{border-color: #2c4a9b;color: #2c4a9b}
.pri4{border-color: #475da8;color: #475da8}
.pri5{border-color: #6989c5;color: #6989c5}
.pri6{border-color: #9ebee5;color: #9ebee5}

/* bug severity icons. */
.severity,.severity1,.severity2,.severity3,.severity4,.severity5,.severity6{display:inline-block;width: 16px;height: 16px;line-height: 16px;font-weight: bold; text-align: center; font-size: 12px; color: #fff; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;font-family: arial, helvetica, clean, sans-serif;}
.severity{background-color: #ccc;}
.severity:before{content: '?'}
.severity1 {background-color: #d71319;}
.severity2 {background-color: #d83615;}
.severity3 {background-color: #db7c12;}
.severity4 {background-color: #dcbe1a;}
.severity5 {background-color: #d0d836;}
.severity6 {background-color: #99c323;}

/* actionbox */
.change-show:before{content: "\e661";}
.change-hide:before{content: "\e662";}
.log-desc:before{content: "\e65d";}
.log-asc:before{content: "\e65c";}
.diff-all:before{content: "\e6a3";}
.diff-short:before{content: "\e633";}

.actionbox .btn-icon {background: #f1f1f1; color: #666!important; border: 1px solid #ccc; padding: 0 1px; height: 18px; line-height: 16px; width: 18px}
.actionbox .btn-icon > .icon- {font-size: 14px!important; line-height: 16px}
.actionbox .btn-icon:hover {color: #333!important; border-color: #aaa; background: #fff}
.actionbox ol {padding-left: 25px; line-height: 20px}
.actionbox .alert {margin:2px 0 8px; padding: 5px 10px; min-height: 34px; min-height: 20px}
.actionbox #historyItem {margin:0}
.actionbox blockquote {margin:0}
.actionbox > legend > i, .actionbox > .panel-heading > i {display: none}
.actionbox .history {background: #f5f5f5; padding: 4px 10px 6px; min-height: 20px; border: 1px solid #f1f1f1; border-left: 1px dashed #ddd}
fieldset.actionbox {padding-bottom: 10px;}

/* actionbox, hack for ie8 */
fieldset.actionbox ol {padding-top: 8px\0/;}
@media all and (min-width:0) {fieldset.actionbox ol {padding-top: 8px\9;}}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){fieldset.actionbox ol {padding-top: 8px;}}
:root fieldset.actionbox ol {padding-top: 8px\9;}

/* stars list */
.stars-list {color: #E48600}

/* status in table */
td.done, td[class$="-done"],
td.pass, td[class$="-pass"],
td.resolved, td[class$="-resolved"],
td.normal, td[class$="-normal"],
td.status-active, td[class$="-active"] {color:#229f24;}
td.wait, td[class$="-wait"] {color:#808080;}
td.pause, td[class$="-pause"],
td.suspended, td[class$="-suspended"] {color:#E48600;}
td.closed, td[class$="-closed"],
td.cancel, td[class$="-cancel"] {color:#888;}
td.doing, td[class$="-doing"],
td.changed, td[class$="-changed"],
td.investigate, td[class$="-investigate"] {color:#d2322d;}
td.delayed, td[class$="-delayed"] {background:#e84e0f!important; color:white;}
td.blocked, td[class$="-blocked"] {background:yellow!important;}
td.fail, td[class$="-fail"]  {color:#d2322d}
td.draft, td[class$="-draft"]  {color:#8957a1}
.bug-active, td.bug-active {color: #8957a1}
.testcase-normal, td.testcase-normal,
.story-active, td.story-active {color: #333}

/* tabs */
.nav-tabs > li > a {padding: 5px 10px; color: #333; line-height: 20px; max-height: 32px}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {color: #333; font-weight: bold; line-height: 20px}
.tab-content {border: 1px solid #ddd; border-top: 0; padding: 10px 10px}
.tab-pane > h6 {margin-top: 0; margin-bottom: 3px;}

/* fieldset */
fieldset {margin-bottom: 15px; border: 1px solid #e5e5e5; padding: 10px 15px 15px;}
fieldset.fieldset-pure {background: none; padding: 0; border: none; padding-top: 5px;}
fieldset > legend {width: auto; margin: 0 0 0 -5px; font-size: 13px; font-weight: bold; border-bottom: none; padding: 0 5px}
fieldset > .form-group {margin-bottom: 0;}

/* placeholder */
.placeholder {color: #999}

/* === Views === */
/* Table form */
.table-form > tbody > tr > th {text-align:right;vertical-align:middle; border-bottom:none}
.table-form > tbody > tr > th.text-left, .table-form > tbody > tr > tr.text-left th {text-align:left;vertical-align:middle; border-bottom:none}
.table-form > tbody > tr > td {vertical-align:middle; border-bottom:none}
.table-form > tbody > tr > th,.table-form > tbody > tr > td {border-bottom:none}
.table th.text-middle, .table td.text-middle, .text-middle {vertical-align: middle;}
.table-form > tbody > tr > td.text-bottom {vertical-align:bottom;}
.table-form > tbody > tr > td .form-control {vertical-align:middle;margin:0;}
.table-form > tbody > tr > td .checkbox,.table-form > tbody > tr > td input[type="radio"] + label {margin-right: 10px;}
.table-form > tbody > tr > td > .row {margin-right: 0;}
.table-form > tbody > tr > td > .row > [class*="col-"] {padding-right: 0;line-height: 34px}
.table-form > tbody > tr > td .checkbox {margin: 0}
.table-form > tbody > tr > td > .radio:first-child {margin-top: 0;}
.table-form > tbody > tr > td > .radio:last-child {margin-bottom: 0;}
.table-form > tbody > tr > td .btn + .btn {margin-left: 8px;}
.table-form > tbody > tr > td .btn-group .btn + .btn {margin-left: -1px;}
.table-form  tr > td > .input-group {width: 100%}

/* Table data */
.table-data th, .table-data td {padding: 5px;}
.table-data th {text-align: right;}

/* Table condensed */
.table-condensed th, .table-condensed td {padding: 6px 5px; line-height: 18px}

 .input-group > select.form-control {float:left; margin-left: -1px;} 

/* chosen container in input group */
.input-group > .chosen-container {display: table-cell;}

/* chosen up */
.chosen-up.chosen-container .chosen-drop {bottom: 100%; top: inherit; border-radius: 2px 2px 0 0; box-shadow: 0 -3px 5px rgba(0,0,0,.15); margin-top: auto; margin-bottom: -1px;}

/* Condensed form */
.form-condensed .table-form {margin-bottom: 0;}
.form-condensed .table-form td, .form-condensed .table-form th {padding: 5px; font-size: 12px;}
.form-condensed .table-form >  td + td, .form-condensed .table-form > th + th, .form-condensed .table-form > tbody > td + td, .form-condensed .table-form > tbody > th + th {padding-left: 5%;}
.form-condensed .table-form > tfoot td {padding-bottom: 10px!important; border-top: none!important}
.form-condensed .table-form > tfoot td[colspan] {text-align: center;}
.form-condensed .table-form > tfoot td > .btn {margin-right: 10px;}
.form-condensed .chosen-container-single .chosen-single {padding: 4px 10px; height: 30px}
.form-condensed .chosen-container-single .chosen-single div {padding: 4px 10px}
.form-condensed .chosen-container-multi .chosen-choices {min-height: 30px}
.form-condensed .chosen-container-multi .chosen-choices li {margin: 4px 0 0 4px}
.form-condensed .chosen-container-multi .chosen-choices li.search-field {margin-bottom: 4px;}
.form-condensed .table-fixed .form-control {padding: 5px 6px}
.form-condensed .table-fixed select.form-control {padding: 5px}
.form-condensed .chosen-container {font-size: 13px}
.form-condensed .chosen-container-single .chosen-single {padding: 5px 10px}
.form-condensed .chosen-container-single .chosen-single abbr {top: 3px; right: 18px}
.form-condensed .chosen-container-single .chosen-search:before {top: 10px}

@-moz-document url-prefix(){.form-condensed textarea.form-control {height: 30px;min-height: 30px;}}

/* chosen container in col-side */
.col-side .chosen-single {max-width: 218px}

/* help in form */
.help-block {margin-bottom: 5px;}

/* Required field */
form .star {display: none;}/* hide star */
.required:after{font-family: arial;font-size: 24px}
[class*="col-"].required {position: relative;}
[class*="col-"].required:after {position: absolute; top: 6px; right: 2px}
.control-label.required:after{right: -10px}

.required-wrapper{position: relative;width: 100%; height: 0;overflow: visible;}
.required-wrapper.required:after{right: -13px;top: 4px}
.table-form > thead > tr > th.required:after {top: 2px; padding-left: 4px;}
.table-form > thead > tr > th .required:after {top: -5px; right: -12px}

/* Auto Height textarea */
div.form-control[contenteditable='true'] {height: auto; text-align: left; outline: 0; overflow-x: hidden; overflow-y: auto; min-height: 30px; min-height: 18px\0}

/* Panel */
.panel > .table > thead > tr > th,.panel > form > .table > thead > tr > th {background-color: transparent;}
.panel > .panel-heading,.nav-stacked.nav-primary>li.nav-heading,.list > header, #navbar {background-color: #f1f1f1;}
.panel-pure {box-shadow: none; border: 0; border-radius: 0;}
.panel-pure .panel-heading {background: transparent;}
.panel-actions {display: inline-block; margin-left: 8px;}
.panel-actions .btn-mini {margin-top: -3px;}
.panel-actions.pull-right{display: block; margin-top: -10px;margin-right: -10px;}
.panel-actions.pull-right .btn{margin-top: 3px;}
.panel-heading > h1,.panel-heading > h2,.panel-heading > h3,.panel-heading > h4,.panel-heading > h5,.panel-heading > h6 {margin: 0}
.panel-actions > .btn.btn-link:hover{background: none; box-shadow: none;}
.panel-actions a {display: inline-block;}
.panel .table {margin-bottom: 0; border: none!important}

.panel .table-bordered {border:none; margin-bottom: 0;}
.panel .table-bordered > thead > tr:first-child th,.panel .table-bordered > tbody > tr:first-child th,.panel .table-bordered > tr:first-child th {border-top: 0;}
.panel .table-bordered tr > td:first-child,.panel .table-bordered tr > th:first-child {border-left: 0;}
.panel .table-bordered tr > td:last-child,.panel .table-bordered tr > th:last-child {border-right: 0;}

/* small panel */
.panel-sm .panel-heading {padding: 7px 10px}

/* list group */
.list-group-item {padding: 8px 15px}
.list-group-item.active,.list-group-item.active:hover {background: #fff; border-color: #ddd; background: #f1f1f1; color: #333; font-weight: bold;}
.list-group-item.active > a {color: #333}

/* progressbar */
.progressbar {display: inline-block; height: 16px; background: #229F24; position: relative; top: -1px}

/* === Layout === */
/* Background */
body {font-size: 13px; color:#141414;padding-bottom: 40px;}

/* Header */
#header {padding: 12px 20px 0; background:#003366;}

#topbar {color: #ACCADF;}
#topbar > .pull-right {margin-top: -4px; margin-right: -4px;}
#topnav .dropdown-menu {min-width: 100px;}
#topnav > .dropdown .caret {border-top-color: #fff}
#topnav > .dropdown, #topnav > a {display: block; float: left;}
#topnav > .dropdown > a, #topnav > a {display: block; padding: 3px 6px; position: relative;}
#topnav > .dropdown:hover, #topnav > .dropdown.open, #topnav > a:hover {background: #185695}
#topnav > a, #topnav > .dropdown > a, #companyname a {color:#d1e4f2;text-decoration:none;}
#topnav > a:hover, #topnav > .dropdown > a:hover, #companyname a:hover {color: #fff;}
#companyname {color:#ffcc00; font-weight: normal; margin: 0}
#companyname a {display: inline-block; margin-left: 4px; font-size: 12px}

#mainmenu {margin-top: 12px; width: 100%; position: relative;}
#mainmenu .nav > li {float: left;}
#mainmenu .nav > li > a {display: block; margin-right: 3px; white-space:nowrap; padding:7px 15px; color:#E5E5E5; font-size: 14px; background:#114f8e;-webkit-box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.10);box-shadow: 0 -3px 3px rgba(0, 0, 0, 0.10);}
#mainmenu .nav > li > a:hover{background-color: #2e6dad;color: #fff;-webkit-box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.2);box-shadow: 0 -3px 5px rgba(0, 0, 0, 0.2);}
#mainmenu .nav > li.active > a { background-color:#e5e5e5;color:#21841d; font-weight:bold;}

#searchbox {position: absolute; right: 0; top: 1px; width: 200px;}
#searchbox .form-control, #searchbox .btn {padding: 2px 5px; line-height: 20px; height: 24px;border-top: 0; border-bottom: 0; float: left; display: block;}
#typeSelector .btn{padding-left: 10px;}
#objectSwitcher .btn{padding-right: 10px; margin-left: -1px\0;}
#searchbox .dropdown-menu {margin-top: -1px; width: 212px; padding: 0;}
#searchbox .dropdown-menu > li {float: left; width: 105px; border-bottom: 1px dotted #ddd; border-right: 1px dotted #ddd}

/* Module menu. */
#modulemenu {background-color: #e5e5e5; margin: 0 -20px; padding: 0 20px; font-size: 14px; position: relative; height: 40px;}
#modulemenu .nav > li {line-height: 30px; padding:5px 0px 1px;display: block; float: left; color: #808080}
#modulemenu .nav > li > .dropdown > a {border: 1px solid transparent;}
#modulemenu .nav > li > .dropdown > .dropdown-menu {border-radius: 0; margin-top: -2px; border-top: 0}
#modulemenu .nav > li > a, #modulemenu .nav > li > .dropdown > a {display: block; padding: 0 7px; color:#003366}
#modulemenu .nav > li > a:hover, #modulemenu .nav > li > .dropdown > a:hover {background: #d1d1d1; color: #000;}
#modulemenu .nav > li.active > a,#modulemenu .nav > li.active > a:hover {color:#21841d; font-weight:bold; }
#modulemenu .nav > li.right {float:right; font-weight:bold;}
#modulemenu .nav > li.right > a {font-weight:bold}
#modulemenu #myname {display: inline-block; line-height: 30px; line-height: 26px\0}

/* Drop menu. */
#dropMenu {background: #fff; position:absolute; display:none; font-size:12px; z-index:9999; -moz-box-shadow: 0 6px 12px rgba(0,0,0,0.175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);border: 1px solid #CBCBCB; border: 1px solid rgba(0, 0, 0, 0.15); top: 36px; border-top: none; min-width: 250px; min-width: 218px\0; padding: 10px 15px;}
#dropMenu > .icon-spin {display: block; text-align: center; padding: 10px;}
#currentItem {border: 1px solid transparent; padding: 1px 6px;}
.show > #dropMenu {display: block;}
.show > #currentItem, .show > #currentItem:hover, #modulemenu .nav > li > .dropdown.open > a {background: #fff; border: 1px solid #CBCBCB; -moz-box-shadow: 0 6px 12px rgba(0,0,0,0.175); -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);}
#search {padding: 2px 8px; height: 28px}
#searchResult {display: table; line-height: 20px; color: #808080}
#searchResult > .search-list, #defaultMenu, #moreMenu {display: table-cell; vertical-align: top; min-width: 218px}
#moreMenu {display: none;}
#searchResult.show-more #moreMenu {display: table-cell;}
#searchResult ul {display: block; position: relative; padding: 0; margin: 10px -15px 0 -15px; max-height: 360px; overflow-x: hidden; overflow-y: auto}
#moreMenu > ul {margin-left: 15px;}
#searchResult ul > li:first-child {border-top: 1px dashed #ddd}
#searchResult ul > li:last-child {border-bottom: 1px dashed #ddd}
#searchResult ul > li {display: block; float: none; padding: 2px 15px;}
#searchResult ul > li:hover, #searchResult ul > li.active {background: #e5e5e5}
#searchResult ul > li > a {line-height: 24px; display: block;}
#searchResult ul > li.active:before {}
#moreMenu > ul > li > a {color: #808080}
#searchResult ul > li > a:hover, #defaultMenu > ul > li.heading:hover, #searchResult li.no-result-tip:hover {background: none}
#searchResult li.no-result-tip {border: none!important;}
#defaultMenu > .actions > a {display: block; text-align: right; margin: 0 -15px; padding-right: 15px; line-height: 30px}
#searchResult.show-more #defaultMenu > ul > li, #defaultMenu > .actions > a {border-right: 1px solid #ddd}
#defaultMenu > .actions > a > i, #searchResult ul > li > a > i {font-size: 14px; display: inline-block; margin-right: 5px;}
/*#searchResult > ul {display: block; position: relative; padding: 0; min-width: 218px}*/
#searchResult ul > li > a.closed, #searchResult ul > li > a.done{color:#808080}

#defaultMenu > div {padding-top: 6px;}

#projectID {background:#e5e5e5; border:1px solid #e5e5e5}

/* Wrapper */
#wrap {padding:0 19px 20px 19px; background:#e5e5e5;}
#wrap .outer {position: relative; text-align:left; background:#fff;border:1px solid #cfcfcf; -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.10);box-shadow: 0 0px 6px rgba(0, 0, 0, 0.10); padding: 20px}

/* Footer. */
#footer {position: relative; width:100%;position:fixed; bottom:0; left:0; margin:0; border-top: 1px solid #e1e1e1; background:#eef4fe;height:40px; line-height:40px;-webkit-box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1);box-shadow: 0 -2px 5px rgba(0, 0, 0, 0.1); z-index: 10}
#crumbs a i.icon-home{display: none;}
#crumbs {float: left;margin-left: 20px;}
#crumbs .icon-angle-right{margin-right: 6px;}
#footer #poweredby {float: right; margin-right: 20px;}
#qrcodePopover.show {display: block; position: fixed; right: 5px; bottom: 40px; left: inherit; top: inherit; max-width: 300px}
#qrcodePopover.popover.top .arrow {left: inherit; right: 10px}
.icon-zentao, a .icon-zentao {background: url(images/main/icon.png) center no-repeat; display: inline-block; width: 16px; height: 16px; position: relative; top: 2px}

/* Feature bar. */
#featurebar {margin: -20px -20px 20px; padding: 8px 10px 7px; font-size: 14px; background: #F8FAFE; border-bottom: 1px solid #ddd; line-height: 30px; min-height: 46px; min-height: 30px\0;}
#featurebar:after, #featurebar:before {content: ' '; display: table;}
#featurebar:after {clear:both;}
#featurebar .heading {float: left; padding: 0 5px; color: #666}
#featurebar .heading:after {content: "\e6e1"; font-family: ZenIcon; font-size: 14px; color: #999; display: inline-block; margin-left: 5px;}
#featurebar .heading > i {color: #808080}

#featurebar .nav {height: 30px; float: left;}
#featurebar .nav > li {float: left; margin-right: 2px;}
#featurebar .nav > li > .form-control {margin-left: 6px; padding: 1px 8px; height: 30px; height: 26px\0; margin-right: 10px;}
#featurebar .nav > li > .form-control.form-date {width: 110px}
#featurebar .nav > li.datepicker-wrapper:before {right: 15px; top: 0; top: -2px\0;}
#featurebar .nav > li > a {padding: 0px 4px; border-radius: 2px}
#featurebar .nav > li > a:hover {background: #ddd; color: #333}
#featurebar .nav > li.active > a, #featurebar .nav > li.active > a:hover, #featurebar .nav > li.active > a:active, #featurebar .nav > li > a:focus {font-weight: bold; color: #333; background: none}
#featurebar .nav > li.active > a > .caret {border-top-color: #666}
#featurebar .nav > li.active > .form-control, #featurebar .nav > li.active > .form-control:hover, #featurebar .nav > li.active > .form-control:active, #featurebar .nav > li.active > .form-control:focus {border-color: #009900}
#featurebar .btn-group {margin-right: -4px;}
#featurebar .actions > .btn-group:last-child, #featurebar .btn-group > .btn-group {margin-right: 0;}
#featurebar .btn {padding: 4px 12px}
#featurebar .btn > i {display: inline-block; margin-right: 2px; opacity: 0.8}
#featurebar .actions {float: right; margin-top: -2px;}
#featurebar > .heading > .prefix {display: inline-block; margin-right: 5px; color: #666;}

.outer > .alert {border: none; margin: 0}
.outer > .alert + #featurebar {border-top: 1px solid #ddd;}

#featurebar .nav > li > .chosen-container-single {top: -2px;}
#featurebar .nav > li .chosen-drop {font-size: 13px}
#featurebar .nav > li .chosen-single {height: 30px; padding: 3px 10px;}
#featurebar .nav > li .chosen-single abbr {top: 4px;}
#featurebar .nav > li .chosen-single div {top: -2px;}
#featurebar .nav > li.active .chosen-single {border-color: #009900}
#featurebar .nav > li.active > .chosen-container-single.chosen-with-drop .chosen-single {border-color: #ddd}

/* sub featurebar */
.sub-featurebar {border-bottom: 1px solid #ddd; padding: 5px 10px; margin: -20px -20px 20px;}
.sub-featurebar > .nav > li {float: left;}
.sub-featurebar > .nav > li > a {padding: 5px 4px}
.sub-featurebar > .nav > li.active > a {color: #333; font-weight: bold;}

#featurebar.with-sub > .nav > li.active > a {border: 1px solid #ddd; position: relative; border-bottom: none; background: #fff; padding: 2px 15px 5px}
.treeview li > a.active { font-weight:bold;}

/* Title bar. */
#titlebar {margin: -20px -20px 20px; background: #F8FAFE; border-bottom: 1px solid #e5e5e5; min-height: 46px; min-height: 20px\0; padding: 13px 20px; vertical-align: bottom; position: relative;}
.body-modal #titlebar {margin: 0}
#titlebar > .heading {font-size: 14px; line-height: 20px; font-weight: bold;}
#titlebar > .heading > i {display: none;}
#titlebar > .heading > .prefix {display: inline-block; margin-right: 5px; color: #666;}
#titlebar > .heading > .prefix > strong {font-weight: normal; border: 1px solid #aaa; padding: 0px 4px; background: #fff; text-align: center; min-width: 20px; color: #666; font-size: 12px}
#titlebar > .heading > .prefix > i {font-size: 14px; color: #808080; display: none}
#titlebar > .heading > strong a {color: #333}
#titlebar > .heading:hover > strong a {color: #03c}
#titlebar > .heading > strong a:hover {color: #1A53FF}
#titlebar > .heading > strong > i, #titlebar > .heading > strong > small > i {display: none}
#titlebar > .heading > small > i {position: relative; top: 1px; display: none}
#titlebar > .heading > small {font-size: 14px; color: #333;}
#titlebar > .heading > small:before {content: '\e6e1';  font-family: ZenIcon; font-weight: normal;}
#titlebar .actions {position: absolute; right: 20px; top: 8px;}
#titlebar .actions > .btn, #titlebar .actions > .btn-group {margin-left: 8px;}
#titlebar .actions > .text {display: inline-block; margin-left: 8px; line-height: 30px}

/* Button in titlebar and featurebar */
#titlebar > .actions .btn {padding-top: 4px; padding-bottom: 4px;}
#featurebar > .actions .btn:not(.btn-primary), #titlebar > .actions .btn:not(.btn-primary), .main > .actions:not(.actions-form) .btn:not(.btn-primary) {border-color: transparent; background: none; box-shadow: none; padding: 4px 7px; border-radius: 2px; text-shadow: none; color: #036}
#featurebar > .actions .btn:not(.btn-primary):hover, #titlebar > .actions .btn:not(.btn-primary):hover, .main > .actions:not(.actions-form) .btn:not(.btn-primary):hover {background: #ddd; border-color: #ddd; color: #333}

/* Following style to fixed ie8 */
#featurebar > .actions .btn, #titlebar > .actions .btn, .main > .actions .btn {border-color: transparent\0; background: none\0; box-shadow: none\0; padding: 4px 8px\0;; color: #036\0}
#featurebar > .actions .btn:hover, #titlebar > .actions .btn:hover, .main > .actions .btn:hover {background: #ddd\0; border-color: #ddd\0; color: #333\0;}
#featurebar > .actions .btn.btn-primary, #titlebar > .actions .btn.btn-primary, .main > .actions .btn.btn-primary {border-color: #103152\0; background: #1A4F85\0; padding: 4px 8px\0; color: #e5e5e5}
#featurebar > .actions .btn.btn-primary:hover, #titlebar > .actions .btn.btn-primary:hover, .main > .actions .btn.btn-primary:hover {background: #133B63\0; border-color: #0C243C\0; color: #fff}

/* table in outer */
.outer .table {margin-bottom: 0; border: 1px solid #ddd;}
@-moz-document url-prefix(){.outer .table {box-shadow: 1px 1px 0 #ddd, -1px 0 0 #ddd; border-left: none; border-right: none; border-bottom: none} .panel .table, #querybox .table, .outer > .container .table-form, .outer > .container .table-data, .outer .main-side .table {box-shadow: none}}
.outer .table thead tr th {text-align: center;}
.outer .table thead tr th.text-left {text-align: left;}
.outer .table tbody td {vertical-align: middle;}
.outer .table th {vertical-align: middle;}
.outer .table tr > th:first-child, .outer .table tr > td:first-child {padding-left: 10px}
.outer .table tr > th:last-child, .outer .table tr > td:last-child {padding-right: 10px}
.outer .table.table-form tr > th:last-child, .outer .table.table-form tr > td:last-child {padding-right: 5px}
.outer .table.table-form.table-fixed tr > th:last-child, .outer .table.table-form.table-fixed tr > td:last-child {padding-right: 15px}
.outer .table tbody > tr:last-child td {border-bottom: 1px solid #e5e5e5;}
.outer .table-form .table tr > th:first-child, .outer .table-form .table tr > td:first-child {padding-left: 5px}
.outer .table-form .table tr > th:last-child, .outer .table-form .table tr > td:last-child {padding-right: 5px}
.outer .table-form .table tbody > tr:last-child td {border-bottom: 1px solid #e5e5e5; padding-top: 5px}
.outer .table.table-data.table-borderless tbody > tr:last-child td, .outer .table.table-form tbody > tr:last-child td {border: none}
.outer .table tfoot td {border-top: 1px solid #ddd}
.outer .table tfoot .form-control {padding: 1px 8px; height: 30px}
.outer .table tfoot .btn {padding-top: 4px; padding-bottom: 4px;}
.outer .table tfoot .btn > i {display: inline-block; margin-right: 1px; opacity: 0.8}
.outer .table tfoot .datepicker-wrapper:before {top: 5px}
.outer .table tfoot .form-control.form-date {width: 110px}
.outer .table tfoot .input-wrapper {display:  inline-block;}
.outer .table tfoot .chosen-single {padding: 4px 6px; height: 30px; }
.outer .table tfoot .chosen-container-single .chosen-single abbr {top: 4px;}
.table-actions {float: left;}
.table-actions > .btn-group, .table-actions > .btn, .table-actions > .input-group, .table-actions > .text {float: left; margin-right: 10px;}
.table-actions > .text {line-height: 30px; color: #808080}
.table-actions > .text strong {color: #333}
.outer .table tfoot .pager {margin: 0;}

/* color of a when visited */
.outer .table tbody td > a:visited, #crumbs > a:visited, .side > a:visited {color: #551A8B}

/* Querybox */
#querybox {margin: 35px -10px -7px; background-color: #fff; height: 0; border-top: 1px solid #ddd; position: relative; z-index: 1000; overflow: visible; display: none;}
#querybox form {padding: 10px}
#querybox.show {display: block; height: auto}
#titlebar #querybox {margin: 5px -20px -10px}

/* Container in outer */
.outer > .container {margin: 0 auto; padding: 0; border: 1px solid #ddd;}
.outer > .container > #featurebar, .outer > .container > #titlebar {margin: 0}
.outer > .container > form, body > .container > form{padding: 10px 40px 10px 20px}
.outer > .container .table-form, .outer > .container .table-data {border: none}
.outer > .container > .table-data {margin: 10px 0}

/* Main content in outer */
.outer .container > .main {padding: 10px 20px}
.outer .main .article-content {font-size: 14px; padding: 0}
.outer .main .actions {text-align: center; margin-bottom: 20px;}
.outer .main .actions > .btn, .outer .main .actions > .btn-group {margin: 0 4px}

.outer .main ul.list-unstyled:last-child {margin-bottom: 0;}
.outer .main ul.list-unstyled li {padding: 2px 0}

.outer .main .table tr > th:first-child, .outer .main .table tr > td:first-child {padding-left: 0;}
.outer .main-side > fieldset {padding: 5px 20px 10px 10px;}
.outer .main-side > fieldset > .table {border: none}

.outer .main .tabs {margin-bottom: 15px;}

/* Table data in outer */
.outer .table-data.table-condensed td, .outer .table-data.table-condensed th {padding: 3px 8px}
.outer .table-data.table-condensed th {font-weight: normal; color: #444}
.outer .table-data th.strong, .outer .table-data td.strong, .outer .table-data th > strong {font-weight: bold;}

/* side */
.outer.with-side #featurebar, .outer.with-side #titlebar {margin-bottom: 20px;}
.outer.with-side .main, .outer.with-side .side + form, .outer.with-side .main, .outer.with-side .side + table {margin-left: 212px; margin-right: 0;}
.outer.with-side.with-transition .main, .outer.with-side.with-transition .side + form, .outer.with-side.with-transition .main, .outer.with-side.with-transition .side + table {transition: all 0.3s;}
.outer.with-side .table tr > th:first-child, .outer.with-side .table tr > td:first-child {padding-left: 8px}
.outer.with-side .table tr > th:last-child, .outer.with-side .table tr > td:last-child {padding-right: 8px}
.outer .side {width: 192px; position: absolute; left: 20px;}
.outer .side-body {overflow: hidden;}
.outer .side-body .panel {min-width: 180px;}
.outer .side-body .panel-body {padding: 10px;}
.outer .side-handle {position: absolute; text-align: center; cursor: pointer; right: 0; top: 0; width: 15px; padding: 0; line-height: 32px; border: 1px solid #d1d1d1; background: #d5d5d5; color: #03c; transition: all 0.3s; z-index: 99}
.outer .side-handle:hover {background: #c5c5c5; color: #04f}
.outer.with-transition .side, .outer .side-handle.with-transition {transition: all 0.3s;}

.outer.hide-side .side{width: 0; border: none;}
.outer.hide-side .side .side-handle {right: -15px;}
.outer.with-side.hide-side .main, .outer.with-side.hide-side .side + form, .outer.with-side.hide-side .main, .outer.with-side .side + table {margin-left: 0px}

/* Form in outer */
.outer form > .btn {margin-right: 10px;}
.outer form .panel {margin-bottom: 0;}

/* Pager. */
.pager {margin-bottom:0;line-height: 20px; color: #999}
.pager .dropdown {display: inline-block;}
.pager a {color: #444}
.pager a:hover {color: #141414}
.pager > .dropdown > a, .pager > i, .pager > a {display: inline-block; position: relative; padding: 5px; min-width: 25px; text-align: center; margin-left: -5px;}
.pager .dropdown > a:hover, .pager > a:hover {background: #e5e5e5;}
.pager .dropdown-menu {margin-top: 0; width: 212px; margin-left: -5px; padding: 0;}
.pager .dropdown-menu > li {display: block; float: left; width: 70px; border-right: 1px dotted #ddd; border-bottom: 1px dotted #ddd}
#_pageID, #goto {display: none}

/* modal */
.modal .modal-dialog {border: 8px solid #666; border-color: rgba(0,0,0,.25)}
.modal-title {font-size: 14px;}
.modal-body > #titlebar {margin: -15px -15px 20px}

/* modal with iframe */
.modal-iframe .modal-body {padding: 0;}
.modal.with-titlebar .modal-header, .modal-dialog.hide-header .modal-header{position: relative; height: 0; padding: 0; border: none; z-index: 999; min-height: 0}
.modal.with-titlebar .modal-header .modal-body,  .modal-dialog.hide-header .modal-header .modal-body {z-index: 990}
.modal.with-titlebar .modal-header .modal-title, .modal-dialog.hide-header .modal-header .modal-title {display: none}
.modal.with-titlebar .modal-header .close, .modal-dialog.hide-header .modal-header .close {position: absolute; right: 15px; top: 15px}
.body-modal {padding-bottom: 0; overflow: hidden;}
.body-modal .outer > .row {margin: 10px 0 0}
.body-modal .outer > form, .body-modal .outer > .container > form {margin: 10px 20px 10px; padding: 5px 20px 10px 10px;}
.body-modal .outer > form > .table-form, .body-modal .outer > .container > form > .table-form {border:none;}
.body-modal .outer > .main, .body-modal .outer > .container > .main, .body-modal > .main {padding: 10px 20px; margin: 0}
.body-modal > form {padding-bottom: 15px;}
.body-modal .outer > .container, .body-modal > .container{padding: 0; margin: 0; max-width: inherit !important; border: 0}
.body-modal #titlebar .actions {right: 40px}
.body-modal .outer, .body-modal #wrap{padding: 0!important; margin: 0!important;}
@-moz-document url-prefix(){.body-modal .outer .table {box-shadow: none}}

.body-modal .row-table {padding: 20px}

.modal-dialog.fullscreen {width: 100% !important; height: 100% !important; margin: 0; border: none !important;}
.modal-dialog.fullscreen .modal-body iframe {height: 100%}

.modal-loading {overflow: hidden;}
.modal-loading .modal-dialog {margin-top: -100%!important;}
.loader {display: none}
.modal-loading .loader{position: absolute; display: block; text-align: center; font-size: 56px; color: #fff; top: 35%; width: 100%}

/* Tree menu. */
.tree {padding: 0; margin: 0;}
.tree li,.tree ul {margin: 0; padding: 0; display: block; position: relative;}
.tree > li {margin-right: 20px; font-weight: 400; padding-bottom: 6px;}
.tree > li > ul li {padding: 6px 5px 0 15px; margin: 0;}
.tree li:before {display: inline-block; margin-right: 6px; position: relative; top: 0; left: 0; content: ' '; width: 8px; height: 8px; background: #f1f1f1; border: 1px solid #ccc; border-radius: 2px}
.tree > li ul {border-left: 1px dotted #aaa; margin-left: 3px; font-weight: normal;}
.tree > li ul > li:before {margin-right: 4px;}
.tree > li ul > li:hover:before {content: ' ';}
.tree > li ul > li:after {position: absolute; display: block; content: ""; width: 15px; left: -1px; top: 16px; height: 20px; border-top: 1px dotted #aaa;}
.tree > li > ul li:last-child:after {border-left: 1px solid #fff;}

/* Select all and select reverse. */
#allchecker, #reversechecker {padding-right: 5px;padding-left: 5px;}

/* hide debug panel */
#debugPanel {display: none}

/* === Responsive === */
@media (max-width: 1199px) /* laptop */
{
  #mainmenu .nav > li > a {padding: 7px 14px}
}
@media (max-width: 991px) /* taplet */
{
  #mainmenu .nav > li > a {padding: 7px 12px}
  #searchbox {width: 150px;}
  #typeSelector .btn,  #objectSwitcher .btn{padding-left: 5px;}
  #modulemenu .nav > li > a {padding: 0 5px;}
}
@media (max-width: 767px) /* phone */
{
  #mainmenu .nav > li > a {padding: 5px 9px; font-size: 14px}
  #mainmenu .nav > li > a > span {display: none}
  #searchbox {width: 120px;}
  #featurebar .nav {float: none}
  #featurebar .nav > li > a {padding: 0 2px; font-size: 13px}
  #titlebar .actions {position: static;}
  .body-modal #titlebar .actions {position: absolute;}
  #titlebar > .heading {padding-right: 0!important;}
}
@media (max-width: 600px) /* small phone */
{
  #searchbox {display: none}
}

.fixTfootAction{position: fixed; bottom: 40px; background: #fff;}
#passwordStrength{display:none;}
.warning{color:red;}
