*{padding:0;margin: 0}
body{background-color: #f4f4f4 !important}
.bg-color{background: #fff}	
.mt-10{margin-top: 10px}
.padding-all{padding: 10px;}
.pos-relative{position: relative}
.pos-absolute{position:absolute}
.frame-box{}
.tabs-navbar{background: #424242;}
.warp-box{max-width: 100%;width:100% }
.breadcrumb-box{font-size: 12px;}
.breadcrumb{margin-bottom: 0px}
.tool-box{padding-top:4px;border:1px solid #eee;box-shadow:0 2px 2px rgba(204,204,204,.2);border-top-left-radius:5px;border-top-right-radius:5px}
.tool-box .navbar {margin-bottom: 0}
.tool-box .navbar-nav {margin: 5px 10px;}
.tool-box .navbar a{font-size:12px;color:#3b8cff;border:1px solid #c0d9fe;border-radius:4px;margin-right:6px;padding:6px 15px}
.tool-box .navbar a:hover,tool-box .nav > li > a:focus,.webuploader-pick a:hover{color:#fff;background:#3280fc;border-color:#3280fc}
.webuploader-pick a{height:34px;display: inline-block;}
.webuploader-pick-hover a{color:#fff !important;background:#3280fc;border-color:#3280fc}
.tool-box .navbar .disabled a,.tool-box .navbar .disabled a:hover{color: #ddd;background:#fff;border-color:#fff}
.tool-box .dropdown-menu a{border:none;margin-right:0}
.tool-box .navbar-toggle{background: #3280FC}
.tool-box .navbar-toggle .icon-bar {background: #fff}
.tool-box .navbar-collapse{padding: 0}
.form-box{}
.down{height: 52px;overflow:hidden;}
.up{height: auto;overflow:auto;}
.up-or-down{width: 40px;height: 40px;background: #C1D8FC;top: 0;left: 0;text-align: center;line-height: 40px;cursor:pointer;z-index: 200;color: #3280FC}
.up-or-down:hover{background: #D1E3FF}
.form-box.padding-all{padding-bottom: 1px}
.form-box .form-group{margin-bottom: 10px;}
.form-box .form-group .col-md-4{}
.form-control{border-color: #ddd;box-shadow: none;height: 30px}
#moreSearch,#queryBtn{margin-right: 10px;}
.more-search-box{display:none;left:0;top:40px;z-index:99;padding-top:2px;background:#fff;width: 100%;box-shadow: 0px 3px 2px #ccc;border-bottom-left-radius:5px;border-bottom-right-radius:5px}

.tab-table-box{margin-right:20px;}
.tab-title{background: #eee}
.tab-title > .nav > li > a {padding:5px 30px;font-size: 16px}
.tab-content{}

#queryForm .form-group .label-desc{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.SumoSelect{width: 100%}
.SumoSelect > .CaptionCont{border-radius:4px;margin:0px;height:30px;}
.common-box-line{padding: 0;border: none}
.required-border-color{border-color: #ffc4c4 !important}
.mmGrid input[type="radio"], .mmGrid input[type="checkbox"]{width: auto;vertical-align: middle;margin: 0 2px;height: auto;}
.ui-tabs{padding: 0}

.form-box .input-and-tip{padding:0 10px;margin: 0}
.edit-box-wrap.input-and-tip{margin:3px}
input[type]:hover, .input-and-tip input[type]:hover, .input-and-tip select:hover, select:hover, .input-and-tip input[type]:focus, .input-and-tip select:focus, .file-list-head select:focus, .box-wrap input[type]:focus, .box-wrap select:focus, .box-wrap textarea:focus{    
    border-color: #145ccd;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(20, 92, 205, .6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(20, 92, 205, .6);
}
.input-and-tip input[type], .input-and-tip select, .file-list-head select, .box-wrap input[type], .box-wrap select{
	padding: 4px 6px;
    font-size: 13px;
    border-radius: 4px;
    border: 1px solid #ddd;
    box-shadow: none;
}
input[type="checkbox"], input[type="radio"] {width: auto;cursor: pointer;box-shadow: none;}
input[type="checkbox"]:hover, input[type="radio"]:hover{width: auto;box-shadow: none;}
.radio-inline, .checkbox-inline {line-height: 30px}
div.pq-grid {border-radius:0px;border-color: #A8C4DC !important;background:#fff}
div.pq-grid *{font-size: 12px;}
.pq-grid-title,.pq-group-header {background: #E4EEF9;}
.pq-header-outer .pq-cont-inner {background: #E4EEF9 !important}
.pq-grid-row {background: #e6f4ff;}/*偶数行背景*/
.pq-grid-row.pq-striped {background: #fff;}/*奇数行背景*/
.pq-state-select.ui-state-highlight {background: #f2e8df;color: #333;border-color: #a8c4dc;}/*选中行*/
.pq-grid .ui-state-active{background-color: #007fff;}
.pq-grid .ui-state-default {background: transparent !important;}
@media(max-width:768px){
    .tool-box .navbar-nav {margin: 5px 10px;}
}

.pageHeader {
    position: relative;
    padding-top: 4px;
}
#pageContent {
    position: relative;
    padding-left: 44px;
    padding-bottom: 20px;
    padding-top: 20px;
	overflow: hidden;
    background-color: #fff;
}
#pageContent:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    display: block;
    content: ' ';
    border-left: 1px dotted #e5e5e5;
}
#pageContent>section:before {
    position: absolute;
    top: 49px;
    bottom: -37px;
    left: -24px;
    display: block;
    content: ' ';
    border-left: 1px dotted transparent;
}
#pageContent>section.section-hover:before{
	border-color: #38b03f
}
#pageContent>section>header {
    position: relative;
    padding-top: 20px;
}
#pageContent>section>header>h3 {
	    display: inline-block;
	    margin: 15px 0;
    cursor: pointer;
}
#pageContent>section>header:before {
    position: absolute;
    top: 38px;
    left: -29px;
    display: block;
    width: 11px;
    height: 11px;
    content: ' ';
    background-color: #ddf4df;
    border-radius: 5px;
    -webkit-transition: background-color .2s cubic-bezier(.175,.885,.32,1);
    -o-transition: background-color .2s cubic-bezier(.175,.885,.32,1);
    transition: background-color .2s cubic-bezier(.175,.885,.32,1);
}
#pageContent>section.section-hover>header:before{
	background-color: #38b03f
}
#pageContent>section.section-hover>header:after{
	border-color: #38b03f
}
#pageContent>section>header:after {
    position: absolute;
    top: 43px;
    left: -18px;
    display: block;
    width: 16px;
    content: ' ';
    border-bottom: 1px dotted #e5e5e5;
}
#pageContent>section>header>h3:after {
    top: 28px;
    left: -27px;
    width: 7px;
    height: 1px;
}
#pageContent>section.section-hover>header>h3{
	color: #38b03f;
}
#pageContent>section>header>h3:after, #pageContent>section>header>h3:before {
    position: absolute;
    top: 25px;
    left: -24px;
    content: ' ';
    -webkit-transition: background-color .2s cubic-bezier(.175,.885,.32,1);
    -o-transition: background-color .2s cubic-bezier(.175,.885,.32,1);
    transition: background-color .2s cubic-bezier(.175,.885,.32,1);
}
#pageTogger {
    position: absolute;
    bottom: -30px;
    left: 10px;
    z-index: 10;
    width: 19px;
    height: 19px;
    padding: 0;
    color: #ddd;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 10px;
    outline: 0;
}

.section-collapsed>#pageTogger:before{
	display: block;
}
#pageTogger:after {
    top: 8px;
    width: 9px;
    height: 1px;
}
#pageTogger:after, #pageTogger:before {
    position: absolute;
    left: 4px;
    display: block;
    content: ' ';
    background-color: #ddd;
    -webkit-transition: background-color .4s cubic-bezier(.175,.885,.32,1);
    -o-transition: background-color .4s cubic-bezier(.175,.885,.32,1);
    transition: background-color .4s cubic-bezier(.175,.885,.32,1);
}
#pageTogger:before {
    left: 8px;
    top: 4px;
    display: none;
    width: 1px;
    height: 9px;
}
.icon-font{
  cursor: pointer;
}
#zui_box1,#al_box1{
    padding:0;margin:0;list-style:none;
    display: inline-block;
    height: 350px;
    overflow-y: scroll;
    overflow-x: hidden;
}
#zui_box1 li,#al_box1 li{
    height: 25px;
    width: 176px;
    line-height: 25px;
    transition: all .3s ease-in-out;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
#zui_box1 li:hover,#al_box1 li:hover{
    background-color: lightblue;
    transform: scale(1.2);
}
.activeicon{
    background-color: lightblue;
    transform: scale(1.2);
}