*{
    box-sizing:border-box;
    outline:none;
}

.td_search{
    padding-top:5px;    
}
.rpt_cbx_filter_span{padding:3px 3px; }
.rpt_cbx_filter_span:hover{background-color:#f4f4f4; }
.rpt_cbx_filter_div{
    padding-left:5px;
    padding-right:5px;    
}

.listdiv
{
    transition: all 1s ease-in-out;
    transform-origin: 0 0;
}

.upload_filelist
{
    padding:2px 2px;
    display: flex;
    flex-flow: row wrap;
    align-items: center
}

.upload_delspan
{
    right:0px;
    top:0px;
    width:16px;
    height:16px;
    cursor:pointer;
    position:absolute;
    border-radius: 8px;
    transition: background-color .3s;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 10%);
    background:white url(../public/img/remove.svg) scroll no-repeat 0 -1px;
    left:0px;
    display:none;
}



@keyframes antSlideUpIn {
    0% {
        transform: scaleY(0.8);
        transform-origin: 0% 0%;
        opacity: 0;
    }
    100% {
        transform: scaleY(1);
        transform-origin: 0% 0%;
        opacity: 1;
    }
}

@keyframes antSlideUpOut {
    0% {
        transform: scaleY(1);
        transform-origin: 0% 0%;
        opacity: 1;
    }
    100% {
        transform: scaleY(0.8);
        transform-origin: 0% 0%;
        opacity: 0;
    }
}

@keyframes antSlideDownIn {
    0% {
        transform: scaleY(0.8);
        transform-origin: 100% 100%;
        opacity: 0;
    }
    100% {
        transform: scaleY(1);
        transform-origin: 100% 100%;
        opacity: 1;
    }
}

@keyframes antSlideDownOut {
    0% {
        transform: scaleY(1);
        transform-origin: 100% 100%;
        opacity: 1;
    }
    100% {
        transform: scaleY(0.8);
        transform-origin: 100% 100%;
        opacity: 0;
    }
}

@keyframes antSlideLeftIn {
    0% {
        transform: scaleX(0.8);
        transform-origin: 0% 0%;
        opacity: 0;
    }
    100% {
        transform: scaleX(1);
        transform-origin: 0% 0%;
        opacity: 1;
    }
}

@keyframes antSlideLeftOut {
    0% {
        transform: scaleX(1);
        transform-origin: 0% 0%;
        opacity: 1;
    }
    100% {
        transform: scaleX(0.8);
        transform-origin: 0% 0%;
        opacity: 0;
    }
}

@keyframes antSlideRightIn {
    0% {
        transform: scaleX(0.8);
        transform-origin: 100% 0%;
        opacity: 0;
    }
    100% {
        transform: scaleX(1);
        transform-origin: 100% 0%;
        opacity: 1;
    }
}

@keyframes antSlideRightOut {
    0% {
        transform: scaleX(1);
        transform-origin: 100% 0%;
        opacity: 1;
    }
    100% {
        transform: scaleX(0.8);
        transform-origin: 100% 0%;
        opacity: 0;
    }
}


.contextmenu {
    display: none;
    position: absolute;
    width: 120px;
    background: #FFFFFF;
    border-radius: 5px;
    overflow: hidden;
    z-index: 99;
    margin: 0;
    padding: 0;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.15);

}

.contextmenu li {
    list-style: none;
    margin: 0;
    padding: 0;
    border-left: 3px solid transparent;
    transition: ease 0.3s;
}

.contextmenu li:hover {
    background: #dfdfdf;
    /*border-left: 3px solid #9C27B0;*/
}

.contextmenu li a {
    display: block;
    padding: 5px;
    color: #000000;
    text-decoration: none;
    transition: ease 0.3s;
}

.contextmenu li:hover a {
    color: #000000;
}



@-webkit-keyframes m-header-menu-submenu-fade-out {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes m-header-menu-submenu-fade-out {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@-webkit-keyframes m-header-menu-submenu-fade-in {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes m-header-menu-submenu-fade-in {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes m-header-menu-submenu-move-up {
    from {
        margin-top: 10px
    }
    to {
        margin-top: 0
    }
}

@keyframes m-header-menu-submenu-move-up {
    from {
        margin-top: 10px
    }
    to {
        margin-top: 0
    }
}

@-webkit-keyframes m-header-menu-submenu-arrow-move-up {
    from {
        margin-bottom: -10px
    }
    to {
        margin-bottom: 0
    }
}

@keyframes m-header-menu-submenu-arrow-move-up {
    from {
        margin-bottom: -10px
    }
    to {
        margin-bottom: 0
    }
}

@-webkit-keyframes m-header-menu-submenu-move-down {
    from {
        margin-bottom: 10px
    }
    to {
        margin-bottom: 0
    }
}

@keyframes m-header-menu-submenu-move-down {
    from {
        margin-bottom: 10px
    }
    to {
        margin-bottom: 0
    }
}

.ui-icon-seek-next { background:transparent url(../public/img/icon_next.svg) no-repeat center center !important; }
.ui-icon-seek-prev {  background:transparent url(../public/img/icon_prev.svg) no-repeat center center !important;}
.ui-icon-seek-end {  background:transparent url(../public/img/icon_next_end.svg) no-repeat center center !important; }
.ui-icon-seek-start {  background:transparent url(../public/img/icon_prev_start.svg) no-repeat center center !important;}
.ui-icon-seek-first {   background:transparent url(../public/img/icon_prev_start.svg) no-repeat center center !important; }


.page_report {
    position: relative;
    text-align: right;
    zoom: 1
}

.page_report:before,
.page_report:after {
 
}

.page_report:after {
    clear: both;
    overflow: hidden
}

.page_report span {
    display: inline-block;
    margin: 0 5px;
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    color: #bdbdbd;
    font-size: 14px
}


.page_report .info {
   width:auto!important;
}


.page_report .active {
    display: inline-block;
    margin: 0 5px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #1890ff;
    color: #fff;
    font-size: 14px;
    border: 1px solid #1890ff;
    border-radius: 3px;
}

.page_report a {
    display: inline-block;
    margin: 0 5px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #fff;
    border: 1px solid #ebebeb;
    color: #bdbdbd;
    font-size: 14px;
    border-radius: 3px;
}

.page_report a:hover {
    color: #fff;
    background: #1890ff;
}

.page_report .next,
.page_report .prev {
    font-family: simsun;
    font-size: 16px;
    font-weight: 700
}

.now,
.count {
    padding: 0 5px;
    color: red
}

.eg img {
    max-width: 800px;
    min-height: 500px
}

.page_report input {
    display: inline-block;
    margin: 0 5px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    background: #fff;
    border: 1px solid #ebebeb;
    outline: none;
    color: #bdbdbd;
    font-size: 14px
}

.ionicon{fill:currentColor;stroke:currentColor}
.ionicon-fill-none{fill:none}
.ionicon-stroke-width{stroke-width:32px}

.mobile-menu-icon { display: none;}

@media only screen and (max-width:767px) {

    #td_search {
        -webkit-transform: translateX(-310px);
        transform: translateX(-310px);
        height: 100vh;
        position: fixed;
        top: 0;
        left: 0;
        background: #f9fbfe;
        width: 300px;
        z-index: 999;
        -webkit-transition: all 0.3s ease 0s;
        transition: all 0.3s ease 0s;
        padding: 10px 10px 10px 5px;
        box-shadow: 0px 0px 5px 1px rgba(69,65,78,0.2);

    }
    .menu-text {font-size: 16px;}
    
    .mobile-menu-show {
        -webkit-transform: translateX(0px) !important;
        transform: translateX(0px) !important;
    }
    .toolbar {
        position: relative;
        height: 50px!important;
    }
    .mobile-menu-icon { display: block!important;text-align: right;position: absolute;right:10px;cursor: pointer;
        font-size: 20px;z-index:101}

}


select:disabled,input:disabled,textarea:disabled {background-color:#efefef;}

 
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */

.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}.bounce{animation-name:bounce;transform-origin:center bottom}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes pulse{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.pulse{animation-name:pulse}@keyframes rubberBand{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.rubberBand{animation-name:rubberBand}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}@keyframes headShake{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.headShake{animation-timing-function:ease-in-out;animation-name:headShake}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes tada{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.tada{animation-name:tada}@keyframes wobble{0%{transform:none}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:none}}.wobble{animation-name:wobble}@keyframes jello{0%,11.1%,to{transform:none}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{animation-name:jello;transform-origin:center}@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translateZ(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.hinge{animation-name:hinge}@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.jackInTheBox{animation-name:jackInTheBox}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:none}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{animation-name:zoomIn}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{animation-name:zoomInDown}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{animation-name:zoomInLeft}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{animation-name:zoomInRight}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{animation-name:zoomInUp}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{animation-name:zoomOut}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{animation-name:zoomOutDown}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{animation-name:zoomOutLeft}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{animation-name:zoomOutRight}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{animation-name:zoomOutUp}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.slideInUp{animation-name:slideInUp}@keyframes slideOutDown{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.slideOutDown{animation-name:slideOutDown}@keyframes slideOutLeft{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.slideOutLeft{animation-name:slideOutLeft}@keyframes slideOutRight{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.slideOutRight{animation-name:slideOutRight}@keyframes slideOutUp{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.slideOutUp{animation-name:slideOutUp}


/*!
Pure v1.0.1
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/pure-css/pure/blob/master/LICENSE.md
*/
/*!
normalize.css v^3.0 | MIT License | git.io/normalize
Copyright (c) Nicolas Gallagher and Jonathan Neal
*/
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */

html {
    font-family: sans-serif; /* 1 */
    -ms-text-size-adjust: 100%; /* 2 */
    -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */

body {
    margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */

/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
    display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */

audio,
canvas,
progress,
video {
    display: inline-block; /* 1 */
    vertical-align: baseline; /* 2 */
}

    /**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */

    audio:not([controls]) {
        display: none;
        height: 0;
    }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */

[hidden],
template {
    display: none;
}

/* Links
   ========================================================================== */

/**
 * Remove the gray background color from active links in IE 10.
 */

a {
    background-color: transparent;
}

    /**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */

    a:active,
    a:hover {
        outline: 0;
    }

/* Text-level semantics
   ========================================================================== */

/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */

abbr[title] {
    border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */

b,
strong {
    font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */

dfn {
    font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */

h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */

mark {
    background: #ff0;
    color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */

small {
    font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove border when inside `a` element in IE 8/9/10.
 */

img {
    border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */

svg:not(:root) {
    overflow: hidden;
}

/* Grouping content
   ========================================================================== */

/**
 * Address margin not present in IE 8/9 and Safari.
 */

figure {
    margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

/**
 * Contain overflow in all browsers.
 */

pre {
    overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */

code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

/* Forms
   ========================================================================== */

/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */

/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */

button,
input,
optgroup,
select,
textarea {  
    margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */

button {
    overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */

button,
select {
    text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */

button,
html input[type="button"], /* 1 */
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button; /* 2 */
    cursor: pointer; /* 3 */
}

    /**
 * Re-set default cursor for disabled elements.
 */

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

    /**
 * Remove inner padding and border in Firefox 4+.
 */

    button::-moz-focus-inner,
    input::-moz-focus-inner {
        border: 0;
        padding: 0;
    }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */

input {
    line-height: normal;
}

    /**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */

    input[type="checkbox"],
    input[type="radio"] {
        -webkit-box-sizing: border-box;
        box-sizing: border-box; /* 1 */
        padding: 0; /* 2 */
    }

    /**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */

    input[type="number"]::-webkit-inner-spin-button,
    input[type="number"]::-webkit-outer-spin-button {
        height: auto;
    }

    /**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */

    input[type="search"] {
        -webkit-appearance: textfield; /* 1 */
        -webkit-box-sizing: content-box;
        box-sizing: content-box; /* 2 */
    }

        /**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */

        input[type="search"]::-webkit-search-cancel-button,
        input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none;
        }

/**
 * Define consistent border, margin, and padding.
 */

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */

legend {
    border: 0; /* 1 */
    padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */

textarea {
    overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */

optgroup {
    font-weight: bold;
}

/* Tables
   ========================================================================== */

/**
 * Remove most spacing between table cells.
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}

td,
th {
    padding: 0;
}

/*csslint important:false*/

/* ==========================================================================
   Pure Base Extras
   ========================================================================== */

/**
 * Extra rules that Pure adds on top of Normalize.css
 */

/**
 * Always hide an element when it has the `hidden` HTML attribute.
 */

.hidden,
[hidden] {
    display: none !important;
}

/**
 * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
 * aspect ratio.
 */
.pure-img {
    max-width: 100%;
    height: auto;
    display: block;
}

/*csslint regex-selectors:false, known-properties:false, duplicate-properties:false*/

.pure-g {
    letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
    /*
    Sets the font stack to fonts known to work properly with the above letter
    and word spacings. See: https://github.com/pure-css/pure/issues/41/

    The following font stack makes Pure Grids work on all known environments.

    * FreeSans: Ships with many Linux distros, including Ubuntu

    * Arimo: Ships with Chrome OS. Arimo has to be defined before Helvetica and
      Arial to get picked up by the browser, even though neither is available
      in Chrome OS.

    * Droid Sans: Ships with all versions of Android.

    * Helvetica, Arial, sans-serif: Common font stack on OS X and Windows.
    */
    font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif;
    /* Use flexbox when possible to avoid `letter-spacing` side-effects. */
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    /* Prevents distributing space between rows */
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}

/* IE10 display: -ms-flexbox (and display: flex in IE 11) does not work inside a table; fall back to block and rely on font hack */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    table .pure-g {
        display: block;
    }
}

/* Opera as of 12 on Windows needs word-spacing.
   The ".opera-only" selector is used to prevent actual prefocus styling
   and is not required in markup.
*/
.opera-only :-o-prefocus,
.pure-g {
    word-spacing: -0.43em;
}

.pure-u {
    display: inline-block;
    *display: inline; /* IE < 8: fake inline-block */
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

/*
Resets the font family back to the OS/browser's default sans-serif font,
this the same font stack that Normalize.css sets for the `body`.
*/
.pure-g [class *= "pure-u"] {
    font-family: sans-serif;
}

.pure-u-1,
.pure-u-1-1,
.pure-u-1-2,
.pure-u-1-3,
.pure-u-2-3,
.pure-u-1-4,
.pure-u-3-4,
.pure-u-1-5,
.pure-u-2-5,
.pure-u-3-5,
.pure-u-4-5,
.pure-u-5-5,
.pure-u-1-6,
.pure-u-5-6,
.pure-u-1-8,
.pure-u-3-8,
.pure-u-5-8,
.pure-u-7-8,
.pure-u-1-12,
.pure-u-5-12,
.pure-u-7-12,
.pure-u-11-12,
.pure-u-1-24,
.pure-u-2-24,
.pure-u-3-24,
.pure-u-4-24,
.pure-u-5-24,
.pure-u-6-24,
.pure-u-7-24,
.pure-u-8-24,
.pure-u-9-24,
.pure-u-10-24,
.pure-u-11-24,
.pure-u-12-24,
.pure-u-13-24,
.pure-u-14-24,
.pure-u-15-24,
.pure-u-16-24,
.pure-u-17-24,
.pure-u-18-24,
.pure-u-19-24,
.pure-u-20-24,
.pure-u-21-24,
.pure-u-22-24,
.pure-u-23-24,
.pure-u-24-24 {
    display: inline-block;
    *display: inline;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

.pure-u-1-24 {
    width: 4.1667%;
    *width: 4.1357%;
}

.pure-u-1-12,
.pure-u-2-24 {
    width: 8.3333%;
    *width: 8.3023%;
}

.pure-u-1-8,
.pure-u-3-24 {
    width: 12.5000%;
    *width: 12.4690%;
}

.pure-u-1-6,
.pure-u-4-24 {
    width: 16.6667%;
    *width: 16.6357%;
}

.pure-u-1-5 {
    width: 20%;
    *width: 19.9690%;
}

.pure-u-5-24 {
    width: 20.8333%;
    *width: 20.8023%;
}

.pure-u-1-4,
.pure-u-6-24 {
    width: 25%;
    *width: 24.9690%;
}

.pure-u-7-24 {
    width: 29.1667%;
    *width: 29.1357%;
}

.pure-u-1-3,
.pure-u-8-24 {
    width: 33.3333%;
    *width: 33.3023%;
}

.pure-u-3-8,
.pure-u-9-24 {
    width: 37.5000%;
    *width: 37.4690%;
}

.pure-u-2-5 {
    width: 40%;
    *width: 39.9690%;
}

.pure-u-5-12,
.pure-u-10-24 {
    width: 41.6667%;
    *width: 41.6357%;
}

.pure-u-11-24 {
    width: 45.8333%;
    *width: 45.8023%;
}

.pure-u-1-2,
.pure-u-12-24 {
    width: 50%;
    *width: 49.9690%;
}

.pure-u-13-24 {
    width: 54.1667%;
    *width: 54.1357%;
}

.pure-u-7-12,
.pure-u-14-24 {
    width: 58.3333%;
    *width: 58.3023%;
}

.pure-u-3-5 {
    width: 60%;
    *width: 59.9690%;
}

.pure-u-5-8,
.pure-u-15-24 {
    width: 62.5000%;
    *width: 62.4690%;
}

.pure-u-2-3,
.pure-u-16-24 {
    width: 66.6667%;
    *width: 66.6357%;
}

.pure-u-17-24 {
    width: 70.8333%;
    *width: 70.8023%;
}

.pure-u-3-4,
.pure-u-18-24 {
    width: 75%;
    *width: 74.9690%;
}

.pure-u-19-24 {
    width: 79.1667%;
    *width: 79.1357%;
}

.pure-u-4-5 {
    width: 80%;
    *width: 79.9690%;
}

.pure-u-5-6,
.pure-u-20-24 {
    width: 83.3333%;
    *width: 83.3023%;
}

.pure-u-7-8,
.pure-u-21-24 {
    width: 87.5000%;
    *width: 87.4690%;
}

.pure-u-11-12,
.pure-u-22-24 {
    width: 91.6667%;
    *width: 91.6357%;
}

.pure-u-23-24 {
    width: 95.8333%;
    *width: 95.8023%;
}

.pure-u-1,
.pure-u-1-1,
.pure-u-5-5,
.pure-u-24-24 {
    width: 100%;
}

.pure-button {
    /* Structure */
    display: inline-block;
    zoom: 1;
    line-height: normal;
    white-space: nowrap;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    /* Firefox: Get rid of the inner focus border */
    .pure-button::-moz-focus-inner {
        padding: 0;
        border: 0;
    }

/* Inherit .pure-g styles */
.pure-button-group {
    letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
}

.opera-only :-o-prefocus,
.pure-button-group {
    word-spacing: -0.43em;
}

    .pure-button-group .pure-button {
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

/*csslint outline-none:false*/

.pure-button {
    font-family: inherit;
    font-size: 100%;
    padding: 0.5em 1em;
    color: #444; /* rgba not supported (IE 8) */
    color: rgba(0, 0, 0, 0.80); /* rgba supported */
    border: 1px solid #999; /*IE 6/7/8*/
    border: none rgba(0, 0, 0, 0); /*IE9 + everything else*/
    background-color: #E6E6E6;
    text-decoration: none;
    border-radius: 2px;
}

    .pure-button-hover,
    .pure-button:hover,
    .pure-button:focus {
        background-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, rgba(0,0,0, 0.05)), to(rgba(0,0,0, 0.10)));
        background-image: -webkit-linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
        background-image: linear-gradient(transparent, rgba(0,0,0, 0.05) 40%, rgba(0,0,0, 0.10));
    }

    .pure-button:focus {
        outline: 0;
    }

    .pure-button-active,
    .pure-button:active {
        -webkit-box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
        box-shadow: 0 0 0 1px rgba(0,0,0, 0.15) inset, 0 0 6px rgba(0,0,0, 0.20) inset;
        border-color: #000;
    }

    .pure-button[disabled],
    .pure-button-disabled,
    .pure-button-disabled:hover,
    .pure-button-disabled:focus,
    .pure-button-disabled:active {
        border: none;
        background-image: none;
        /* csslint ignore:start */
        filter: alpha(opacity=40);
        /* csslint ignore:end */
        opacity: 0.40;
        cursor: not-allowed;
        -webkit-box-shadow: none;
        box-shadow: none;
        pointer-events: none;
    }

.pure-button-hidden {
    display: none;
}

.pure-button-primary,
.pure-button-selected,
a.pure-button-primary,
a.pure-button-selected {
    background-color: rgb(0, 120, 231);
    color: #fff;
}

/* Button Groups */
.pure-button-group .pure-button {
    margin: 0;
    border-radius: 0;
    border-right: 1px solid #111; /* fallback color for rgba() for IE7/8 */
    border-right: 1px solid rgba(0, 0, 0, 0.2);
}

    .pure-button-group .pure-button:first-child {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px;
    }

    .pure-button-group .pure-button:last-child {
        border-top-right-radius: 2px;
        border-bottom-right-radius: 2px;
        border-right: none;
    }

/*csslint box-model:false*/
/*
Box-model set to false because we're setting a height on select elements, which
also have border and padding. This is done because some browsers don't render
the padding. We explicitly set the box-model for select elements to border-box,
so we can ignore the csslint warning.
*/

.pure-form input[type="text"],
.pure-form input[type="password"],
.pure-form input[type="email"],
.pure-form input[type="url"],
.pure-form input[type="date"],
.pure-form input[type="month"],
.pure-form input[type="time"],
.pure-form input[type="datetime"],
.pure-form input[type="datetime-local"],
.pure-form input[type="week"],
.pure-form input[type="number"],
.pure-form input[type="search"],
.pure-form input[type="tel"],
.pure-form input[type="color"],
.pure-form select,
.pure-form textarea {
    padding: 0.5em 0.6em;
    display: inline-block;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 3px #ddd;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form input:not([type]) {
    padding: 0.5em 0.6em;
    display: inline-block;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 3px #ddd;
    box-shadow: inset 0 1px 3px #ddd;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}


/* Chrome (as of v.32/34 on OS X) needs additional room for color to display. */
/* May be able to remove this tweak as color inputs become more standardized across browsers. */
.pure-form input[type="color"] {
    padding: 0.2em 0.5em;
}


    .pure-form input[type="text"]:focus,
    .pure-form input[type="password"]:focus,
    .pure-form input[type="email"]:focus,
    .pure-form input[type="url"]:focus,
    .pure-form input[type="date"]:focus,
    .pure-form input[type="month"]:focus,
    .pure-form input[type="time"]:focus,
    .pure-form input[type="datetime"]:focus,
    .pure-form input[type="datetime-local"]:focus,
    .pure-form input[type="week"]:focus,
    .pure-form input[type="number"]:focus,
    .pure-form input[type="search"]:focus,
    .pure-form input[type="tel"]:focus,
    .pure-form input[type="color"]:focus,
    .pure-form select:focus,
    .pure-form textarea:focus {
        outline: 0;
        border-color: #129FEA;
    }

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form input:not([type]):focus {
    outline: 0;
    border-color: #129FEA;
}

.pure-form input[type="file"]:focus,
.pure-form input[type="radio"]:focus,
.pure-form input[type="checkbox"]:focus {
    outline: thin solid #129FEA;
    outline: 1px auto #129FEA;
}

.pure-form .pure-checkbox,
.pure-form .pure-radio {
    margin: 0.5em 0;
    display: block;
}

.pure-form input[type="text"][disabled],
.pure-form input[type="password"][disabled],
.pure-form input[type="email"][disabled],
.pure-form input[type="url"][disabled],
.pure-form input[type="date"][disabled],
.pure-form input[type="month"][disabled],
.pure-form input[type="time"][disabled],
.pure-form input[type="datetime"][disabled],
.pure-form input[type="datetime-local"][disabled],
.pure-form input[type="week"][disabled],
.pure-form input[type="number"][disabled],
.pure-form input[type="search"][disabled],
.pure-form input[type="tel"][disabled],
.pure-form input[type="color"][disabled],
.pure-form select[disabled],
.pure-form textarea[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3;
}

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form input:not([type])[disabled] {
    cursor: not-allowed;
    background-color: #eaeded;
    color: #cad2d3;
}

.pure-form input[readonly],
.pure-form select[readonly],
.pure-form textarea[readonly] {
    background-color: #eee; /* menu hover bg color */
    color: #777; /* menu text color */
    border-color: #ccc;
}

.pure-form input:focus:invalid,
.pure-form textarea:focus:invalid,
.pure-form select:focus:invalid {
    color: #b94a48;
    border-color: #e9322d;
}

.pure-form input[type="file"]:focus:invalid:focus,
.pure-form input[type="radio"]:focus:invalid:focus,
.pure-form input[type="checkbox"]:focus:invalid:focus {
    outline-color: #e9322d;
}

.pure-form select {
    /* Normalizes the height; padding is not sufficient. */
    height: 2.25em;
    border: 1px solid #ccc;
    background-color: white;
}

    .pure-form select[multiple] {
        height: auto;
    }

.pure-form label {
    margin: 0.5em 0 0.2em;
}

.pure-form fieldset {
    margin: 0;
    padding: 0.35em 0 0.75em;
    border: 0;
}

.pure-form legend {
    display: block;
    width: 100%;
    padding: 0.3em 0;
    margin-bottom: 0.3em;
    color: #333;
    border-bottom: 1px solid #e5e5e5;
}

.pure-form-stacked input[type="text"],
.pure-form-stacked input[type="password"],
.pure-form-stacked input[type="email"],
.pure-form-stacked input[type="url"],
.pure-form-stacked input[type="date"],
.pure-form-stacked input[type="month"],
.pure-form-stacked input[type="time"],
.pure-form-stacked input[type="datetime"],
.pure-form-stacked input[type="datetime-local"],
.pure-form-stacked input[type="week"],
.pure-form-stacked input[type="number"],
.pure-form-stacked input[type="search"],
.pure-form-stacked input[type="tel"],
.pure-form-stacked input[type="color"],
.pure-form-stacked input[type="file"],
.pure-form-stacked select,
.pure-form-stacked label,
.pure-form-stacked textarea {
    display: block;
    margin: 0.25em 0;
}

/*
Need to separate out the :not() selector from the rest of the CSS 2.1 selectors
since IE8 won't execute CSS that contains a CSS3 selector.
*/
.pure-form-stacked input:not([type]) {
    display: block;
    margin: 0.25em 0;
}

.pure-form-aligned input,
.pure-form-aligned textarea,
.pure-form-aligned select,
/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
.pure-form-aligned .pure-help-inline,
.pure-form-message-inline {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: middle;
}

.pure-form-aligned textarea {
    vertical-align: top;
}

/* Aligned Forms */
.pure-form-aligned .pure-control-group {
    margin-bottom: 0.5em;
}

    .pure-form-aligned .pure-control-group label {
        text-align: right;
        display: inline-block;
        vertical-align: middle;
        width: 10em;
        margin: 0 1em 0 0;
    }

.pure-form-aligned .pure-controls {
    margin: 1.5em 0 0 11em;
}

/* Rounded Inputs */
.pure-form input.pure-input-rounded,
.pure-form .pure-input-rounded {
    border-radius: 2em;
    padding: 0.5em 1em;
}

/* Grouped Inputs */
.pure-form .pure-group fieldset {
    margin-bottom: 10px;
}

.pure-form .pure-group input,
.pure-form .pure-group textarea {
    display: block;
    padding: 10px;
    margin: 0 0 -1px;
    border-radius: 0;
    position: relative;
    top: -1px;
}

    .pure-form .pure-group input:focus,
    .pure-form .pure-group textarea:focus {
        z-index: 3;
    }

    .pure-form .pure-group input:first-child,
    .pure-form .pure-group textarea:first-child {
        top: 1px;
        border-radius: 4px 4px 0 0;
        margin: 0;
    }

        .pure-form .pure-group input:first-child:last-child,
        .pure-form .pure-group textarea:first-child:last-child {
            top: 1px;
            border-radius: 4px;
            margin: 0;
        }

    .pure-form .pure-group input:last-child,
    .pure-form .pure-group textarea:last-child {
        top: -2px;
        border-radius: 0 0 4px 4px;
        margin: 0;
    }

.pure-form .pure-group button {
    margin: 0.35em 0;
}

.pure-form .pure-input-1 {
    width: 100%;
}

.pure-form .pure-input-3-4 {
    width: 75%;
}

.pure-form .pure-input-2-3 {
    width: 66%;
}

.pure-form .pure-input-1-2 {
    width: 50%;
}

.pure-form .pure-input-1-3 {
    width: 33%;
}

.pure-form .pure-input-1-4 {
    width: 25%;
}

/* Inline help for forms */
/* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
.pure-form .pure-help-inline,
.pure-form-message-inline {
    display: inline-block;
    padding-left: 0.3em;
    color: #666;
    vertical-align: middle;
    font-size: 0.875em;
}

/* Block help for forms */
.pure-form-message {
    display: block;
    color: #666;
    font-size: 0.875em;
}

@media only screen and (max-width : 480px) {
    .pure-form button[type="submit"] {
        margin: 0.7em 0 0;
    }

    .pure-form input:not([type]),
    .pure-form input[type="text"],
    .pure-form input[type="password"],
    .pure-form input[type="email"],
    .pure-form input[type="url"],
    .pure-form input[type="date"],
    .pure-form input[type="month"],
    .pure-form input[type="time"],
    .pure-form input[type="datetime"],
    .pure-form input[type="datetime-local"],
    .pure-form input[type="week"],
    .pure-form input[type="number"],
    .pure-form input[type="search"],
    .pure-form input[type="tel"],
    .pure-form input[type="color"],
    .pure-form label {
        margin-bottom: 0.3em;
        display: block;
    }

    .pure-group input:not([type]),
    .pure-group input[type="text"],
    .pure-group input[type="password"],
    .pure-group input[type="email"],
    .pure-group input[type="url"],
    .pure-group input[type="date"],
    .pure-group input[type="month"],
    .pure-group input[type="time"],
    .pure-group input[type="datetime"],
    .pure-group input[type="datetime-local"],
    .pure-group input[type="week"],
    .pure-group input[type="number"],
    .pure-group input[type="search"],
    .pure-group input[type="tel"],
    .pure-group input[type="color"] {
        margin-bottom: 0;
    }

    .pure-form-aligned .pure-control-group label {
        margin-bottom: 0.3em;
        text-align: left;
        display: block;
        width: 100%;
    }

    .pure-form-aligned .pure-controls {
        margin: 1.5em 0 0 0;
    }

    /* NOTE: pure-help-inline is deprecated. Use .pure-form-message-inline instead. */
    .pure-form .pure-help-inline,
    .pure-form-message-inline,
    .pure-form-message {
        display: block;
        font-size: 0.75em;
        /* Increased bottom padding to make it group with its related input element. */
        padding: 0.2em 0 0.8em;
    }
}

/*csslint adjoining-classes: false, box-model:false*/
.pure-menu {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.pure-menu-fixed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 3;
}

.pure-menu-list,
.pure-menu-item {
    position: relative;
}

.pure-menu-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.pure-menu-item {
    padding: 0;
    margin: 0;
    height: 100%;
}

.pure-menu-link,
.pure-menu-heading {
    display: block;
    text-decoration: none;
    white-space: nowrap;
}

/* HORIZONTAL MENU */
.pure-menu-horizontal {
    width: 100%;
    white-space: nowrap;
}

    .pure-menu-horizontal .pure-menu-list {
        display: inline-block;
    }

    /* Initial menus should be inline-block so that they are horizontal */
    .pure-menu-horizontal .pure-menu-item,
    .pure-menu-horizontal .pure-menu-heading,
    .pure-menu-horizontal .pure-menu-separator {
        display: inline-block;
        *display: inline;
        zoom: 1;
        vertical-align: middle;
    }

/* Submenus should still be display: block; */
.pure-menu-item .pure-menu-item {
    display: block;
}

.pure-menu-children {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    margin: 0;
    padding: 0;
    z-index: 3;
}

.pure-menu-horizontal .pure-menu-children {
    left: 0;
    top: auto;
    width: inherit;
}

.pure-menu-allow-hover:hover > .pure-menu-children,
.pure-menu-active > .pure-menu-children {
    display: block;
    position: absolute;
}

/* Vertical Menus - show the dropdown arrow */
.pure-menu-has-children > .pure-menu-link:after {
    padding-left: 0.5em;
    content: "\25B8";
    font-size: small;
}

/* Horizontal Menus - show the dropdown arrow */
.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {
    content: "\25BE";
}

/* scrollable menus */
.pure-menu-scrollable {
    overflow-y: scroll;
    overflow-x: hidden;
}

    .pure-menu-scrollable .pure-menu-list {
        display: block;
    }

.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {
    display: inline-block;
}

.pure-menu-horizontal.pure-menu-scrollable {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /* a little extra padding for this style to allow for scrollbars */
    padding: .5em 0;
}

/* misc default styling */

.pure-menu-separator,
.pure-menu-horizontal .pure-menu-children .pure-menu-separator {
    background-color: #ccc;
    height: 1px;
    margin: .3em 0;
}

.pure-menu-horizontal .pure-menu-separator {
    width: 1px;
    height: 1.3em;
    margin: 0 .3em;
}

/* Need to reset the separator since submenu is vertical */
.pure-menu-horizontal .pure-menu-children .pure-menu-separator {
    display: block;
    width: auto;
}

.pure-menu-heading {
    text-transform: uppercase;
    color: #565d64;
}

.pure-menu-link {
    color: #777;
}

.pure-menu-children {
    background-color: #fff;
}

.pure-menu-link,
.pure-menu-disabled,
.pure-menu-heading {
    padding: .5em 1em;
}

.pure-menu-disabled {
    opacity: .5;
}

    .pure-menu-disabled .pure-menu-link:hover {
        background-color: transparent;
    }

.pure-menu-active > .pure-menu-link,
.pure-menu-link:hover,
.pure-menu-link:focus {
    background-color: #eee;
}

.pure-menu-selected > .pure-menu-link,
.pure-menu-selected > .pure-menu-link:visited {
    color: #000;
}

.pure-table {
    /* Remove spacing between table cells (from Normalize.css) */
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    border: 1px solid #cbcbcb;
}

    .pure-table caption {
        color: #000;
        font: italic 85%/1 arial, sans-serif;
        padding: 1em 0;
        text-align: center;
    }

    .pure-table td,
    .pure-table th {
        border-left: 1px solid #cbcbcb; /*  inner column border */
        border-width: 0 0 0 1px;
        font-size: inherit;
        margin: 0;
        overflow: visible; /*to make ths where the title is really long work*/
        padding: 0.5em 1em; /* cell padding */
    }

    .pure-table thead {
        background-color: #e0e0e0;
        color: #000;
        text-align: left;
        vertical-align: bottom;
    }

    /*
striping:
   even - #fff (white)
   odd  - #f2f2f2 (light gray)
*/
    .pure-table td {
        background-color: transparent;
    }

.pure-table-odd td {
    background-color: #f2f2f2;
}

/* nth-child selector for modern browsers */
.pure-table-striped tr:nth-child(2n-1) td {
    background-color: #f2f2f2;
}

/* BORDERED TABLES */
.pure-table-bordered td {
    border-bottom: 1px solid #cbcbcb;
}

.pure-table-bordered tbody > tr:last-child > td {
    border-bottom-width: 0;
}


/* HORIZONTAL BORDERED TABLES */

.pure-table-horizontal td,
.pure-table-horizontal th {
    border-width: 0 0 1px 0;
    border-bottom: 1px solid #cbcbcb;
}

.pure-table-horizontal tbody > tr:last-child > td {
    border-bottom-width: 0;
}

/*!
Pure v1.0.1
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/pure-css/pure/blob/master/LICENSE.md
*/
@media screen and (min-width: 35.5em) {
    .pure-u-sm-1,
    .pure-u-sm-1-1,
    .pure-u-sm-1-2,
    .pure-u-sm-1-3,
    .pure-u-sm-2-3,
    .pure-u-sm-1-4,
    .pure-u-sm-3-4,
    .pure-u-sm-1-5,
    .pure-u-sm-2-5,
    .pure-u-sm-3-5,
    .pure-u-sm-4-5,
    .pure-u-sm-5-5,
    .pure-u-sm-1-6,
    .pure-u-sm-5-6,
    .pure-u-sm-1-8,
    .pure-u-sm-3-8,
    .pure-u-sm-5-8,
    .pure-u-sm-7-8,
    .pure-u-sm-1-12,
    .pure-u-sm-5-12,
    .pure-u-sm-7-12,
    .pure-u-sm-11-12,
    .pure-u-sm-1-24,
    .pure-u-sm-2-24,
    .pure-u-sm-3-24,
    .pure-u-sm-4-24,
    .pure-u-sm-5-24,
    .pure-u-sm-6-24,
    .pure-u-sm-7-24,
    .pure-u-sm-8-24,
    .pure-u-sm-9-24,
    .pure-u-sm-10-24,
    .pure-u-sm-11-24,
    .pure-u-sm-12-24,
    .pure-u-sm-13-24,
    .pure-u-sm-14-24,
    .pure-u-sm-15-24,
    .pure-u-sm-16-24,
    .pure-u-sm-17-24,
    .pure-u-sm-18-24,
    .pure-u-sm-19-24,
    .pure-u-sm-20-24,
    .pure-u-sm-21-24,
    .pure-u-sm-22-24,
    .pure-u-sm-23-24,
    .pure-u-sm-24-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-sm-1-24 {
        width: 4%;
        *width: 4%;
    }

    .pure-u-sm-1-12,
    .pure-u-sm-2-24 {
        width: 8%;
        *width: 8%;
    }

    .pure-u-sm-1-8,
    .pure-u-sm-3-24 {
        width: 12%;
        *width: 12%;
    }

    .pure-u-sm-1-6,
    .pure-u-sm-4-24 {
        width: 16%;
        *width: 16%;
    }

    .pure-u-sm-1-5 {
        width: 19%;
        *width: 19%;
    }

    .pure-u-sm-5-24 {
        width: 19.5%;
        *width: 19.5%;
    }

    .pure-u-sm-1-4,
    .pure-u-sm-6-24 {
        width: 24%;
        *width: 24%;
    }

    .pure-u-sm-7-24 {
        width: 29%;
        *width: 29%;
    }

    .pure-u-sm-1-3,
    .pure-u-sm-8-24 {
        width: 33%;
        *width: 33%;
    }

    .pure-u-sm-3-8,
    .pure-u-sm-9-24 {
        width: 37%;
        *width: 37%;
    }

    .pure-u-sm-2-5 {
        width: 39%;
        *width: 39%;
    }

    .pure-u-sm-5-12,
    .pure-u-sm-10-24 {
        width: 41%;
        *width: 41%;
    }

    .pure-u-sm-11-24 {
        width: 45%;
        *width: 45%;
    }

    .pure-u-sm-1-2,
    .pure-u-sm-12-24 {
        width: 49%;
        *width: 49%;
    }

    .pure-u-sm-13-24 {
        width: 54%;
        *width: 54%;
    }

    .pure-u-sm-7-12,
    .pure-u-sm-14-24 {
        width: 58%;
        *width: 58%;
    }

    .pure-u-sm-3-5 {
        width: 59%;
        *width: 59%;
    }

    .pure-u-sm-5-8,
    .pure-u-sm-15-24 {
        width: 62%;
        *width: 62%;
    }

    .pure-u-sm-2-3,
    .pure-u-sm-16-24 {
        width: 66%;
        *width: 66%;
    }

    .pure-u-sm-17-24 {
        width: 70%;
        *width: 70%;
    }

    .pure-u-sm-3-4,
    .pure-u-sm-18-24 {
        width: 75%;
        *width: 74%;
    }

    .pure-u-sm-19-24 {
        width: 79%;
        *width: 79%;
    }

    .pure-u-sm-4-5 {
        width: 80%;
        *width: 79%;
    }

    .pure-u-sm-5-6,
    .pure-u-sm-20-24 {
        width: 83%;
        *width: 83%;
    }

    .pure-u-sm-7-8,
    .pure-u-sm-21-24 {
        width: 87%;
        *width: 87%;
    }

    .pure-u-sm-11-12,
    .pure-u-sm-22-24 {
        width: 91%;
        *width: 91%;
    }

    .pure-u-sm-23-24 {
        width: 95%;
        *width: 95%;
    }

    .pure-u-sm-1,
    .pure-u-sm-1-1,
    .pure-u-sm-5-5,
    .pure-u-sm-24-24 {
        width: 100%;
    }
}

@media screen and (min-width: 48em) {
    .pure-u-md-1,
    .pure-u-md-1-1,
    .pure-u-md-1-2,
    .pure-u-md-1-3,
    .pure-u-md-2-3,
    .pure-u-md-1-4,
    .pure-u-md-3-4,
    .pure-u-md-1-5,
    .pure-u-md-2-5,
    .pure-u-md-3-5,
    .pure-u-md-4-5,
    .pure-u-md-5-5,
    .pure-u-md-1-6,
    .pure-u-md-5-6,
    .pure-u-md-1-8,
    .pure-u-md-3-8,
    .pure-u-md-5-8,
    .pure-u-md-7-8,
    .pure-u-md-1-12,
    .pure-u-md-5-12,
    .pure-u-md-7-12,
    .pure-u-md-11-12,
    .pure-u-md-1-24,
    .pure-u-md-2-24,
    .pure-u-md-3-24,
    .pure-u-md-4-24,
    .pure-u-md-5-24,
    .pure-u-md-6-24,
    .pure-u-md-7-24,
    .pure-u-md-8-24,
    .pure-u-md-9-24,
    .pure-u-md-10-24,
    .pure-u-md-11-24,
    .pure-u-md-12-24,
    .pure-u-md-13-24,
    .pure-u-md-14-24,
    .pure-u-md-15-24,
    .pure-u-md-16-24,
    .pure-u-md-17-24,
    .pure-u-md-18-24,
    .pure-u-md-19-24,
    .pure-u-md-20-24,
    .pure-u-md-21-24,
    .pure-u-md-22-24,
    .pure-u-md-23-24,
    .pure-u-md-24-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-md-1-24 {
        width: 4%;
        *width: 4%;
    }

    .pure-u-md-1-12,
    .pure-u-md-2-24 {
        width: 8%;
        *width: 8%;
    }

    .pure-u-md-1-8,
    .pure-u-md-3-24 {
        width: 12%;
        *width: 12%;
    }

    .pure-u-md-1-6,
    .pure-u-md-4-24 {
        width: 16%;
        *width: 16%;
    }

    .pure-u-md-1-5 {
        width: 19%;
        *width: 19%;
    }

    .pure-u-md-5-24 {
        width: 19.5%;
        *width: 19.5%;
    }

    .pure-u-md-1-4,
    .pure-u-md-6-24 {
        width: 24%;
        *width: 24%;
    }

    .pure-u-md-7-24 {
        width: 29%;
        *width: 29%;
    }

    .pure-u-md-1-3,
    .pure-u-md-8-24 {
        width: 33%;
        *width: 33%;
    }

    .pure-u-md-3-8,
    .pure-u-md-9-24 {
        width: 37%;
        *width: 37%;
    }

    .pure-u-md-2-5 {
        width: 39%;
        *width: 39%;
    }

    .pure-u-md-5-12,
    .pure-u-md-10-24 {
        width: 41%;
        *width: 41%;
    }

    .pure-u-md-11-24 {
        width: 45%;
        *width: 45%;
    }

    .pure-u-md-1-2,
    .pure-u-md-12-24 {
        width: 49%;
        *width: 49%;
    }

    .pure-u-md-13-24 {
        width: 54%;
        *width: 54%;
    }

    .pure-u-md-7-12,
    .pure-u-md-14-24 {
        width: 58%;
        *width: 58%;
    }

    .pure-u-md-3-5 {
        width: 60%;
        *width: 59%;
    }

    .pure-u-md-5-8,
    .pure-u-md-15-24 {
        width: 62%;
        *width: 62%;
    }

    .pure-u-md-2-3,
    .pure-u-md-16-24 {
        width: 66%;
        *width: 66%;
    }

    .pure-u-md-17-24 {
        width: 70%;
        *width: 70%;
    }

    .pure-u-md-3-4,
    .pure-u-md-18-24 {
        width: 75%;
        *width: 74%;
    }

    .pure-u-md-19-24 {
        width: 79%;
        *width: 79%;
    }

    .pure-u-md-4-5 {
        width: 80%;
        *width: 79%;
    }

    .pure-u-md-5-6,
    .pure-u-md-20-24 {
        width: 83%;
        *width: 83%;
    }

    .pure-u-md-7-8,
    .pure-u-md-21-24 {
        width: 87%;
        *width: 87%;
    }

    .pure-u-md-11-12,
    .pure-u-md-22-24 {
        width: 91%;
        *width: 91%;
    }

    .pure-u-md-23-24 {
        width: 95%;
        *width: 95%;
    }

    .pure-u-md-1,
    .pure-u-md-1-1,
    .pure-u-md-5-5,
    .pure-u-md-24-24 {
        width: 100%;
    }
}

@media screen and (min-width: 64em) {
    .pure-u-lg-1,
    .pure-u-lg-1-1,
    .pure-u-lg-1-2,
    .pure-u-lg-1-3,
    .pure-u-lg-2-3,
    .pure-u-lg-1-4,
    .pure-u-lg-3-4,
    .pure-u-lg-1-5,
    .pure-u-lg-2-5,
    .pure-u-lg-3-5,
    .pure-u-lg-4-5,
    .pure-u-lg-5-5,
    .pure-u-lg-1-6,
    .pure-u-lg-5-6,
    .pure-u-lg-1-8,
    .pure-u-lg-3-8,
    .pure-u-lg-5-8,
    .pure-u-lg-7-8,
    .pure-u-lg-1-12,
    .pure-u-lg-5-12,
    .pure-u-lg-7-12,
    .pure-u-lg-11-12,
    .pure-u-lg-1-24,
    .pure-u-lg-2-24,
    .pure-u-lg-3-24,
    .pure-u-lg-4-24,
    .pure-u-lg-5-24,
    .pure-u-lg-6-24,
    .pure-u-lg-7-24,
    .pure-u-lg-8-24,
    .pure-u-lg-9-24,
    .pure-u-lg-10-24,
    .pure-u-lg-11-24,
    .pure-u-lg-12-24,
    .pure-u-lg-13-24,
    .pure-u-lg-14-24,
    .pure-u-lg-15-24,
    .pure-u-lg-16-24,
    .pure-u-lg-17-24,
    .pure-u-lg-18-24,
    .pure-u-lg-19-24,
    .pure-u-lg-20-24,
    .pure-u-lg-21-24,
    .pure-u-lg-22-24,
    .pure-u-lg-23-24,
    .pure-u-lg-24-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-lg-1-24 {
        width: 4%;
        *width: 4%;
    }

    .pure-u-lg-1-12,
    .pure-u-lg-2-24 {
        width: 8%;
        *width: 8%;
    }

    .pure-u-lg-1-8,
    .pure-u-lg-3-24 {
        width: 12%;
        *width: 12%;
    }

    .pure-u-lg-1-6,
    .pure-u-lg-4-24 {
        width: 16%;
        *width: 16%;
    }

    .pure-u-lg-1-5 {
        width: 19%;
        *width: 19%;
    }

    .pure-u-lg-5-24 {
        width: 19.5%;
        *width: 19.5%;
    }

    .pure-u-lg-1-4,
    .pure-u-lg-6-24 {
        width: 24%;
        *width: 24%;
    }

    .pure-u-lg-7-24 {
        width: 29%;
        *width: 29%;
    }

    .pure-u-lg-1-3,
    .pure-u-lg-8-24 {
        width: 33%;
        *width: 33%;
    }

    .pure-u-lg-3-8,
    .pure-u-lg-9-24 {
        width: 37%;
        *width: 37%;
    }

    .pure-u-lg-2-5 {
        width: 39%;
        *width: 39%;
    }

    .pure-u-lg-5-12,
    .pure-u-lg-10-24 {
        width: 41%;
        *width: 41%;
    }

    .pure-u-lg-11-24 {
        width: 45%;
        *width: 45%;
    }

    .pure-u-lg-1-2,
    .pure-u-lg-12-24 {
        width: 49%;
        *width: 49%;
    }

    .pure-u-lg-13-24 {
        width: 54%;
        *width: 54%;
    }

    .pure-u-lg-7-12,
    .pure-u-lg-14-24 {
        width: 58%;
        *width: 58%;
    }

    .pure-u-lg-3-5 {
        width: 60%;
        *width: 59%;
    }

    .pure-u-lg-5-8,
    .pure-u-lg-15-24 {
        width: 62%;
        *width: 62%;
    }

    .pure-u-lg-2-3,
    .pure-u-lg-16-24 {
        width: 66%;
        *width: 66%;
    }

    .pure-u-lg-17-24 {
        width: 70%;
        *width: 70%;
    }

    .pure-u-lg-3-4,
    .pure-u-lg-18-24 {
        width: 75%;
        *width: 74%;
    }

    .pure-u-lg-19-24 {
        width: 79%;
        *width: 79%;
    }

    .pure-u-lg-4-5 {
        width: 80%;
        *width: 79%;
    }

    .pure-u-lg-5-6,
    .pure-u-lg-20-24 {
        width: 83%;
        *width: 83%;
    }

    .pure-u-lg-7-8,
    .pure-u-lg-21-24 {
        width: 87%;
        *width: 87%;
    }

    .pure-u-lg-11-12,
    .pure-u-lg-22-24 {
        width: 91%;
        *width: 91%;
    }

    .pure-u-lg-23-24 {
        width: 95%;
        *width: 95%;
    }

    .pure-u-lg-1,
    .pure-u-lg-1-1,
    .pure-u-lg-5-5,
    .pure-u-lg-24-24 {
        width: 100%;
    }
}

@media screen and (min-width: 80em) {
    .pure-u-xl-1,
    .pure-u-xl-1-1,
    .pure-u-xl-1-2,
    .pure-u-xl-1-3,
    .pure-u-xl-2-3,
    .pure-u-xl-1-4,
    .pure-u-xl-3-4,
    .pure-u-xl-1-5,
    .pure-u-xl-2-5,
    .pure-u-xl-3-5,
    .pure-u-xl-4-5,
    .pure-u-xl-5-5,
    .pure-u-xl-1-6,
    .pure-u-xl-5-6,
    .pure-u-xl-1-8,
    .pure-u-xl-3-8,
    .pure-u-xl-5-8,
    .pure-u-xl-7-8,
    .pure-u-xl-1-12,
    .pure-u-xl-5-12,
    .pure-u-xl-7-12,
    .pure-u-xl-11-12,
    .pure-u-xl-1-24,
    .pure-u-xl-2-24,
    .pure-u-xl-3-24,
    .pure-u-xl-4-24,
    .pure-u-xl-5-24,
    .pure-u-xl-6-24,
    .pure-u-xl-7-24,
    .pure-u-xl-8-24,
    .pure-u-xl-9-24,
    .pure-u-xl-10-24,
    .pure-u-xl-11-24,
    .pure-u-xl-12-24,
    .pure-u-xl-13-24,
    .pure-u-xl-14-24,
    .pure-u-xl-15-24,
    .pure-u-xl-16-24,
    .pure-u-xl-17-24,
    .pure-u-xl-18-24,
    .pure-u-xl-19-24,
    .pure-u-xl-20-24,
    .pure-u-xl-21-24,
    .pure-u-xl-22-24,
    .pure-u-xl-23-24,
    .pure-u-xl-24-24 {
        display: inline-block;
        *display: inline;
        zoom: 1;
        letter-spacing: normal;
        word-spacing: normal;
        vertical-align: top;
        text-rendering: auto;
    }

    .pure-u-xl-1-24 {
        width: 4%;
        *width: 4%;
    }

    .pure-u-xl-1-12,
    .pure-u-xl-2-24 {
        width: 8%;
        *width: 8%;
    }

    .pure-u-xl-1-8,
    .pure-u-xl-3-24 {
        width: 12%;
        *width: 12%;
    }

    .pure-u-xl-1-6,
    .pure-u-xl-4-24 {
        width: 16%;
        *width: 16%;
    }

    .pure-u-xl-1-5 {
        width: 19%;
        *width: 19%;
    }

    .pure-u-xl-5-24 {
        width: 19.5%;
        *width: 19.5%;
    }

    .pure-u-xl-1-4,
    .pure-u-xl-6-24 {
        width: 24%;
        *width: 24%;
    }

    .pure-u-xl-7-24 {
        width: 29%;
        *width: 29%;
    }

    .pure-u-xl-1-3,
    .pure-u-xl-8-24 {
        width: 33%;
        *width: 33%;
    }

    .pure-u-xl-3-8,
    .pure-u-xl-9-24 {
        width: 37%;
        *width: 37%;
    }

    .pure-u-xl-2-5 {
        width: 40%;
        *width: 39%;
    }

    .pure-u-xl-5-12,
    .pure-u-xl-10-24 {
        width: 41%;
        *width: 41%;
    }

    .pure-u-xl-11-24 {
        width: 45%;
        *width: 45%;
    }

    .pure-u-xl-1-2,
    .pure-u-xl-12-24 {
        width: 49%;
        *width: 49%;
    }

    .pure-u-xl-13-24 {
        width: 54%;
        *width: 54%;
    }

    .pure-u-xl-7-12,
    .pure-u-xl-14-24 {
        width: 58%;
        *width: 58%;
    }

    .pure-u-xl-3-5 {
        width: 60%;
        *width: 59%;
    }

    .pure-u-xl-5-8,
    .pure-u-xl-15-24 {
        width: 62%;
        *width: 62%;
    }

    .pure-u-xl-2-3,
    .pure-u-xl-16-24 {
        width: 66%;
        *width: 66%;
    }

    .pure-u-xl-17-24 {
        width: 70%;
        *width: 70%;
    }

    .pure-u-xl-3-4,
    .pure-u-xl-18-24 {
        width: 75%;
        *width: 74%;
    }

    .pure-u-xl-19-24 {
        width: 79%;
        *width: 79%;
    }

    .pure-u-xl-4-5 {
        width: 80%;
        *width: 79%;
    }

    .pure-u-xl-5-6,
    .pure-u-xl-20-24 {
        width: 83%;
        *width: 83%;
    }

    .pure-u-xl-7-8,
    .pure-u-xl-21-24 {
        width: 87%;
        *width: 87%;
    }

    .pure-u-xl-11-12,
    .pure-u-xl-22-24 {
        width: 91%;
        *width: 91%;
    }

    .pure-u-xl-23-24 {
        width: 95%;
        *width: 95%;
    }

    .pure-u-xl-1,
    .pure-u-xl-1-1,
    .pure-u-xl-5-5,
    .pure-u-xl-24-24 {
        width: 100%;
    }
}

 
html, body {
width:100%;height:100%;margin: 0; 
}

body 
{
  padding: 0;
  font-size: 9pt;
  overflow:hidden;
  font-family: 'Segoe UI',Arial,"Microsoft YaHei",SimHei,sans-serif;
}

/*
 
.bbit-tree-node .bbit-tree-selected  .bbit-tree-ec-icon{
    background-color: transparent!important;
}


.bbit-tree-selected  .bbit-tree-elbow-end-minus
{
    background-color: transparent!important;
}


.bbit-tree-selected .bbit-tree-elbow-plus{
    background-color: transparent!important;
}

.bbit-tree-selected .bbit-tree-elbow-end-plus
{

    background-color: transparent!important;
}

 */

div, ul,  li, button,  p, th, td
{
    margin: 0;padding: 0;
}

form {
width:100%;height:100%;
}

input,select
{
    height:24px;
    padding-top:6px \9;
    line-height:100%;
    vertical-align:middle;

}

select {
border:1px solid #d6d6d6;
}

textarea
{
	vertical-align:middle;

    outline: none;
}


table
{
	border-collapse:separate;
	border-spacing: 0;
}

.edit-autocomplete
{
    background:url(ui/images/edit_autocomplete.gif) no-repeat right center
}




.wh100{width:100%;height:100%; }
.h100{height:100%; }
.w100{width:100%; }

*,
*:before,
*:after { box-sizing: border-box; }


.flexcolumn {
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.flexrow {
    display: flex;
    flex-flow: column nowrap;
    align-items: center
}

.flexauto {
    flex: 0 0 auto;
}

.flexgrow {
    flex: 1 1 auto;
}



.frow {
    display: flex;
    flex-flow: row nowrap;
    align-items: center
}

.fl {
    width: 6em;
}

.fr {
    flex: 1 1 auto;
}

.fbox {
    display:-webkit-flex;
    display: flex;
    border: 1px solid white;
    height: 100%;
    width: 100%;
    
    flex-flow: column nowrap;
}

.fauto {
    flex: 0 0 auto;
}

.fgrow {
    flex: 1 1 auto;
}



a {text-decoration:none;}

/* 查询框的DIV */
.searchclass
{
	padding:4px 10px;
	border-top:1px solid #dfdfdf;
	border-left:1px solid #dfdfdf;
	border-right:1px solid #dfdfdf;
	display:none;
}



.table-index
{     
    width:100%;
    height:100%;
    table-layout:fixed;
    border:solid 1px #ccc;
}
.table-index #left
{   
    height:100%;   
}
.table-index .lefttreediv
{   
    height:100%;
    width:100%;
}

.txt {
    width: 100%;
    padding-top: 6px \9;
    padding-left: 3px;
    border: 1px solid #d6d6d6;
}

/*编辑页面FREEFORM*/
.maingriddiv
{
	width:100%;
	height:100%;
	overflow:hidden;
	
}

.wh100{width:100%;height:100%; }
.h100{height:100%; }
.w100{width:100%; }

.searchtxt
{
     width:100%; height:100%; border:1px solid #dfdfdf!important;
}

/*编辑框*/
.editformdiv 
{
    /*padding-right:10px;*/
    padding:5px 5px 5px 5px;
}

.editformdiv fieldset
{
	border:none;

	padding: 0px;margin-top:6px; 

}
 

.editformdiv legend
{
    margin-left:1px;
    margin-top:4px;
    font-size: 14px;
    color:#333333;
    padding:0 0 0 9px;
    font-weight:bold;
    position: relative;
}


.editformdiv legend:before {
    content: " ";
    height: 16px;
    width: 3px;
    background-color: #666;
    position: absolute;
    left: 0;
    top: 3px;
}



.editform-table
{
    table-layout:fixed;
    width:100%;
}


.editform-table td
{
    padding:2px 2px;
    vertical-align:middle;
    
}

.editform-table .txt
{
     width:100%;
     padding-left:4px;outline:none;
}


.editform-table textarea
{
    
    width:100%; border:1px solid #d6d6d6;box-sizing: border-box;outline:none;
}
.editform-table .col-name
{
    text-align:right;    
    text-align:right;
	width:6%;
	color:#1f2227;
}
.editform-table .col-value
{
    width:10%;   
}


.readonly
{
   background:#efefef!important;color:#bbbbbb;
}
.notnull
{
   background-color:#ffffcc;
}

.notnull_span
{
    color:Red;
}
.toolbar
{
    height: 40px;
    background-color:#f9fbff;
}

div.toolbar
{  
    display: flex;
    align-items: center;
}


.toolbar a
{
    float:left;
}

.toolbar-split{
	float:left;
	height:24px;
	border-left:1px solid #ccc;
	border-right:1px solid #fff;
	margin:2px 1px;
}

.toolbarright
{
    height:40px;
    text-align:center;
}

 .toolbarright input, .toolbarright textarea , .toolbarright select
{
    height:20px;
	padding:2px;	
}

a.upload_button
{
    cursor: pointer;
    transition: all .3s cubic-bezier(.645,.045,.355,1);
    text-decoration:none;
    color:rgba(0,0,0,0.65)!important;
}
    
a.upload_button:hover,a.upload_button:active
{
    color:Red!important;
}
    
    
a.upload_link
{
   padding-left:16px;
   padding-bottom:2px;
   text-decoration:none;
   color:#0b3b8c;
}
    
a.upload_link:hover,a.upload_link:active
{
   color:#0b3b8c;       
   text-decoration:underline;
}
    
.upload_filelist
{
    width:100%;height:100%;   
}


#loadinginfo
{   
}


.bigloading
{
    position:absolute;
    top:50%;
    left:50%;
    width:150px;
    height:100px;
    margin-top:-50px;
    padding-top:10px;
    margin-left:-75px;
    text-align:center;
    background-color:rgb(255,255,255) !important;
    border-radius: 2px;
    box-shadow: 0px 0px 5px #888888;
    z-index:101;
    transition: all .3s ease-out;
}


.bigloading_mask
{
    z-index:100;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(255,255,255,0)

}
.bigloading-circle{

    transition: all .3s ease-out;
}

.bigloading-text{
    margin-top:10px;
    color:#4975ff;
    text-align:center;
    transition: all .3s ease-out;
}

[data-loader] {
    margin-left: 45px;

}

[data-loader=circle] {
    width: 50px;
    height: 50px;
    animation: circle infinite .75s linear;
    border: 3px solid #4975ff;
    border-top-color: transparent;
    border-radius: 100%
}

[data-loader=circle-side] {
    position: relative;
    width: 25px;
    height: 25px;
    -webkit-animation: circle infinite .75s linear;
    -moz-animation: circle infinite .75s linear;
    -o-animation: circle infinite .75s linear;
    animation: circle infinite .75s linear;
    border: 2px solid #fff;
    border-top-color: rgba(0, 0, 0, .2);
    border-right-color: rgba(0, 0, 0, .2);
    border-bottom-color: rgba(0, 0, 0, .2);
    border-radius: 100%
}


@keyframes circle {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}



#left
{
    border-spacing:0px;
    background-color: #FFFFFF;
    height: 100%;
    vertical-align: top;
    table-layout:fixed;
}

#right
{
    background-color: #FFFFFF;
    /*border: 1px solid #ccc;*/
    height: 100%;
    overflow: auto;
    vertical-align: top;
    table-layout:fixed;
}

.MyTab{height: 27px;}
.MyTab table{margin: 0px;padding: 0px;}
.MyTab-title{display: block;cursor: pointer; padding-left :5px; padding-right:5px; text-align: center;border-bottom: 1px solid #ccc;}
.MyTab td.hover{background: #fff; padding-left :5px; padding-right:5px; border: 1px solid #ccc;border-bottom: none;color: #739242;height: 27px;}

.tabs li{cursor: pointer;}


.icon-flag-red { background: url('ui/images/icon_flag_red.png') no-repeat 50% 60%; }
.icon-flag-green { background: url('ui/images/FormatAsTable.png') no-repeat 50% 60%; display:block; }

  a.pbtn 
    {
        display:block;
        width:30px;
        height:24px;
    background-color: #f5f5f5;
    cursor: pointer;
    border-top: solid 1px #bebebe;
    border-left: solid 1px #bebebe;
    border-bottom: solid 1px #bebebe;
    border-right: solid 1px #bebebe;
    padding: 3px 3px;       
    }

    a.pbtn-down {
     background-color: #ff6600;
   
    }

.econode {
	position: absolute;
	text-overflow: clip;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: xx-small;
	padding: 2px;
}

a.ecolink:visited {
	text-decoration: none;	
	color: black;
}

a.ecolink:hover {
	text-decoration: underline;
}

.autocomplete
{
    background: url(ui/images/edit_autocomplete.gif) no-repeat right center;
}

.tr {
text-align:right;
}

.tl {
text-align:left;
}

.icon-add1 { background: transparent url('ui/images/btn_add.gif') no-repeat; }
.icon-addbatch { background: transparent url('ui/images/btn_addbatch.gif') no-repeat; }
.icon-home1 { background: url('ui/images/btn_home1.png') no-repeat; }
.icon-home2 { background: url('ui/images/btn_home2.gif') no-repeat; }
 .icon-logout { background: url('ui/images/btn_logout.png') no-repeat; }
.icon-info { background: url('ui/images/btn_info.png') no-repeat; }
.icon-grsz { background: url('ui/images/btn_grsz.png') no-repeat; }
.icon-reload { background: url('ui/images/btn_reload.png') no-repeat; }
.icon-exp { background: url('ui/images/btn_exp.gif') no-repeat; }
.icon-save { background: url('ui/images/btn_save.gif') no-repeat; }
.icon-home { background: url('ui/images/btn_home.png') no-repeat; }
.icon-edit { background: url('ui/images/btn_edit2.gif') no-repeat; }
 .icon-del { background: url('ui/images/btn_del1.gif') no-repeat; }



 .icon-seluser { background: url('ui/images/acontrast.gif') no-repeat; }
.icon-remove { background: url('ui/images/btn_del1.gif') no-repeat; }
 
.icon-undo { background: url('ui/images/aundo.gif') no-repeat; }
.icon-no { background: url('ui/images/ano.gif') no-repeat; }
.icon-perfect { background: url('ui/images/aperfect.png') no-repeat; }
.icon-lock { background: url('ui/images/alock.gif') no-repeat; }
.icon-unlock { background: url('ui/images/aunlock.gif') no-repeat; }
.icon-print { background: url('ui/images/aprint.gif') no-repeat; }
.icon-search { background: url('ui/images/asearch.gif') no-repeat; }
.icon-preview { background: url('ui/images/apreview.gif') no-repeat; }
.icon-done { background: url('ui/images/adone.gif') no-repeat; }
.icon-audit { background: url('ui/images/aaudit.gif') no-repeat; }
.icon-help { background: url('ui/images/ahelp.gif') no-repeat; }
.icon-analysis { background: url('ui/images/aicon_analysis.gif') no-repeat; }
.icon-back {background:url('ui/images/aicon_arrow_left.gif') no-repeat  left top; }
.icon-next {  background:url('ui/images/aicon_arrow_right.gif') no-repeat  left top; }

.icon-modify { background: url('ui/images/amodify.gif') no-repeat; }
.icon-up { background: url('ui/images/aup.png') no-repeat; }
.icon-down { background: url('ui/images/adown.png') no-repeat; }
.icon-copy { background: url('ui/images/acopy.gif') no-repeat; }
.icon-cancel { background: url('ui/images/acancel.gif') no-repeat; }
.icon-cascade { background: url('icon/application_cascade.png') no-repeat; }
.icon-trash { background: url('ui/images/aTrash.gif') no-repeat; }
.icon-clearcache { background: url('ui/images/aClearCache.gif') no-repeat; }
.icon-fileup { background: url('ui/images/afileup.gif') no-repeat; }
.icon-searchtree { background: url('ui/images/asearchtree.gif') no-repeat; }
.icon-fold { background: url('tree/folder.gif') no-repeat; }
.icon-file-bmp { background: url('ui/images/file_bmp.gif') no-repeat left top; }
.icon-file-doc { background: url('ui/images/file_doc.gif') no-repeat left top; }
.icon-file-docx { background: url('ui/images/file_docx.gif') no-repeat; }
.icon-file-flv { background: url('ui/images/file_flv.gif') no-repeat left top; }

.icon-file-gif { background: url('ui/images/file_gif.gif') no-repeat left top; }

.icon-file-jpg { background: url('ui/images/file_jpg.gif') no-repeat left top; }

.icon-file-png { background: url('ui/images/file_png.gif') no-repeat left top; }

.icon-file-pdf { background: url('ui/images/file_pdf.gif') no-repeat left top; }

.icon-file-ppt { background: url('ui/images/file_ppt.gif') no-repeat left top; }

.icon-file-pptx { background: url('ui/images/file_pptx.gif') no-repeat left top; }

.icon-file-rar { background: url('ui/images/file_rar.gif') no-repeat left top; }

.icon-file-txt { background: url('ui/images/file_txt.gif') no-repeat left top; }

.icon-file-unknown { background: url('ui/images/file_unknown.gif') no-repeat left top; }

.icon-file-xls { background: url('ui/images/file_xls.gif') no-repeat left top; }

.icon-file-xlsx { background: url('ui/images/file_xlsx.gif') no-repeat left top; }

.icon-file-xml { background: url('ui/images/file_xml.gif') no-repeat left top; }
.icon-bar { background: url('ui/images/chart_bar.png') no-repeat left top; }
.icon-line { background: url('ui/images/chart_curve.png') no-repeat left top; }
.icon-pie { background: url('ui/images/chart_pie.png') no-repeat left top; }
.icon-control { background: url('ui/images/control.png') no-repeat left top; }


.icon-other { background: url('ui/images/btn_other.gif') no-repeat left top; }

.icon-menulist { background: url('ui/images/btn_menulist.gif') no-repeat left top; }

.icon-move { background: url('ui/images/btn_move.gif') no-repeat left top; }

.icon-setup { background: url('ui/images/btn_setup.png') no-repeat left top; }

.icon-import { background: url('ui/images/btn_import.png') no-repeat left top; }


.icon-list { background: url('ui/images/btn_list.gif') no-repeat left top; }


.icon-toleft { background: url('img/toleftright.gif') no-repeat 0 -37px; }
.icon-toright { background: url('img/toleftright.gif') no-repeat 0 0px; }

.icon-toleft-all { background: url('img/toleftright.gif') no-repeat 0 -55px; }
.icon-toright-all { background: url('img/toleftright.gif') no-repeat 0 -19px; }

.icon-toup { background: url('img/toupdown.gif') no-repeat 0px -37px; }
.icon-todown { background: url('img/toupdown.gif') no-repeat 0px -67px;  }

.icon-toup-all { background: url('img/toupdown.gif') no-repeat 0px -6px; }
.icon-todown-all { background: url('img/toupdown.gif') no-repeat 0px -96px }

.icon-app-split { background: url('img/application_split.png')  no-repeat left top; }
.icon-batchset { background: url('ui/images/batchSetting.png') no-repeat left top;
}

.icon-up
{
     background:url('ui/images/btn_down.gif') no-repeat  left top;
}

.icon-down
{
     background:url('ui/images/btn_up.gif') no-repeat  left top;
}

.icon-gonext
{
     background:url('ui/images/aicon_arrow_right.gif') no-repeat  left top;
}

.icon-goprior
{
     background:url('ui/images/aicon_arrow_left.gif') no-repeat  left top;
}

.icon-mailReply{
	background:url('ui/images/mailbtn.gif') no-repeat 0px 0px;
}
.icon-mailReplyAll{
	background:url('ui/images/mailbtn.gif') no-repeat 0px -30px;
}
.icon-mailForward{
	background:url('ui/images/mailbtn.gif') no-repeat 0px -60px;
}
.icon-mailShiftDEL{
	background:url('ui/images/mailbtn.gif') no-repeat 0px -90px;
}
.icon-mailEdit{
	background:url('ui/images/mailbtn.gif') no-repeat 0px -150px;
}
.icon-mailDel{
	background:url('ui/images/mailbtn.gif') no-repeat 0px -90px;
}
.icon-mailReturn{
	background:url('ui/images/mailbtn.gif') no-repeat 0px -180px;
}
.icon-MailFeedBack{
	background:url('ui/images/mailbtn.gif') no-repeat 0px -210px;
}
.icon-mailRollback{
	background:url('ui/images/mailbtn.gif') no-repeat 0px -240px;
}
.icon-mailMoveto{
	background:url('ui/images/mailbtn.gif') no-repeat 0px -120px;
}
.icon-mailsend{
	background:url('ui/images/mailbtn.gif') no-repeat 0px -270px;
}
.icon-selectuser{
	background:url('ui/images/mailbtn.gif') no-repeat 0px -300px;
}

.icon-scmdistribution
{
	background:url('ui/images/basket_go.gif') no-repeat;
}

.icon-db
{
	background:url('ui/images/menuicon.png') no-repeat 0px -62px;
}

.mailread
{
    width:16px;
    height:20px;
    padding:0px;

    background:url('ui/images/newoldmail.gif') no-repeat;
    background-position:-4px -24px; display:block;float:left;
}
.mailunread
{
    width:16px;
    height:20px;
    padding:0px;
    background:url('ui/images/newoldmail.gif') no-repeat;
    background-position:-4px 2px;display:block;float:left;
}
.icon-newmailfold{
	background:url('ui/images/mailfold.gif') no-repeat 0px -180px;
}
.icon-editmailfold{
	background:url('ui/images/mailfold.gif') no-repeat 0px -210px;
}
.icon-mailfold{
	background:url('ui/images/mailfold.gif') no-repeat 0px -120px;
}

.icon-secretfold{
	background:url('ui/images/mailfold.gif') no-repeat 0px -420px;
}

.icon-copy { background: url('ui/images/icon_copy.png') no-repeat left top; }
.icon-cut { background: url('ui/images/icon_cut.png') no-repeat left top; }
.icon-cut-red { background: url('ui/images/icon_cut_red.png') no-repeat left top; }
.icon-paste { background: url('ui/images/icon_paste.png') no-repeat left top; }
.icon-redo { background: url('ui/images/icon_redo.png') no-repeat left top; }
.icon-undo { background: url('ui/images/icon_undo.png') no-repeat left top; }
.icon-swap { background: url('ui/images/icon_swap.png') no-repeat left top; }
.icon-flag-green2 {
    background: url('ui/images/FormatAsTable.png') no-repeat left top;
} 
.icon-action { background: url('ui/images/icon_action.png') no-repeat; }
.icon-flownext { background: url('ui/images/icon_action.png') no-repeat; }

.icon-open { background: url('ui/images/afile_open.png') no-repeat; }


.icon-select { background: url('ui/images/agroup.gif') no-repeat; }

.icon-stop { background: url('ui/images/aerror.gif') no-repeat; }

.icon-p {
    background: url('img/btn_prev.gif') no-repeat;
    zoom: 1;
    cursor: pointer;
    outline: none;
    outline: none;
    text-decoration: none;
    display: inline-block;
    width: 6px;
    height: 16px;
}
.icon-n {
    background: url('img/btn_next.gif') no-repeat;
    zoom: 1;
    cursor: pointer;
    outline: none;
    outline: none;
    text-decoration: none;
    display: inline-block;
    width: 6px;
    height: 16px;
}

.icon-btn_menulist {
    background: url('ui/images/btn_menulist.gif') no-repeat;
    zoom:1;
	height:24px;
	padding-right:12px;
	cursor:pointer;
	outline:none;
	padding-left:2px;
	outline: none;
    font-size:12px;
	text-decoration:none;
	display:inline-block;
}
    .opentreebtn
    {
	    cursor:pointer; position:absolute;border:none; 
	    background:Transparent url('ui/images/menu_downarrow.png') no-repeat center center; width:19px;height:19px;
	    margin-right:5px;
    }

    .bigloading_mask
{
    z-index:100;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:block;
        background-color:#e8e8e8;
        opacity:0.5;
        filter:alpha(opacity=50);

}

    .upload_item
    {
        /*white-space:nowrap;*/
    }

    .upload_delspan
    {       
        right:0px;
        top:0px;
        margin-right:-5px;
        margin-top:-5px;
        width:16px;
        height:16px;
        cursor:pointer;
        position:absolute; 
        display:none;      
    }
    
    .upload_filelist
    {
       margin:0 auto;
      text-align:left;
    }
   .upload_pic
   {
       
   } 

   .mod_header{font:17px/21px -apple-system-font!important;font-weight:bold;border-bottom:1px solid #bfbfc4;position:relative;height:45px;background-color:#f9f9f9;}
.mod_header .header_left{position:absolute;left:0;top:0;}
.mod_header .header_right{position:absolute;right:0;top:0;}
.mod_header h1{position: absolute;
    line-height: 45px;
    color: #000;
    width: 100%;
    left: 0px;
    padding: 0px 20px;
    font-size: 18px;
    text-overflow: ellipsis;
    font-weight: normal;
    text-align: center;}
.mod_header .btn_mode_header{display: inline-block;
    border: none;
    cursor: pointer;color:#0079ff;padding-left:10px;padding-right:10px;line-height:45px;}
.mod_header .btn_back{padding:0 10px;}
.mod_header .btn_back .arrow{height:45px;margin-top:-10px;vertical-align:middle;}   
.arrow { display: inline-block; width: 15px; height: 50px;}
.arrow .top_square, .arrow .bottom_square {
    width: 10px;height: 10px; display: block; margin-top: 13px; background-color: transparent; border-right: 2px solid #ccc;
}

.arrow_left .bottom_square {
    margin-top: 4px;-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);transform: rotate(-45deg);
}

.arrow_left .top_square {
    -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);
}

.arrow_blue .top_square, .arrow_blue .bottom_square {
    border-right: 2px solid #0079ff;
}







.next-btn {
    position: relative;
    display: inline-block;
    font-style: normal;
    font-family: inherit;
    background: transparent;
    cursor: pointer;
    -webkit-transition: color .3s ease-out;
    transition: color .3s ease-out;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 2px;
    border-style: solid;
    text-align: center;
    margin-left:5px;
}

.next-btn,
.next-btn:active,
.next-btn:focus {
    outline: 0
}

.next-btn.disabled,
.next-btn[disabled] {
    background-color: #fafafa;
    border-color: #dbdbdb
}

.next-btn.disabled,
.next-btn.disabled.visited,
.next-btn.disabled:link,
.next-btn.disabled:visited,
.next-btn[disabled],
.next-btn[disabled].visited,
.next-btn[disabled]:link,
.next-btn[disabled]:visited {
    color: #999
}

.next-btn.disabled.active,
.next-btn.disabled.hover,
.next-btn.disabled:active,
.next-btn.disabled:focus,
.next-btn.disabled:hover,
.next-btn[disabled].active,
.next-btn[disabled].hover,
.next-btn[disabled]:active,
.next-btn[disabled]:focus,
.next-btn[disabled]:hover {
    color: #999;
    background-color: #fafafa;
    border-color: #dbdbdb;
    text-decoration: none
}

.next-btn[disabled] {
    cursor: not-allowed
}

.next-btn:after {
    text-align: center;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease
}

.next-btn-primary {
    border-style: solid;
    background-color: #4975ff;
    border-color: transparent
}

.next-btn-primary,
.next-btn-primary.visited,
.next-btn-primary:link,
.next-btn-primary:visited {
    color: #fff
}

.next-btn-primary.active,
.next-btn-primary.hover,
.next-btn-primary:active,
.next-btn-primary:focus,
.next-btn-primary:hover {
    color: #fff;
    background-color: #4979FF;
    border-color: transparent;
    text-decoration: none
}






.next-btn-secondary {
    border-style: solid;
    background-color: #fff;
    border-color: #4975ff
}

.next-btn-secondary,
.next-btn-secondary.visited,
.next-btn-secondary:link,
.next-btn-secondary:visited {
    color: #4975ff
}

.next-btn-secondary.active,
.next-btn-secondary.hover,
.next-btn-secondary:active,
.next-btn-secondary:focus,
.next-btn-secondary:hover {
    color: #fff;
    background-color: #4975ff;
    border-color: #4975ff;
    text-decoration: none
}


.next-btn-three {
    border-style: solid;
    background-color: #52c41a;
    border-color: transparent
}

.next-btn-three,
.next-btn-three.visited,
.next-btn-three:link,
.next-btn-three:visited {
    color: #fff
}

.next-btn-three.active,
.next-btn-three.hover,
.next-btn-three:active,
.next-btn-three:focus,
.next-btn-three:hover {
    color: #fff;
    background-color: #52c41a;
    border-color: transparent;
    text-decoration: none
}

.next-btn-red {
    border-style: solid;
    background-color: #fff;
    border-color: #db5860
}

.next-btn-red,
.next-btn-red.visited,
.next-btn-red:link,
.next-btn-red:visited {
    color: #db5860
}

.next-btn-red.active,
.next-btn-red.hover,
.next-btn-red:active,
.next-btn-red:focus,
.next-btn-red:hover {
    color: #fff;
    background-color: #db5860;
    border-color: #db5860;
    text-decoration: none
}


.next-btn-four {
    border-style: solid;
    background-color: #db5860;
    border-color: transparent
}

.next-btn-four,
.next-btn-four.visited,
.next-btn-four:link,
.next-btn-four:visited {
    color: #fff
}

.next-btn-four.active,
.next-btn-four.hover,
.next-btn-four:active,
.next-btn-four:focus,
.next-btn-four:hover {
    color: #fff;
    background-color: #e37981;
    border-color: transparent;
    text-decoration: none
}

.next-btn-normal {
    border-style: solid;
    background-color: #fff;
    border-color: #ccc;
}

.next-btn-normal,
.next-btn-normal.visited,
.next-btn-normal:link,
.next-btn-normal:visited {
    color: #555
}

.next-btn-normal.active,
.next-btn-normal.hover,
.next-btn-normal:active,
.next-btn-normal:focus,
.next-btn-normal:hover {
    color: #333;
    background-color: #f4f4f4;
    border-color: #959595;
    text-decoration: none
}

.next-btn-small {
    margin-left: 5px;
    height: 24px;
    padding: 0 12px;
    font-size: 14px;
    line-height: 22px;
    border-width: 1px
}

.next-btn-small>.next-icon-first {
    margin-left: 0;
    margin-right: 4px
}

.next-btn-small>.next-icon-first:before {
    width: 12px;
    font-size: 12px;
    line-height: inherit
}

.next-btn-small>.next-icon-last {
    margin-left: 4px;
    margin-right: 0
}

.next-btn-small>.next-icon-alone:before,
.next-btn-small>.next-icon-last:before,
.next-btn-small>.next-icon-split:before {
    width: 12px;
    font-size: 12px;
    line-height: inherit
}

.next-btn-small.next-btn-loading {
    padding-left: 28px
}

.next-btn-small.next-btn-loading:after {
    width: 12px;
    height: 12px;
    font-size: 12px;
    line-height: 12px;
    left: 12px;
    top: 50%;
    text-align: center;
    margin-top: -6px;
    margin-right: 4px
}

.next-btn-small.next-btn-loading>.next-icon {
    display: none
}

.next-btn-medium {

    height: 28px;
    padding: 0 16px;
    font-size: 14px;
    line-height: 26px;
    border-width: 1px
}

.next-btn-medium>.next-icon-first {
    margin-left: 0;
    margin-right: 4px
}

.next-btn-medium>.next-icon-first:before {
    width: 12px;
    font-size: 12px;
    line-height: inherit
}

.next-btn-medium>.next-icon-last {
    margin-left: 4px;
    margin-right: 0
}

.next-btn-medium>.next-icon-alone:before,
.next-btn-medium>.next-icon-last:before,
.next-btn-medium>.next-icon-split:before {
    width: 12px;
    font-size: 12px;
    line-height: inherit
}

.next-btn-medium.next-btn-loading {
    padding-left: 32px
}

.next-btn-medium.next-btn-loading:after {
    width: 12px;
    height: 12px;
    font-size: 12px;
    line-height: 12px;
    left: 16px;
    top: 50%;
    text-align: center;
    margin-top: -6px;
    margin-right: 4px
}

.next-btn-medium.next-btn-loading>.next-icon {
    display: none
}

.next-btn-large {
    margin: 0;
    height: 36px;
    padding: 0 24px;
    font-size: 14px;
    line-height: 34px;
    border-width: 1px
}

.next-btn-large>.next-icon-first {
    margin-left: 0;
    margin-right: 4px
}

.next-btn-large>.next-icon-first:before {
    width: 16px;
    font-size: 16px;
    line-height: inherit
}

.next-btn-large>.next-icon-last {
    margin-left: 4px;
    margin-right: 0
}

.next-btn-large>.next-icon-alone:before,
.next-btn-large>.next-icon-last:before {
    width: 16px;
    font-size: 16px;
    line-height: inherit
}

.next-btn-large>.next-icon-split:before {
    width: 20px;
    font-size: 20px;
    line-height: inherit
}

.next-btn-large.next-btn-loading {
    padding-left: 44px
}

.next-btn-large.next-btn-loading:after {
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 16px;
    left: 24px;
    top: 50%;
    text-align: center;
    margin-top: -8px;
    margin-right: 4px
}

.next-btn-large.next-btn-loading>.next-icon {
    display: none
}

.next-btn-ghost {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-style: solid
}

.next-btn-ghost.next-btn-dark {
    background-color: transparent;
    border-color: #fff
}

.next-btn-ghost.next-btn-dark,
.next-btn-ghost.next-btn-dark.visited,
.next-btn-ghost.next-btn-dark:link,
.next-btn-ghost.next-btn-dark:visited {
    color: #fff
}

.next-btn-ghost.next-btn-dark.active,
.next-btn-ghost.next-btn-dark.hover,
.next-btn-ghost.next-btn-dark:active,
.next-btn-ghost.next-btn-dark:focus,
.next-btn-ghost.next-btn-dark:hover {
    color: #fff;
    background-color: hsla(0, 0%, 100%, .2);
    border-color: #fff;
    text-decoration: none
}

.next-btn-ghost.next-btn-dark.disabled,
.next-btn-ghost.next-btn-dark[disabled] {
    background-color: transparent;
    border-color: hsla(0, 0%, 100%, .4)
}

.next-btn-ghost.next-btn-dark.disabled,
.next-btn-ghost.next-btn-dark.disabled.visited,
.next-btn-ghost.next-btn-dark.disabled:link,
.next-btn-ghost.next-btn-dark.disabled:visited,
.next-btn-ghost.next-btn-dark[disabled],
.next-btn-ghost.next-btn-dark[disabled].visited,
.next-btn-ghost.next-btn-dark[disabled]:link,
.next-btn-ghost.next-btn-dark[disabled]:visited {
    color: hsla(0, 0%, 100%, .4)
}

.next-btn-ghost.next-btn-dark.disabled.active,
.next-btn-ghost.next-btn-dark.disabled.hover,
.next-btn-ghost.next-btn-dark.disabled:active,
.next-btn-ghost.next-btn-dark.disabled:focus,
.next-btn-ghost.next-btn-dark.disabled:hover,
.next-btn-ghost.next-btn-dark[disabled].active,
.next-btn-ghost.next-btn-dark[disabled].hover,
.next-btn-ghost.next-btn-dark[disabled]:active,
.next-btn-ghost.next-btn-dark[disabled]:focus,
.next-btn-ghost.next-btn-dark[disabled]:hover {
    color: hsla(0, 0%, 100%, .4);
    background-color: transparent;
    border-color: hsla(0, 0%, 100%, .4);
    text-decoration: none
}

.next-btn-ghost.next-btn-light {
    background-color: transparent;
    border-color: #333
}

.next-btn-ghost.next-btn-light,
.next-btn-ghost.next-btn-light.visited,
.next-btn-ghost.next-btn-light:link,
.next-btn-ghost.next-btn-light:visited {
    color: #333
}

.next-btn-ghost.next-btn-light.active,
.next-btn-ghost.next-btn-light.hover,
.next-btn-ghost.next-btn-light:active,
.next-btn-ghost.next-btn-light:focus,
.next-btn-ghost.next-btn-light:hover {
    color: #333;
    background-color: rgba(0, 0, 0, .03);
    border-color: #333;
    text-decoration: none
}

.next-btn-ghost.next-btn-light.disabled,
.next-btn-ghost.next-btn-light[disabled] {
    background-color: transparent;
    border-color: rgba(0, 0, 0, .1)
}

.next-btn-ghost.next-btn-light.disabled,
.next-btn-ghost.next-btn-light.disabled.visited,
.next-btn-ghost.next-btn-light.disabled:link,
.next-btn-ghost.next-btn-light.disabled:visited,
.next-btn-ghost.next-btn-light[disabled],
.next-btn-ghost.next-btn-light[disabled].visited,
.next-btn-ghost.next-btn-light[disabled]:link,
.next-btn-ghost.next-btn-light[disabled]:visited {
    color: rgba(0, 0, 0, .1)
}

.next-btn-ghost.next-btn-light.disabled.active,
.next-btn-ghost.next-btn-light.disabled.hover,
.next-btn-ghost.next-btn-light.disabled:active,
.next-btn-ghost.next-btn-light.disabled:focus,
.next-btn-ghost.next-btn-light.disabled:hover,
.next-btn-ghost.next-btn-light[disabled].active,
.next-btn-ghost.next-btn-light[disabled].hover,
.next-btn-ghost.next-btn-light[disabled]:active,
.next-btn-ghost.next-btn-light[disabled]:focus,
.next-btn-ghost.next-btn-light[disabled]:hover {
    color: rgba(0, 0, 0, .1);
    background-color: transparent;
    border-color: rgba(0, 0, 0, .1);
    text-decoration: none
}

.next-btn-warning {
    border-style: solid
}

.next-btn-warning.next-btn-primary {
    background-color: #ff1815;
    border-color: #ff1815
}

.next-btn-warning.next-btn-primary,
.next-btn-warning.next-btn-primary.visited,
.next-btn-warning.next-btn-primary:link,
.next-btn-warning.next-btn-primary:visited {
    color: #fff
}

.next-btn-warning.next-btn-primary.active,
.next-btn-warning.next-btn-primary.hover,
.next-btn-warning.next-btn-primary:active,
.next-btn-warning.next-btn-primary:focus,
.next-btn-warning.next-btn-primary:hover {
    color: #fff;
    background-color: #e61c1c;
    border-color: #e61c1c;
    text-decoration: none
}

.next-btn-warning.next-btn-primary.disabled,
.next-btn-warning.next-btn-primary[disabled] {
    background-color: #fafafa;
    border-color: #dbdbdb
}

.next-btn-warning.next-btn-primary.disabled,
.next-btn-warning.next-btn-primary.disabled.visited,
.next-btn-warning.next-btn-primary.disabled:link,
.next-btn-warning.next-btn-primary.disabled:visited,
.next-btn-warning.next-btn-primary[disabled],
.next-btn-warning.next-btn-primary[disabled].visited,
.next-btn-warning.next-btn-primary[disabled]:link,
.next-btn-warning.next-btn-primary[disabled]:visited {
    color: #ccc
}

.next-btn-warning.next-btn-primary.disabled.active,
.next-btn-warning.next-btn-primary.disabled.hover,
.next-btn-warning.next-btn-primary.disabled:active,
.next-btn-warning.next-btn-primary.disabled:focus,
.next-btn-warning.next-btn-primary.disabled:hover,
.next-btn-warning.next-btn-primary[disabled].active,
.next-btn-warning.next-btn-primary[disabled].hover,
.next-btn-warning.next-btn-primary[disabled]:active,
.next-btn-warning.next-btn-primary[disabled]:focus,
.next-btn-warning.next-btn-primary[disabled]:hover {
    color: #ccc;
    background-color: #fafafa;
    border-color: #dbdbdb;
    text-decoration: none
}

.next-btn-warning.next-btn-normal {
    background-color: #fff;
    border-color: #ff1815
}

.next-btn-warning.next-btn-normal,
.next-btn-warning.next-btn-normal.visited,
.next-btn-warning.next-btn-normal:link,
.next-btn-warning.next-btn-normal:visited {
    color: #ff1815
}

.next-btn-warning.next-btn-normal.active,
.next-btn-warning.next-btn-normal.hover,
.next-btn-warning.next-btn-normal:active,
.next-btn-warning.next-btn-normal:focus,
.next-btn-warning.next-btn-normal:hover {
    color: #fff;
    background-color: #ff1815;
    border-color: #ff1815;
    text-decoration: none
}

.next-btn-warning.next-btn-normal.disabled,
.next-btn-warning.next-btn-normal[disabled] {
    background-color: #fafafa;
    border-color: #dbdbdb
}

.next-btn-warning.next-btn-normal.disabled,
.next-btn-warning.next-btn-normal.disabled.visited,
.next-btn-warning.next-btn-normal.disabled:link,
.next-btn-warning.next-btn-normal.disabled:visited,
.next-btn-warning.next-btn-normal[disabled],
.next-btn-warning.next-btn-normal[disabled].visited,
.next-btn-warning.next-btn-normal[disabled]:link,
.next-btn-warning.next-btn-normal[disabled]:visited {
    color: #999
}

.next-btn-warning.next-btn-normal.disabled.active,
.next-btn-warning.next-btn-normal.disabled.hover,
.next-btn-warning.next-btn-normal.disabled:active,
.next-btn-warning.next-btn-normal.disabled:focus,
.next-btn-warning.next-btn-normal.disabled:hover,
.next-btn-warning.next-btn-normal[disabled].active,
.next-btn-warning.next-btn-normal[disabled].hover,
.next-btn-warning.next-btn-normal[disabled]:active,
.next-btn-warning.next-btn-normal[disabled]:focus,
.next-btn-warning.next-btn-normal[disabled]:hover {
    color: #999;
    background-color: #fafafa;
    border-color: #dbdbdb;
    text-decoration: none
}

.next-btn-loading {
    pointer-events: none
}

.next-btn-loading:after {
    font-family: NextIcon;
    content: "\E67C";
    opacity: 1;
    visibility: visible;
    -webkit-animation: loadingCircle 2s linear infinite;
    animation: loadingCircle 2s linear infinite
}

.next-btn-text {
    -webkit-box-shadow: none;
    box-shadow: none
}

.next-btn-text.next-btn-primary {
    background-color: transparent;
    border-color: transparent
}

.next-btn-text.next-btn-primary,
.next-btn-text.next-btn-primary.visited,
.next-btn-text.next-btn-primary:link,
.next-btn-text.next-btn-primary:visited {
    color: #00b7eb
}

.next-btn-text.next-btn-primary.active,
.next-btn-text.next-btn-primary.hover,
.next-btn-text.next-btn-primary:active,
.next-btn-text.next-btn-primary:focus,
.next-btn-text.next-btn-primary:hover {
    color: #00b7eb;
    background-color: transparent;
    border-color: transparent;
    text-decoration: none
}

.next-btn-text.next-btn-secondary {
    background-color: transparent;
    border-color: transparent
}

.next-btn-text.next-btn-secondary,
.next-btn-text.next-btn-secondary.visited,
.next-btn-text.next-btn-secondary:link,
.next-btn-text.next-btn-secondary:visited {
    color: #333
}

.next-btn-text.next-btn-secondary.active,
.next-btn-text.next-btn-secondary.hover,
.next-btn-text.next-btn-secondary:active,
.next-btn-text.next-btn-secondary:focus,
.next-btn-text.next-btn-secondary:hover {
    color: #00b7eb;
    background-color: transparent;
    border-color: transparent;
    text-decoration: none
}

.next-btn-text.next-btn-normal {
    background-color: transparent;
    border-color: transparent
}

.next-btn-text.next-btn-normal,
.next-btn-text.next-btn-normal.visited,
.next-btn-text.next-btn-normal:link,
.next-btn-text.next-btn-normal:visited {
    color: #555
}

.next-btn-text.next-btn-normal.active,
.next-btn-text.next-btn-normal.hover,
.next-btn-text.next-btn-normal:active,
.next-btn-text.next-btn-normal:focus,
.next-btn-text.next-btn-normal:hover {
    color: #00b7eb;
    background-color: transparent;
    border-color: transparent;
    text-decoration: none
}

.next-btn-text.next-btn-large {
    margin: 0;
    height: 24px;
    padding: 0;
    font-size: 16px;
    line-height: 24px;
    border-width: 0
}

.next-btn-text.next-btn-large>.next-icon-first {
    margin-left: 0;
    margin-right: 8px
}

.next-btn-text.next-btn-large>.next-icon-first:before {
    width: 16px;
    font-size: 16px;
    line-height: inherit
}

.next-btn-text.next-btn-large>.next-icon-last {
    margin-left: 8px;
    margin-right: 0
}

.next-btn-text.next-btn-large>.next-icon-alone:before,
.next-btn-text.next-btn-large>.next-icon-last:before {
    width: 16px;
    font-size: 16px;
    line-height: inherit
}

.next-btn-text.next-btn-large>.next-icon-split:before {
    width: 20px;
    font-size: 20px;
    line-height: inherit
}

.next-btn-text.next-btn-large.next-btn-loading {
    padding-left: 24px
}

.next-btn-text.next-btn-large.next-btn-loading:after {
    width: 16px;
    height: 16px;
    font-size: 16px;
    line-height: 16px;
    left: 0;
    top: 50%;
    text-align: center;
    margin-top: -8px;
    margin-right: 8px
}

.next-btn-text.next-btn-large.next-btn-loading>.next-icon {
    display: none
}

.next-btn-text.next-btn-medium {
    margin: 0;
    height: 20px;
    padding: 0;
    font-size: 14px;
    line-height: 20px;
    border-width: 0
}

.next-btn-text.next-btn-medium>.next-icon-first {
    margin-left: 0;
    margin-right: 4px
}

.next-btn-text.next-btn-medium>.next-icon-first:before {
    width: 12px;
    font-size: 12px;
    line-height: inherit
}

.next-btn-text.next-btn-medium>.next-icon-last {
    margin-left: 4px;
    margin-right: 0
}

.next-btn-text.next-btn-medium>.next-icon-alone:before,
.next-btn-text.next-btn-medium>.next-icon-last:before,
.next-btn-text.next-btn-medium>.next-icon-split:before {
    width: 12px;
    font-size: 12px;
    line-height: inherit
}

.next-btn-text.next-btn-medium.next-btn-loading {
    padding-left: 16px
}

.next-btn-text.next-btn-medium.next-btn-loading:after {
    width: 12px;
    height: 12px;
    font-size: 12px;
    line-height: 12px;
    left: 0;
    top: 50%;
    text-align: center;
    margin-top: -6px;
    margin-right: 4px
}

.next-btn-text.next-btn-medium.next-btn-loading>.next-icon {
    display: none
}

.next-btn-text.next-btn-small {
    margin: 0;
    height: 16px;
    padding: 0;
    font-size: 14px;
    line-height: 16px;
    border-width: 0
}

.next-btn-text.next-btn-small>.next-icon-first {
    margin-left: 0;
    margin-right: 4px
}

.next-btn-text.next-btn-small>.next-icon-first:before {
    width: 12px;
    font-size: 12px;
    line-height: inherit
}

.next-btn-text.next-btn-small>.next-icon-last {
    margin-left: 4px;
    margin-right: 0
}

.next-btn-text.next-btn-small>.next-icon-alone:before,
.next-btn-text.next-btn-small>.next-icon-last:before,
.next-btn-text.next-btn-small>.next-icon-split:before {
    width: 12px;
    font-size: 12px;
    line-height: inherit
}

.next-btn-text.next-btn-small.next-btn-loading {
    padding-left: 16px
}

.next-btn-text.next-btn-small.next-btn-loading:after {
    width: 12px;
    height: 12px;
    font-size: 12px;
    line-height: 12px;
    left: 0;
    top: 50%;
    text-align: center;
    margin-top: -6px;
    margin-right: 4px
}

.next-btn-text.next-btn-small.next-btn-loading>.next-icon {
    display: none
}

.next-btn-text.disabled,
.next-btn-text[disabled] {
    background-color: transparent;
    border-color: transparent
}

.next-btn-text.disabled,
.next-btn-text.disabled.visited,
.next-btn-text.disabled:link,
.next-btn-text.disabled:visited,
.next-btn-text[disabled],
.next-btn-text[disabled].visited,
.next-btn-text[disabled]:link,
.next-btn-text[disabled]:visited {
    color: #ccc
}

.next-btn-text.disabled.active,
.next-btn-text.disabled.hover,
.next-btn-text.disabled:active,
.next-btn-text.disabled:focus,
.next-btn-text.disabled:hover,
.next-btn-text[disabled].active,
.next-btn-text[disabled].hover,
.next-btn-text[disabled]:active,
.next-btn-text[disabled]:focus,
.next-btn-text[disabled]:hover {
    color: #ccc;
    background-color: transparent;
    border-color: transparent;
    text-decoration: none
}

.next-btn-text.next-btn-loading {
    background-color: transparent;
    border-color: transparent
}

.next-btn-text.next-btn-loading,
.next-btn-text.next-btn-loading.visited,
.next-btn-text.next-btn-loading:link,
.next-btn-text.next-btn-loading:visited {
    color: #333
}

.next-btn-text.next-btn-loading.active,
.next-btn-text.next-btn-loading.hover,
.next-btn-text.next-btn-loading:active,
.next-btn-text.next-btn-loading:focus,
.next-btn-text.next-btn-loading:hover {
    color: #333;
    background-color: transparent;
    border-color: transparent;
    text-decoration: none
}

.next-btn-group {
    position: relative;
    display: inline-block;
    vertical-align: middle
}

.next-btn-group>.next-btn {
    position: relative;
    float: left;
    -webkit-box-shadow: none;
    box-shadow: none
}

.next-btn-group>.next-btn.active,
.next-btn-group>.next-btn:active,
.next-btn-group>.next-btn:focus,
.next-btn-group>.next-btn:hover {
    z-index: 1
}

.next-btn-group>.next-btn.disabled,
.next-btn-group>.next-btn[disabled] {
    z-index: 0
}

.next-btn-group .next-btn.next-btn {
    margin: 0 0 0 -1px
}

.next-btn-group .next-btn:not(:first-child):not(:last-child) {
    border-radius: 0
}

.next-btn-group>.next-btn:first-child {
    margin: 0
}

.next-btn-group>.next-btn:first-child:not(:last-child) {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.next-btn-group>.next-btn:last-child:not(:first-child) {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.next-btn-group>.next-btn-primary:not(:first-child) {
    border-left-color: hsla(0, 0%, 100%, .2)
}

.next-btn-group>.next-btn-primary:not(:first-child):hover {
    border-left-color: transparent
}

.next-btn-group>.next-btn-primary:not(:first-child).disabled,
.next-btn-group>.next-btn-primary:not(:first-child)[disabled] {
    border-left-color: #eee
}

.next-btn-split>.next-btn:last-child:not(:first-child).next-btn-large {
    width: 40px;
    padding: 0
}

.next-btn-split>.next-btn:last-child:not(:first-child).next-btn-medium {
    width: 28px;
    padding: 0
}

.next-btn-split>.next-btn:last-child:not(:first-child).next-btn-small {
    width: 20px;
    padding: 0
}

.next-btn-split>.next-btn:first-child:not(:last-child).next-btn-large {
    padding: 0 12px 0 20px
}

.next-btn-split>.next-btn:first-child:not(:last-child).next-btn-medium {
    padding: 0 12px 0 16px
}

.next-btn-split>.next-btn:first-child:not(:last-child).next-btn-small {
    padding: 0 8px 0 12px
}



/* toast */
@font-face {
    font-family: 'toast';
    src: url("../public/font/toast.eot?76tjxy");
    src: url("../public/font/toast.eot?76tjxy#iefix") format("embedded-opentype"), url("../public/font/toast.ttf?76tjxy") format("truetype"), url("../public/font/toast.woff") format("woff"), url("../public/font/toast.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}



.toast-icon-error:before {
    content: "";
    color: #ff7946;
}

.toast-icon-info:before {
    content: "";
    color: #1890ff;
}

.toast-icon-notice:before {
    content: "";
    color: #48a9f8
}

.toast-icon-success:before {
    content: "";
    color: #52c41a
}

.toast-icon-warning:before {
    content: "";
    color: #fff1c0
}

.toast-item-wrapper {
    min-width: 250px;
    padding: 10px;
    box-sizing: border-box;
    color: #314659;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    border-radius: 4px;
    background-color: white;
    -webkit-box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
    -ms-user-select: none;
    user-select: none;
}


.toast-item-wrapper i{
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'toast' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.toast-item-wrapper i.toast-icon {
    position: absolute;
    top: 12px;
    left: 0;
    width: 50px;
    text-align: center;
    color: #0674a7;
    vertical-align: middle;
    font-size: 2rem;
}

.toast-item-wrapper .toast-close {
    font-size: 1.2rem;
    position: absolute;
    top: 0;
    right: 0;
    width: 20px;
    text-align: center;
    cursor: pointer;
}

.toast-item-wrapper.success {
    background-color: white;
}

.toast-item-wrapper.error {
    /*   background-color: #ff7946;*/
}

.toast-item-wrapper.warning {
    /* background-color: #fff1c0;*/
    color: #333;
}

.toast-item-wrapper.notice {
    /* background-color: #48a9f8;*/
}

.toast-item-wrapper.info {
    /*  background-color: #7f97a3;*/
}

.toast-item-wrapper.toast-top-left {
    left: 20px;
    top: 20px;
}

.toast-item-wrapper.toast-top-right {
    right: 20px;
    top: 20px;
}

.toast-item-wrapper.toast-top-center {
    margin: 0 auto;
    top: 100px;
}

.toast-item-wrapper.toast-bottom-left {
    left: 20px;
    bottom: 20px;
}

.toast-item-wrapper.toast-bottom-right {
    right: 20px;
    bottom: 20px;
}

.toast-item-wrapper.toast-bottom-center {
    margin: 0 auto;
    bottom: 20px;
}

.toast-item-wrapper.fullscreen {
    left: 20px;
    right: 20px;
    width: calc(100% - 40px);
}

.toast-item-wrapper p {
    margin: 0;
}

.toast-item-wrapper .toast-message {
    font-size: 0.87rem;
}

.toast-item-wrapper .toast-progress {
    width: 0;
    height: 3px;
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    bottom: 0;
    right: 0;
}

.toast-item-wrapper.rtl {
    direction: rtl;
    text-align: right;
}

.toast-item-wrapper.rtl i.toast-icon {
    left: auto;
    right: 0;
}

.toast-item-wrapper.rtl .toast-close {
    right: auto;
    left: 0;
}

.toast-item-wrapper.rtl p {
    text-align: right;
}

.toast-item-wrapper.rtl .toast-progress {
    left: auto;
    right: 0;
}

ul.mytabs li.active, ul.mytabs li.active a:hover {
    background: #fff;
    border-bottom: 2px solid #4975FF;
    /*border-bottom: 1px solid #fff;*/
}

a.btnsetting {
    display: inline-block;
    text-align: center;
    font-family: 微软雅黑,黑体;
    font-size: 12px;
    color: white;
    width: 70px;
    height: 28px;
    line-height: 28px;
    background-color: #4975FF;
}

a.btnsetting:hover {
    background-color: #436be5;
    color: white;
}

a.btnsetting:active {
    background-color: #436be5;
    color: white;
}


::-webkit-scrollbar {
    width: 12px;
    margin-right: 4px
}

::-webkit-scrollbar-button {
    width: 12px;
    background-color: transparent
}

::-webkit-scrollbar:horizontal {
    height: 12px;
    margin-bottom: 2px
}

::-webkit-scrollbar-track {
    border-radius: 8px
}

::-webkit-scrollbar-track-piece {
    background-color: transparent;
    border-radius: 8px
}

::-webkit-scrollbar-thumb {
    width: 12px;
    border-radius: 5px;
    background: rgba(0, 0, 0, .15)
}

::-webkit-scrollbar-corner {
    width: 6px;
    background-color: transparent
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, .3)
}



.fadeInDown {
    -webkit-animation-duration: .45s;
    animation-duration: .45s
}


@keyframes fadeIn {
    0% {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        transform: translateY(-100px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        transform: translateY(-100px)
    }
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeIn,
.fadeInDown {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(.23, 1, .32, 1);
    animation-timing-function: cubic-bezier(.23, 1, .32, 1);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}





@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        transform: translateY(-100px)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    to {
        opacity: 0;
        -webkit-transform: translateY(-100px);
        -ms-transform: translateY(-100px);
        transform: translateY(-100px)
    }
}



.fadeOutRightBig,
.fadeOutUp {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.fadeOutUp {
    -webkit-animation-name: fadeOutUp;
    animation-name: fadeOutUp;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: .2s;
    animation-duration: .2s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.fadeOutUpBig {
    -webkit-animation-name: fadeOutUpBig;
    animation-name: fadeOutUpBig;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    animation-timing-function: cubic-bezier(.755, .05, .855, .06);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

/* linkbutton.css */
/*a.l-btn{*/
/*	color:#5B6779;*/
/*	!*background:url('images/button_a_bg.gif') no-repeat  right top;*!*/
/*	font-size:14px;*/
/*	text-decoration:none;*/
/*	display:inline-block;*/
/*	zoom:1;*/
/*	height:26px;*/
/*	padding-right:12px;*/
/*	cursor:pointer;*/
/*	outline:none;*/
/*	padding-left:2px;*/
/*	outline: none;*/
/*    background-color:#ecf5ff;*/
/*    border-radius:4px;*/


/*    !*border:1px solid #cae3ff;*!*/
/*}*/




/*a.l-btn-plain{*/
/*     border-radius:0px;*/
/*	background:transparent;*/
/*	padding-right:5px;*/
/*	border:1px solid transparent;*/
/*	_border:0px solid #efefef;*/
/*	_padding:1px 6px 1px 1px;*/
/*}*/

/*a.l-btn-disabled{*/
/*	color:#ccc;*/
/*	opacity:0.5;*/
/*	filter:alpha(opacity=50);*/
/*	cursor:default;*/
/*}*/

/*a.l-btn span.l-btn-left{*/
/*	display:inline-block;*/
/*	!*background:url('images/button_span_bg.gif') no-repeat  left top;*!	*/
/*	padding:3px 0px 3px 6px;*/
/*	line-height:16px;*/
/*	height:16px;*/
/*}*/
/*a.l-btn-plain span.l-btn-left{*/
/*	background:transparent;*/
/*	padding-left:5px;*/
/*}*/

/*a.l-btn span span.l-btn-text{*/
/*	display:inline-block;*/
/*	height:16px;*/
/*	line-height:16px;*/
/*	padding:0px;*/
/*}*/
/*a.l-btn span span span.l-btn-empty{*/
/*	display:inline-block;*/
/*	padding:0px;*/
/*	width:16px;*/
/*}*/

/*a:hover.l-btn{*/
/*    color:#16429c;*/
/*    background-color:#ecf5ff;*/
/*	 !*background:url('images/button_a_bg.gif') no-repeat  right center ;*!  */
/*	*/
/*}*/
/*a:hover.l-btn span.l-btn-left{*/
/*	 !*background:url('images/button_span_bg.gif') no-repeat   left center;*!*/
/*}*/



/*a.l-btn-mousedown*/
/*{    */
/*    !*background-color:red;*!*/
/*    box-shadow: inset 0px 0px 5px #284e9c;*/
/*   !*background:url('images/button_a_bg.gif') no-repeat right bottom !importment;*!    */

/*}*/
/*a.l-btn-mousedown span.l-btn-left*/
/*{ */
/*     !*box-shadow: inset 0px 0px 5px #284e9c;*!*/
/*  !*background:url('images/button_span_bg.gif') no-repeat   left bottom !importment;*!*/
/*}*/

/*a:hover.l-btn-mousedown*/
/*{  */
/*     box-shadow: inset 0px 0px 5px #284e9c;*/
/*     background-color: #dce7f7 \9;*/
/*   !*background:url('images/button_a_bg.gif') no-repeat right bottom !importment;*!    */

/*}*/
/*a:hover.l-btn-mousedown span.l-btn-left*/
/*{ */
/*     !*box-shadow: inset 0px 0px 5px #284e9c;*!*/
/*  !*background:url('images/button_span_bg.gif') no-repeat   left bottom !importment;*!*/
/*}*/





/*a:active.l-btn*/
/*{   */
/*    !*background:url('images/button_a_bg.gif') no-repeat  right bottom;*!  */
/*    outline: none;*/
/*}*/
/*a:active.l-btn  span.l-btn-left{*/
/*	!*background:url('images/button_span_bg.gif') no-repeat   left bottom;*!*/
/*	outline: none;*/
/*}*/

/*a:hover.l-btn-plain{	*/
/*	!*background:url('images/button_plain_hover.png') repeat-x left bottom;*/
/*    -moz-border-radius:2px;_padding:0px 5px 0px 0px;*/
/*	-webkit-border-radius: 2px;*!*/
/*}*/
/*a:hover.l-btn-disabled{*/
/*	background-position: right top;*/
/*	color:#ccc;*/
/*}*/
/*a:hover.l-btn-disabled span.l-btn-left{*/
/*	background-position: left top;*/
/*}*/

/*a.l-btn .l-btn-focus{*/
/*	!*outline:#000 dotted thin;*!*/
/*}*/

 


/* menu.css */
.menu {
	position: absolute;
	background-color: white;
	/* background-color: ; url('images/menu.gif') repeat-y;*/
	margin: 0;
	padding: 2px;
	z-index: 99999;
	overflow: auto;
	box-shadow: 0px 0px 10px 1px rgba(69,65,78,0.5);
	animation:0.3s ease 0s 1 normal none running m-header-menu-submenu-fade-in, 0.3s ease-out 0s 1 normal none running m-header-menu-submenu-move-up;
}
.menu-item{
	position:relative;
	margin:0;
	padding:0;
	height:26px;
	line-height:26px;
	overflow:hidden;
	font-size:12px;
	cursor:pointer;
	border:1px solid transparent;
	/*_border:1px solid #f0f0f0;*/
}
.menu-text{
	position:absolute;
	left:18px;
	top:0px;
}
.menu-icon{
	position:absolute;
	width:16px;
	height:16px;
	top:3px;
	left:2px;
}
.menu-rightarrow{
	position: absolute;
	width:4px;
	height:7px;
	top:7px;
	right:5px;
	background:url('images/menu_rightarrow.png') no-repeat;
}
.menu-sep{
	margin:3px 0px 3px 24px;
	line-height:2px;
	font-size:2px;
	background:url('images/menu_sep.png') repeat-x;
}
.menu-active{
	/*border:1px solid #d3d3d3;*/
	background:#dcecff;
	/*-moz-border-radius:3px;*/
	/*-webkit-border-radius: 3px;*/
}
.menu-shadow{
	position:absolute;
    background-color:white;
	/*background:#ddd;*/
	/*-moz-border-radius:5px;
	-webkit-border-radius: 5px;*/
	/*-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
	filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=false,ShadowOpacity=0.2);*/
}
.menu-item-disabled{
	opacity:0.5;
	filter:alpha(opacity=50);
	cursor:default;
}
.menu-active-disabled{
	border-color:#d3d3d3;
}




/* menubutton.css*/



a.m-btn-active{
	background-position: bottom right;
}
a.m-btn-active span.l-btn-left{
	background-position: bottom left;
}



.m-btn-downarrow:before{
	display:inline-block;
	width:10px;
	line-height:14px;
	font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
	font-size: 14px;
	text-rendering: auto;
	content: '\f2f2';
}

/*a.m-btn-plain-active{
	background:transparent;
	border:1px solid #d3d3d3;
	_padding:0px 5px 0px 0px;
	-moz-border-radius:3px;
	-webkit-border-radius: 3px;
}*/

/* panel.css */
.panel{
	overflow:hidden;
	font-size:12px;
}
.panel-header{
	/*padding:5px;*/
	line-height:18px;
	color:#3F3F3F;
	/*font-weight:bold;*/
	font-size:12px;
	/*background:url('images/panel_title.png') repeat-x;*/
	position:relative;
	/*border:1px solid #D3D3D3;*/
}
.panel-title{
	/*background:url('images/blank.gif') no-repeat;*/
    font-size:16px;
    height:36px;
    line-height:36px;
    vertical-align:middle;
    padding-left:10px;
    text-align:left;
}
.panel-header-noborder{
	border-width:0px;
	/*border-bottom:1px solid #dadada;*/
}
.panel-body{
	overflow:hidden;
    box-sizing:border-box;
}
.panel-body-noheader{
	border-top-width:1px;
}
.panel-body-noborder{
	border-width:0px;
}
.panel-with-icon{
	padding-left:18px;
}
.panel-icon{
	position:absolute;
	left:5px;
	top:4px;
	width:16px;
	height:16px;
}

.panel-tool{
	position:absolute;
	right:5px;
	top:4px;
}


.panel-tool a{
	display:inline-block;
	width:16px;
	height:16px;
	font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
	font-size: 16px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #999!important;
	margin-left:6px;
	transition: all 250ms ease 0s;
}
.panel-tool a:hover
{
	color: #333!important;

}
.panel-tool-close {
	/*content: '\f136';*/
	background: transparent url(../public/img/close.svg) no-repeat 50% 50%;
}
.panel-tool-min:before{
	content: '\f1eb';
}
.panel-tool-max{
	background: transparent url(../public/img/maxsize.svg) no-repeat 50% 50%;
}
.panel-tool-restore{
	background: transparent url(../public/img/restore.svg) no-repeat 50% 50%;
}


a.panel-tool-close:hover{
	background: transparent url(../public/img/close_hover.svg) no-repeat 50% 50%;
}

a.panel-tool-min:hover{
	background-position: 0px 0px;
}

a.panel-tool-max:hover{
	background: transparent url(../public/img/maxsize_hover.svg) no-repeat 50% 50%;
}

a.panel-tool-restore:hover{
	background: transparent url(../public/img/restore_hover.svg) no-repeat 50% 50%;
}

.panel-tool-collapse{
	background:url('images/panel_tool_collapse.gif') no-repeat;
}
.panel-tool-expand{
	background:url('images/panel_tool_expand.gif') no-repeat;
}
.panel-loading{
	padding:11px 0px 10px 30px;
	background:url('images/panel_loading.gif') no-repeat 10px 10px;
}


/* tabs.css*/

/* tabs.css*/

.tabs-container{
	overflow:hidden;
	background:#fff;
}
.tabs-header{	
	/*border:1px solid #D3D3D3;background:#efefef; #E0ECFF*/
	border-bottom:0px;
	position:relative;
	overflow:hidden;
	padding:0px;
	padding-top:4px;
	overflow:hidden;
}
.tabs-header-noborder{
	border:0px;
}
.tabs-header-plain{
	border:0px;
	background:transparent;
}
.tabs-scroller-left{
	position:absolute;
	left:0px;
	top:-1px;
	width:18px;
	height:28px!important;
	height:30px;
	border:1px solid #D3D3D3;
	font-size:1px;
	display:none;
	cursor:pointer;
	/*background:#efefef url('images/tabs_leftarrow.png') no-repeat 1px 5px;*/
}
.tabs-scroller-right{
	position:absolute;
	right:0;
	top:-1px;
	width:18px;
	height:28px!important;
	height:30px;
	border:1px solid #D3D3D3;
	font-size:1px;
	display:none;
	cursor:pointer;
	/*background:#efefef url('images/tabs_rightarrow.png') no-repeat 2px 5px;*/
}
.tabs-tool{
	position:absolute;
	top:-1px;
	border:1px solid #D3D3D3;
	padding:1px;
	background:#efefef;
	overflow:hidden;
}
.tabs-header-plain .tabs-scroller-left{
	top:2px;
	height:25px!important;
	height:27px;
}
.tabs-header-plain .tabs-scroller-right{
	top:2px;
	height:25px!important;
	height:27px;
}
.tabs-header-plain .tabs-tool{
	top:2px;
	padding-top:0;
}
.tabs-scroller-over{
	background-color:#fafafa;
}
.tabs-wrap{
	position:relative;
	left:0px;
	overflow:hidden;
	width:100%;
	margin:0px;
	padding:0px;
}
.tabs-scrolling{
	margin-left:18px;
	margin-right:18px;
}
.tabs{
	list-style-type:none;
	height:27px;
	margin:0px;
	padding:0px;
	padding-left:4px;
	font-size:12px;
	width:5000px;
	border-bottom:1px solid #e9ebf1;
}
.tabs li{
	float:left;
	display:inline-block;
	margin-right:3px;
	margin-bottom:-2px;
	/*padding:0px 5px;*/
	position:relative;
  	border-top:1px solid #fff;

	
	/*
        border:1px solid #D3D3D3;
        -moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;*/
}
.tabs li a.tabs-inner{
	display:inline-block;
	text-decoration:none;
	color:#3F3F3F;
	/*background:url('images/tabs_enabled.gif') repeat-x left top;*/
	margin:0px;
	padding:0px 5px;
	font-weight:bold;
	height:25px;
	line-height:25px;
	text-align:center;
	white-space:nowrap;
	/*-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;*/
}
.tabs li a.tabs-inner:hover{
	 background-color:#eaeaea;
   
}
.tabs li a.tabs-inner:active{
	 background-color:white;
     border-bottom:0px solid #5b84f9;
}

.tabs li.tabs-selected{

    background-color:White!important;
	border-bottom:1px solid #5b84f9;
}

.tabs li.tabs-selected a.tabs-inner{
	color:#5b84f9;
	font-weight:bold;
	background:#fff;
	background:#fff;
    padding-left:5px;
    padding-right:5px;
	outline: none;
    /*border-bottom:2px solid #5b84f9;*/
}
.tabs li.tabs-selected a:hover.tabs-inner{
	cursor:default;
	pointer:default;
}
.tabs-p-tool{
	position:absolute;
	right:16px;
	top:7px;
	display:block;
}
.tabs-p-tool a{
	display:inline-block;
	font-size:1px;
	width:12px;
	height:12px;
	opacity:0.6;
	filter:alpha(opacity=60);
}
.tabs-p-tool a:hover{
	opacity:1;
	filter:alpha(opacity=100);
	cursor:hand;
	cursor:pointer;
	background-color:#D3D3D3;
}
.tabs-with-icon{
	padding-left:18px;
}
.tabs-icon{
	position:absolute;
	width:16px;
	height:16px;
	left:10px;
	top:5px;
}
.tabs-closable{
	padding-right:8px;
}
.tabs li a.tabs-close{
	position:absolute;
	font-size:1px;
	display:block;
	padding:0px;
	width:11px;
	height:11px;
	top:7px;
	right:5px;
	opacity:0.6;
	filter:alpha(opacity=60);
	background:url('images/tabs_close.png') no-repeat 2px 2px;
}
.tabs li a:hover.tabs-close{
	opacity:1;
	filter:alpha(opacity=100);
	cursor:hand;
	cursor:pointer;
	background-color:#D3D3D3;
}


.tabs-panels{
	margin:0px;
	padding:0px;
	border-top:0px;
	overflow:hidden;
}
.tabs-panels-noborder{
	border:0px;
}


/* window.css */

.window {
	font-size:12px;
	position:fixed;	
	overflow:hidden; 
}
.window-shadow{
	position:absolute;
	background:#ddd;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.2);
	filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=2,MakeShadow=false,ShadowOpacity=0.2);
}
.window .window-header{
 
    font-size:16px; 
    background-color:#f0f0f0;
    height:36px;
    line-height:100%;
	/*padding:4px 0px 8px 0px;*/
}
.window .window-body{
	background:#fff;
    /*padding: 5px 5px;*/
	border-top-width:0px;
}

.window .window-body-noheader{
	border-top-width:1px;
}
.window .window-header .panel-icon{
	left:1px;
	top:1px;
}
.window .window-header .panel-with-icon{
	padding-left:18px;
}
.window .window-header .panel-tool{
	top:10px;
	right:10px;
}
.window-proxy{
	position:absolute;
	overflow:hidden;
	border:1px dashed #15428b;
}
.window-proxy-mask{
	position:absolute;
	background:#fafafa;
	filter:alpha(opacity=10);
	opacity:0.10;
}	
.window-mask{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	filter:alpha(opacity=65);
	opacity:0.65;
	background:#293956;
	font-size:1px;
	*zoom:1;
	overflow:hidden;
}



/* dialog.css*/
.dialog-content{
	overflow:auto;
}
.dialog-toolbar{
	background:#fafafa;
	padding:2px 5px;
	border-bottom:1px solid #eee;
}
.dialog-tool-separator{
	float:left;
	height:24px;
	border-left:1px solid #ccc;
	border-right:1px solid #fff;
	margin:2px 1px;
}
.dialog-button{
	border-top:1px solid #eee;
	background:#fafafa;
	padding:5px 5px;
	text-align:right;
}
.dialog-button .l-btn{
	margin-left:5px;
}



/* messager.css */
.messager-body{
	padding:5px 10px;
}
.messager-button{
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
}
.messager-icon{
	position: relative;
	display: inline-block;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: .1px;
	float:left;
	width:47px;
	height:35px;
	padding-top: 5px;
	padding-left: 10px;
	font-size:28px!important;
	font-family:toast!important;
	color:#eb7e10;
}

.messager-msg{
	padding-top:8px!important;
	text-align: left;
	font-size: 18px;
}

.messager-error:before{
	content: "";
}

.messager-info:before{
	content: "";
}

.messager-question:before{
	content: "";
}
.messager-warning:before{
	content: "";
}

.messager-input{
	width: 262px;
	border:1px solid #ccc;
}

.messager-progress{
	padding:10px;
}

.messager-p-msg{
	margin-bottom:5px;
}

.next-message-symbol {
	float: left;
	margin-left:15px;
	line-height: 24px;
}

.next-message-content
{
	margin-top: 8px;
	padding: 0 20px 0 36px;
	font-size: 14px;
	line-height: 14px;
}
/* Interaction states
----------------------------------*/
/*background: #dfeffc url(uiimages/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;*/ 
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #dfdfdf;  outline: none; font-weight:normal; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {  color: #2e6e9e; text-decoration: none; outline: none; }
/*background: #dfeffc url(uiimages/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x;background-color:gray;*/
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus {   border: 1px solid #dfdfdf;   color: #2e6e9e; outline: none;  }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #dfdfdf; background: #ffffff url(uiimages/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; font-weight:normal; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary {  background:#fafafa; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fafafa; background: #4975ff; color: #ffffff; }
.datagrid-row-selected{	background:#60c3e1;}
.ui-state-highlight select, .ui-widget-content .ui-state-highlight select{ color: black; }

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(uiimages/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; }

.ui-icon-triangle-1-n { background-position: 1px -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }

.ui-widget {   }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {  }
.ui-widget-content { border: 1px solid #dfdfdf; background: #ffffff url(uiimages/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #36c; }
.ui-widget-header { border: 1px solid #dfdfdf; background-color: #fff; text-align:center; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(uiimages/ui-icons_72a7cf_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(uiimages/ui-icons_72a7cf_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(uiimages/ui-icons_72a7cf_256x240.png); }
.ui-state-default .ui-icon { background-image: url(uiimages/ui-icons_72a7cf_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(uiimages/ui-icons_72a7cf_256x240.png); }
.ui-state-active .ui-icon {background-image: url(uiimages/ui-icons_72a7cf_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(uiimages/ui-icons_72a7cf_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(uiimages/ui-icons_72a7cf_256x240.png); }
/*.ui-icon-seek-next { background-position: -32px -160px; }*/
/*.ui-icon-seek-prev { background-position: -48px -160px; }*/
/*.ui-icon-seek-end { background-position: -64px -160px; }*/
/*.ui-icon-seek-first { background-position: -80px -160px; }*/


/*.ui-icon-seek-next { background:transparent url(img/icon_next.png) no-repeat center center !important; }*/
/*.ui-icon-seek-prev {  background:transparent url(img/icon_prev.png) no-repeat center center !important;}*/
/*.ui-icon-seek-end {  background:transparent url(img/icon_next_end.png) no-repeat center center !important; }*/
/*.ui-icon-seek-start {  background:transparent url(img/icon_prev_start.png) no-repeat center center !important;}*/
/*.ui-icon-seek-first {   background:transparent url(img/icon_prev_start.png) no-repeat center center !important; }*/


/*Grid*/
.ui-jqgrid
{
    position: relative;
    font-size: 11px;
}
.ui-jqgrid .ui-jqgrid-view
{
    position: relative;
    left: 0px;
    top: 0px;
    padding: .0em;
}
/* caption*/
/* caption*/
.ui-jqgrid .ui-jqgrid-titlebar
{
    padding: 3px 2px 2px 5px;
    position: relative;
    border-left: 0px none;
 
    border-top: 0px none;
    text-align:center;
    height:26px;
}
.ui-jqgrid .ui-jqgrid-title
{
    float: left;
    margin: .1em 0 .2em;
}
.ui-jqgrid .ui-jqgrid-titlebar-close
{
    position: absolute;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px;
}
.ui-jqgrid .ui-jqgrid-titlebar-close span
{
    display: block;
    margin: 1px;
}
.ui-jqgrid .ui-jqgrid-titlebar-close:hover
{
    padding: 0;

}
/* header*/
.ui-jqgrid .ui-jqgrid-hdiv
{
    position: relative;
    margin: 0em;
    padding: 0em;
    overflow-x: hidden;
    background-color:#f4f4f4;
    overflow-y: auto;
    border-left: 0px none !important;
    border-top: 0px none !important;
    border-right: 0px none !important;
}
.ui-jqgrid .ui-jqgrid-hbox
{
    float: left;
    padding-right: 20px;
    overflow: hidden;
}
.ui-jqgrid .ui-jqgrid-htable
{
    table-layout: fixed;
    margin: 0em;
}
.ui-jqgrid .ui-jqgrid-htable th
{
    height: 28px;
    font-size:14px;
    padding: 0 2px 0 2px;
    color:black;
    background-color:#f4f4f4;
}
.ui-jqgrid .ui-jqgrid-htable th div
{
    overflow: hidden;
    position: relative;
}
.cbox {
height:auto;
}
.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column
{
    overflow: hidden;
    white-space: nowrap;
    text-align: center;
    border-top: 0px none;
    border-bottom: 0px none;
}
.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr
{
    border-left: 0px none;
}
.ui-th-rtl, .ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl
{
    border-right: 0px none;
}
.ui-jqgrid .ui-th-div-ie
{
    white-space: nowrap;
    zoom: 1;
    height: 17px;
}

    .ui-jqgrid .ui-th-div-ie .cbox {
        height: 17px !important;
    }
.ui-jqgrid .ui-jqgrid-resize
{
    height: 20px !important;
    position: relative;
    cursor: e-resize;
    display: inline;
    overflow: hidden;
}
.ui-jqgrid .ui-grid-ico-sort
{
    overflow: hidden;
    position: absolute;
    display: inline;
    cursor: pointer !important;
}
.ui-jqgrid .ui-icon-asc
{
    margin-top: -3px;
    height: 12px;
}
.ui-jqgrid .ui-icon-desc
{
    margin-top: 3px;
    height: 12px;
}
.ui-jqgrid .ui-i-asc
{
    margin-top: 0px;
    height: 16px;
}
.ui-jqgrid .ui-i-desc
{
    margin-top: 0px;
    margin-left: 13px;
    height: 16px;
}
.ui-jqgrid .ui-jqgrid-sortable
{
    cursor: pointer;
}
.ui-jqgrid tr.ui-search-toolbar th
{
    border-top-width: 1px !important;
    border-top-color: inherit !important;
    border-top-style: ridge !important;
}
tr.ui-search-toolbar input
{
    margin: 1px 0px 0px 0px;
}
tr.ui-search-toolbar select
{
    margin: 1px 0px 0px 0px;
}
/* body */
.ui-jqgrid .ui-jqgrid-bdiv
{
    position: relative;
    margin: 0em;
    padding: 0;
    overflow: auto;
    text-align: left;
}
.ui-jqgrid .ui-jqgrid-btable
{
    table-layout: fixed;
   border-collapse:separate;
    margin: 0em;
}
.ui-jqgrid tr.jqgrow td
{
    font-weight: normal;
    overflow: hidden;
  /*white-space:normal;*/
    white-space: nowrap;
    text-overflow : ellipsis;
    height: 32px;
    line-height:14px;
    padding: 0 2px 0 2px;
    border-bottom-width: 1px;
    border-bottom-color: inherit;
    border-bottom-style: solid;
}
.ui-jqgrid tr.jqgfirstrow td
{
    padding: 0 2px 0 2px;
    border-right-width: 1px;
    border-right-style: solid;
}
.ui-jqgrid tr.jqgroup td
{
    font-weight: normal;
    overflow: hidden;
    white-space: pre;
    height: 22px;
    padding: 0 2px 0 2px;
    border-bottom-width: 1px;
    border-bottom-color: inherit;
    border-bottom-style: solid;
}
.ui-jqgrid tr.jqfoot td
{
    font-weight: bold;
    overflow: hidden;
    white-space: pre;
    height: 22px;
    padding: 0 2px 0 2px;
    border-bottom-width: 1px;
    border-bottom-color: inherit;
    border-bottom-style: solid;
}
.ui-jqgrid tr.ui-row-ltr td
{
    text-align: left;
    border-right-width: 1px;
    border-right-color: inherit;
    border-right-style: solid;
}
.ui-jqgrid tr.ui-row-rtl td
{
    text-align: right;
    border-left-width: 1px;
    border-left-color: inherit;
    border-left-style: solid;
}
.ui-jqgrid td.jqgrid-rownum
{
    padding: 0px 2px 0px 2px;
    margin: 0px;
    border: 0px none;

}
.ui-jqgrid .ui-jqgrid-resize-mark
{
    width: 2px;
    left: 0;
    background-color: #777;
    cursor: e-resize;
    cursor: col-resize;
    position: absolute;
    top: 0;
    height: 100px;
    overflow: hidden;
    display: none;
    border: 0 none;
}
/* footer */
.ui-jqgrid .ui-jqgrid-sdiv
{
    position: relative;
    margin: 0em;
    padding: 0em;
    overflow: hidden;
    border-left: 0px none !important;
    border-top: 0px none !important;
    border-right: 0px none !important;
}
.ui-jqgrid .ui-jqgrid-ftable
{
    table-layout: fixed;
    margin-bottom: 0em;
}
.ui-jqgrid tr.footrow td
{
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    height: 21px;
    padding: 0 2px 0 2px;
    border-top-width: 1px;
    border-top-color: inherit;
    border-top-style: solid;
}
.ui-jqgrid tr.footrow-ltr td
{
    text-align: left;
    border-right-width: 1px;
    border-right-color: inherit;
    border-right-style: solid;
}
.ui-jqgrid tr.footrow-rtl td
{
    text-align: right;
    border-left-width: 1px;
    border-left-color: inherit;
    border-left-style: solid;
}
/* Pager*/
.ui-jqgrid .ui-jqgrid-pager
{
    border-left: 0px none !important;
    border-right: 0px none !important;
    border-bottom: 0px none !important;
    margin: 0px !important;
    padding: 0px !important;
    position: relative;
    height: 25px;
    white-space: nowrap;
    overflow: hidden;
}
.ui-jqgrid .ui-pager-control
{
    position: relative;
}
.ui-jqgrid .ui-pg-table
{
    position: relative;
    padding-bottom: 2px;
    width: auto;
    margin: 0em;
    table-layout:auto!important;
}
.ui-jqgrid .ui-pg-table td
{
    font-weight: normal;
    vertical-align: middle;
    padding: 1px;
    
}
 
.ui-jqgrid .ui-pg-button
{
    height: 19px !important;
}
.ui-jqgrid .ui-pg-button span
{
    display: block;
    margin: 1px;
    float: left;
}
.ui-jqgrid .ui-pg-button:hover
{
    padding: 0px;
}
.ui-jqgrid .ui-state-disabled:hover
{
    padding: 1px;
}
.ui-jqgrid .ui-pg-input
{
    height: 18px!important;
    line-height:12px!important;
    font-size: 12px!important;
    margin: 0;
    text-align: center;
    border: 1px solid #dfdfdf;
    width:20px;
}
.ui-jqgrid .ui-pg-selbox
{
    font-size: .8em;
    line-height: 18px;
    display: block;
    height: 18px;
    margin: 0em;
    width:45px;
}
.ui-jqgrid .ui-separator
{
    height: 18px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    margin: 1px;
    float: right;
}
.ui-jqgrid .ui-paging-info
{
    font-weight: normal;
    height: 19px;
    margin-top: 3px;
    margin-right: 4px;
    white-space: nowrap;
}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div
{
    padding: 1px 0;
    float: left;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    position: relative;
}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-button
{
    cursor: pointer;
}
.ui-jqgrid .ui-jqgrid-pager .ui-pg-div span.ui-icon
{
    float: left;
    margin: 0 2px;
}
.ui-jqgrid td input, .ui-jqgrid td select .ui-jqgrid td textarea
{
    margin: 0em;
    height:24px;
   
    line-height:20px; 
    
    
}
.ui-jqgrid td textarea
{
    width: auto;
    height: auto;
}
.ui-jqgrid .ui-jqgrid-toppager
{
    border-left: 0px none !important;
    border-right: 0px none !important;
    border-top: 0px none !important;
    margin: 0px !important;
    padding: 0px !important;
    position: relative;
    height: 25px !important;
    white-space: nowrap;
    overflow: hidden;
}
/*subgrid*/
.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span
{
    display: block;
}
.ui-jqgrid .ui-subgrid
{
    margin: 0em;
    padding: 0em;
    width: 100%;
}
.ui-jqgrid .ui-subgrid table
{
    table-layout: fixed;
}
.ui-jqgrid .ui-subgrid tr.ui-subtblcell td
{
    height: 18px;
    border-right-width: 1px;
    border-right-color: inherit;
    border-right-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: inherit;
    border-bottom-style: solid;
}
.ui-jqgrid .ui-subgrid td.subgrid-data
{
    border-top: 0px none !important;
}
.ui-jqgrid .ui-subgrid td.subgrid-cell
{
    border-width: 0px 0px 1px 0px;
}
.ui-jqgrid .ui-th-subgrid
{
    height: 20px;
}
/* loading */
.ui-jqgrid .loading
{
    position: absolute;
    top: 45%;
    left: 45%;
    width: auto;
    z-index: 101;
    padding: 6px;
    margin: 5px;
    text-align: center;
    font-weight: bold;
    display: none;
    border-width: 2px !important;
}
.ui-jqgrid .jqgrid-overlay
{
    display: none;
    z-index: 100;
}
* html .jqgrid-overlay
{
    
}
* .jqgrid-overlay iframe
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  
}
/* end loading div */
/* toolbar */
.ui-jqgrid .ui-userdata
{
    border-left: 0px none;
    border-right: 0px none;
    height: 28px;
    overflow: hidden;
}
/*Modal Window */
.ui-jqdialog
{
    display: none;
    width: 300px;
    position: absolute;
    padding: .2em;
    font-size: 11px;
    overflow: visible;
}
.ui-jqdialog .ui-jqdialog-titlebar
{
    padding: .3em .2em;
    position: relative;
}
.ui-jqdialog .ui-jqdialog-title
{
    margin: .1em 0 .2em;
}
.ui-jqdialog .ui-jqdialog-titlebar-close
{
    position: absolute;
    top: 50%;
    width: 19px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 18px;
}

.ui-jqdialog .ui-jqdialog-titlebar-close span
{
    display: block;
    margin: 1px;
}
.ui-jqdialog .ui-jqdialog-titlebar-close:hover, .ui-jqdialog .ui-jqdialog-titlebar-close:focus
{
    padding: 0;
}
.ui-jqdialog-content, .ui-jqdialog .ui-jqdialog-content
{
    border: 0;
    padding: .3em .2em;
    background: none;
    height: auto;
}
.ui-jqdialog .ui-jqconfirm
{
    padding: .4em 1em;
    border-width: 3px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    overflow: visible;
    display: none;
    height: 80px;
    width: 220px;
    text-align: center;
}
/* end Modal window*/
/* Form edit */
.ui-jqdialog-content .FormGrid
{
    margin: 0px;
}
.ui-jqdialog-content .EditTable
{
    width: 100%;
    margin-bottom: 0em;
}
.ui-jqdialog-content .DelTable
{
    width: 100%;
    margin-bottom: 0em;
}
.EditTable td input, .EditTable td select, .EditTable td textarea
{
    margin: 0em;
}
.EditTable td textarea
{
    width: auto;
    height: auto;
}
.ui-jqdialog-content td.EditButton
{
    text-align: right;
    border-top: 0px none;
    border-left: 0px none;
    border-right: 0px none;
    padding-bottom: 5px;
    padding-top: 5px;
}
.ui-jqdialog-content td.navButton
{
    text-align: center;
    border-left: 0px none;
    border-top: 0px none;
    border-right: 0px none;
    padding-bottom: 5px;
    padding-top: 5px;
}

.ui-jqdialog-content .CaptionTD
{
    text-align: left;
    vertical-align: top;
    border-left: 0px none;
    border-right: 0px none;
    border-bottom: 0px none;
    padding: 1px;
    white-space: nowrap;
}
.ui-jqdialog-content .DataTD
{
    padding: 1px;
    border-left: 0px none;
    border-right: 0px none;
    border-bottom: 0px none;
    vertical-align: top;
}
.ui-jqdialog-content .form-view-data
{
    white-space: pre;
}
.fm-button
{
    display: inline-block;
    margin: 0 4px 0 0;
    padding: .4em .5em;
    text-decoration: none !important;
    cursor: pointer;
    position: relative;
    text-align: center;
    zoom: 1;
}
.fm-button-icon-left
{
    padding-left: 1.9em;
}
.fm-button-icon-right
{
    padding-right: 1.9em;
}
.fm-button-icon-left .ui-icon
{
    right: auto;
    left: .2em;
    margin-left: 0;
    position: absolute;
    top: 50%;
    margin-top: -8px;
}
.fm-button-icon-right .ui-icon
{
    left: auto;
    right: .2em;
    margin-left: 0;
    position: absolute;
    top: 50%;
    margin-top: -8px;
}
#nData, #pData
{
    float: left;
    margin: 3px;
    padding: 0;
    width: 15px;
}
/* End Eorm edit */
/*.ui-jqgrid .edit-cell {}*/
.ui-jqgrid .selected-row, div.ui-jqgrid .selected-row td
{
    font-style: normal;
    border-left: 0px none;
}
/* Tree Grid */
.ui-jqgrid .tree-wrap
{
    float: left;
    position: relative;
    height: 18px;
    white-space: nowrap;
    overflow: hidden;
}
.ui-jqgrid .tree-minus
{
    position: absolute;
    height: 18px;
    width: 18px;
    overflow: hidden;
}
.ui-jqgrid .tree-plus
{
    position: absolute;
    height: 18px;
    width: 18px;
    overflow: hidden;
}
.ui-jqgrid .tree-leaf
{
    position: absolute;
    height: 18px;
    width: 18px;
    overflow: hidden;
}
.ui-jqgrid .treeclick
{
    cursor: pointer;
}
/* moda dialog */
.jqmOverlay
{
    background-color: #000;
}
* iframe.jqm
{
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  
}
.ui-jqgrid-dnd tr td
{
    border-right-width: 1px;
    border-right-color: inherit;
    border-right-style: solid;
    height: 20px;
}
/* RTL Support */
.ui-jqgrid .ui-jqgrid-title-rtl
{
    float: right;
    margin: .1em 0 .2em;
}
.ui-jqgrid .ui-jqgrid-hbox-rtl
{
    float: right;
    padding-left: 20px;
}
.ui-jqgrid .ui-jqgrid-resize-ltr
{
    float: right;
    margin: -2px -2px -2px 0px;
}
.ui-jqgrid .ui-jqgrid-resize-rtl
{
    float: left;
    margin: -2px 0px -1px -3px;
}
.ui-jqgrid .ui-sort-rtl
{
    left: 0px;
}
.ui-jqgrid .tree-wrap-ltr
{
    float: left;
}
.ui-jqgrid .tree-wrap-rtl
{
    float: right;
}
.ui-jqgrid .ui-ellipsis
{
    text-overflow: ellipsis;
    -moz-binding: url('ellipsis-xbl.xml#ellipsis');
}
.ui-searchFilter
{
    display: none;
    position: absolute;
    z-index: 770;
    overflow: visible;
}
.ui-searchFilter table
{
    position: relative;
    margin: 0em;
    width: auto;
}
.ui-searchFilter table td
{
    margin: 0em;
    padding: 1px;
}
.ui-searchFilter table td input, .ui-searchFilter table td select
{
    margin: 0.1em;
}
.ui-searchFilter .ui-state-default
{
    cursor: pointer;
}
.ui-searchFilter .divider
{
    height: 1px;
}
.ui-searchFilter .divider div
{
    background-color: black;
    height: 1px;
}

.icon-page_first
{
    background:url('grid/pagination_first.gif') no-repeat;
}
.icon-page_prior
{
    background:url('grid/pagination_prev.gif') no-repeat;
}
.icon-page_next
{
    background:url('grid/pagination_next.gif') no-repeat ;
}
.icon-page_last
{
    background:url('grid/pagination_last.gif') no-repeat ;
}

.l-btn {
    position: relative;
}
.icon-upload:before{ background: url('images/icon/upload.svg') no-repeat;   }


.icon-add1:before{ background: transparent url('images/icon/btn_add.gif') no-repeat; }
.icon-addbatch:before{ background: transparent url('images/icon/btn_addbatch.gif') no-repeat; }
.icon-home1:before{ background: url('images/icon/btn_home1.png') no-repeat; }
.icon-home2:before{ background: url('images/icon/btn_home2.gif') no-repeat; }
.icon-email:before{ background: url('images/icon/btn_email.png') no-repeat; }
.icon-logout:before{ background: url('images/icon/btn_logout.png') no-repeat; }
.icon-info:before{ background: url('images/icon/btn_info.png') no-repeat; }
.icon-grsz:before{ background: url('images/icon/btn_grsz.png') no-repeat; }
.icon-reload:before{ background: url('images/icon/reset.svg') no-repeat; background-size:16px 16px; background: url('images/icon/reset.png') no-repeat \9; }

.icon-save:before{ background: url('images/icon/btn_save.gif') no-repeat; }
.icon-home:before{ background: url('images/icon/btn_home.png') no-repeat; }
.icon-edit:before{ background: url('images/icon/btn_edit2.gif') no-repeat; }
.icon-add:before{ background: url('images/icon/btn_add1.gif') no-repeat; }
.icon-del:before{ background: url('images/icon/btn_del1.gif') no-repeat; }

.icon-exp:before{ background: url('images/icon/xlsx.svg') no-repeat; background-size:16px 16px; background: url('images/icon/file_xls.gif') no-repeat \9; }

.icon-other:before{ background: url('images/icon/more.svg') no-repeat; background-size:16px 16px; background: url('images/icon/more.png') no-repeat \9; }
 .icon-setup:before{ background: url('images/icon/setting.svg') no-repeat; background-size:16px 16px; background: url('images/icon/setting.png') no-repeat \9; }
.icon-menulist:before{  }

.icon-view:before{ background: url('images/icon/buttonall.gif') no-repeat -200px -35px; }
.icon-seluser:before{ background: url('images/icon/contrast.gif') no-repeat; }
.icon-remove:before{ background: url('images/icon/btn_del1.gif') no-repeat; }
.icon-close:before{ background: url('images/icon/close.svg') no-repeat; background-size:16px 16px; background: url('images/icon/close.png') no-repeat \9; }
.icon-ok:before{ background: url('images/icon/btn_ok.png') no-repeat; }
.icon-undo:before{ background: url('images/icon/undo.gif') no-repeat; }
.icon-no:before{ background: url('images/icon/no.gif') no-repeat; }
.icon-perfect:before{ background: url('images/icon/perfect.png') no-repeat; }
.icon-lock:before{ background: url('images/icon/lock.gif') no-repeat; }
.icon-unlock:before{ background: url('images/icon/unlock.gif') no-repeat; }
.icon-print:before{ background: url('images/icon/print.gif') no-repeat; }
/*.icon-print:before{ background: url('images/icon/icon_print.svg') no-repeat; background-size:16px 16px; background: url('images/icon/icon_print.png') no-repeat \9; }*/
.icon-search:before{ background: url('images/icon/search.svg') no-repeat; background-size:16px 16px; background: url('images/icon/search.png') no-repeat \9; }
.icon-preview:before{ background: url('images/icon/preview.gif') no-repeat; }
.icon-done:before{ background: url('images/icon/done.gif') no-repeat; }
.icon-audit:before{ background: url('images/icon/audit.gif') no-repeat; }
.icon-help:before{ background: url('images/icon/help.gif') no-repeat; }
.icon-analysis:before{ background: url('images/icon/icon_analysis.gif') no-repeat; }
.icon-back:before{background:url('images/icon/icon_arrow_left.gif') no-repeat  left top; }
.icon-next:before{  background:url('images/icon/icon_arrow_right.gif') no-repeat  left top; }

.icon-modify:before{ background: url('images/icon/modify.gif') no-repeat; }
.icon-up:before{ background: url('images/icon/up.png') no-repeat; }
.icon-down:before{ background: url('images/icon/down.png') no-repeat; }
.icon-copy:before{ background: url('images/icon/copy.gif') no-repeat; }
.icon-cancel:before{ background: url('images/icon/cancel.gif') no-repeat; }
.icon-cascade:before{ background: url('images/icon/application_cascade.png') no-repeat; }
.icon-trash:before{ background: url('images/icon/Trash.gif') no-repeat; }
.icon-clearcache:before{ background: url('images/icon/ClearCache.gif') no-repeat; }
.icon-fileup:before{ background: url('images/icon/fileup.gif') no-repeat; }
.icon-searchtree:before{ background: url('images/icon/searchtree.gif') no-repeat; }
.icon-fold:before{ background: url('images/icon/folder.gif') no-repeat; }
.icon-file-bmp:before{ background: url('images/icon/file_bmp.gif') no-repeat left top; }
.icon-file-doc:before{ background: url('images/icon/file_doc.gif') no-repeat left top; }
.icon-file-docx:before{ background: url('images/icon/file_docx.gif') no-repeat; }
.icon-file-flv:before{ background: url('images/icon/file_flv.gif') no-repeat left top; }

.icon-file-gif:before{ background: url('images/icon/file_gif.gif') no-repeat left top; }

.icon-file-jpg:before{ background: url('images/icon/file_jpg.gif') no-repeat left top; }

.icon-file-png:before{ background: url('images/icon/file_png.gif') no-repeat left top; }

.icon-file-pdf:before{ background: url('images/icon/file_pdf.gif') no-repeat left top; }

.icon-file-ppt:before{ background: url('images/icon/file_ppt.gif') no-repeat left top; }

.icon-file-pptx:before{ background: url('images/icon/file_pptx.gif') no-repeat left top; }

.icon-file-rar:before{ background: url('images/icon/file_rar.gif') no-repeat left top; }

.icon-file-txt:before{ background: url('images/icon/file_txt.gif') no-repeat left top; }

.icon-file-unknown:before{ background: url('images/icon/file_unknown.gif') no-repeat left top; }

.icon-file-xls:before{ background: url('images/icon/file_xls.gif') no-repeat left top; }

.icon-file-xlsx:before{ background: url('images/icon/file_xlsx.gif') no-repeat left top; }

.icon-file-xml:before{ background: url('images/icon/file_xml.gif') no-repeat left top; }
.icon-bar:before{ background: url('images/icon/chart_bar.png') no-repeat left top; }
.icon-line:before{ background: url('images/icon/chart_curve.png') no-repeat left top; }
.icon-pie:before{ background: url('images/icon/chart_pie.png') no-repeat left top; }
.icon-control:before{ background: url('images/icon/control.png') no-repeat left top; }




.icon-move:before{ background: url('images/icon/aicon_arrow_right.gif') no-repeat left top; }



.icon-import:before{ background: url('images/icon/btn_import.png') no-repeat left top; }


.icon-list:before{ background: url('images/icon/btn_list.gif') no-repeat left top; }


.icon-toleft:before{ background: url('images/icon/toleftright.gif') no-repeat 0 -37px; }
.icon-toright:before{ background: url('images/icon/toleftright.gif') no-repeat 0 0px; }

.icon-toleft-all:before{ background: url('images/icon/toleftright.gif') no-repeat 0 -55px; }
.icon-toright-all:before{ background: url('images/icon/toleftright.gif') no-repeat 0 -19px; }

.icon-toup:before{ background: url('images/icon/top.png') no-repeat 50% 50%;; }
.icon-todown:before{ background: url('images/icon/down.png') no-repeat 50% 50%;;  }

.icon-toup-all:before{ background: url('images/icon/topend.png') no-repeat 50% 50%; }
.icon-todown-all:before{ background: url('images/icon/downend.png') no-repeat 50% 50%; }

.icon-app-split:before{ background: url('images/icon/application_split.png')  no-repeat left top; }
.icon-batchset:before{ background: url('images/icon/batchSetting.png') no-repeat left top;
}

.icon-up:before {
    background: url('images/icon/btn_down.gif') no-repeat left top;
}

.icon-down:before {
    background: url('images/icon/btn_up.gif') no-repeat left top;
}

.icon-gonext:before {
    background: url('images/icon/icon_arrow_right.gif') no-repeat left top;
}

.icon-goprior:before {
    background: url('images/icon/icon_arrow_left.gif') no-repeat left top;
}

.icon-mailReply{
	background:url('images/icon/mailbtn.gif') no-repeat 0px 0px;
}
.icon-mailReplyAll:before {
    background: url('images/icon/mailbtn.gif') no-repeat 0px -30px;
}
.icon-mailForward:before {
    background: url('images/icon/mailbtn.gif') no-repeat 0px -60px;
}
.icon-mailShiftDEL:before {
    background: url('images/icon/mailbtn.gif') no-repeat 0px -90px;
}
.icon-mailEdit:before {
    background: url('images/icon/mailbtn.gif') no-repeat 0px -150px;
}
.icon-mailDel:before {
    background: url('images/icon/mailbtn.gif') no-repeat 0px -90px;
}
.icon-mailReturn:before {
    background: url('images/icon/mailbtn.gif') no-repeat 0px -180px;
}
.icon-MailFeedBack:before {
    background: url('images/icon/mailbtn.gif') no-repeat 0px -210px;
}
.icon-mailRollback:before{
	background:url('images/icon/mailbtn.gif') no-repeat 0px -120px;
}
.icon-mailsend:before {
    background: url('images/icon/mailbtn.gif') no-repeat 0px -270px;
}
.icon-selectuser:before {
    background: url('images/icon/mailbtn.gif') no-repeat 0px -300px;
}

.icon-scmdistribution:before {
    background: url('images/icon/basket_go.gif') no-repeat;
}

.icon-db:before {
    background: url('images/icon/menuicon.png') no-repeat 0px -62px;
}

.mailread:before {
    width: 16px;
    height: 20px;
    padding: 0px;
    background: url('images/icon/newoldmail.gif') no-repeat;
    background-position: -4px -24px;
    display: block;
    float: left;
}
.mailunread:before {
    width: 16px;
    height: 20px;
    padding: 0px;
    background: url('images/icon/newoldmail.gif') no-repeat;
    background-position: -4px 2px;
    display: block;
    float: left;
}
.icon-newmailfold:before {
    background: url('images/icon/mailfold.gif') no-repeat 0px -180px;
}
.icon-editmailfold:before {
    background: url('images/icon/mailfold.gif') no-repeat 0px -210px;
}
.icon-mailfold:before {
    background: url('images/icon/mailfold.gif') no-repeat 0px -120px;
}

.icon-secretfold:before {
    background: url('images/icon/mailfold.gif') no-repeat 0px -420px;
}

.icon-copy:before{ background: url('images/icon/icon_copy.png') no-repeat left top; }
.icon-cut:before{ background: url('images/icon/icon_cut.png') no-repeat left top; }
.icon-cut-red:before{ background: url('images/icon/icon_cut_red.png') no-repeat left top; }
.icon-paste:before{ background: url('images/icon/icon_paste.png') no-repeat left top; }
.icon-redo:before{ background: url('images/icon/icon_redo.png') no-repeat left top; }
.icon-undo:before{ background: url('images/icon/icon_undo.png') no-repeat left top; }
.icon-swap:before{ background: url('images/icon/icon_swap.png') no-repeat left top; }
.icon-flag-green2:before{
    background: url('images/icon/FormatAsTable.png') no-repeat left top;
} 

.icon-action:before{ background: url('images/icon/icon_action.png') no-repeat; }
.icon-flownext:before{ background: url('images/icon/icon_action.png') no-repeat; }

.icon-open:before{ background: url('images/icon/file_open.png') no-repeat; }


.icon-select:before{ background: url('images/icon/group.gif') no-repeat; }

.icon-stop:before{ background: url('images/icon/error.gif') no-repeat; }

.icon-p:before{
    background: url('images/icon/btn_prev.gif') no-repeat;
    zoom: 1;
    cursor: pointer;
    outline: none;
    outline: none;
    text-decoration: none;
    display: inline-block;
    width: 6px;
    height: 16px;
}
.icon-n:before{
    background: url('images/icon/btn_next.gif') no-repeat;
    zoom: 1;
    cursor: pointer;
    outline: none;
    outline: none;
    text-decoration: none;
    display: inline-block;
    width: 6px;
    height: 16px;
}

.icon-btn_menulist:before{
    background: url('images/icon/btn_menulist.gif') no-repeat;
    zoom:1;
	height:24px;
	padding-right:12px;
	cursor:pointer;
	outline:none;
	padding-left:2px;
	outline: none;
    font-size:12px;
	text-decoration:none;
	display:inline-block;
}

.tree-search-div
{
    height:26px;
    text-align:center;
}

.tree-search-box
{
    width:100%;
    height:26px;
    padding: 2px 2px ;
    box-sizing: border-box;
}
.tree-search-box-focus
{
    border:solid 1px #dfdfdf;
    color:#333;
}

/*tree*/

.bbit-tree
{
    height:100%;
    width:100%;
    overflow:hidden;
}
.bbit-tree-bwrap{
    height:100%;
    width:100%;
    table-layout:fixed;
}

.bbit-tree ul,.bbit-tree li
{
    list-style-type:none;
    margin:0px;
    padding:0px;
}

.bbit-tree-bodytd
{
    height:100%;
}

.bbit-tree-body
{
    height:100%;
    width:100%;
    font-size:12px;
    vertical-align:top;
    overflow:auto;
}
.opensearchbtntree
{ vertical-align:middle;
    background-color:Transparent;background-image:url("tree/searchtree.gif");border:none;  width:16px;height:16px;
    display:inline-block;
}
.bbit-tree-foot
{
    height:28px;
}
.bbit-tree-icon, .bbit-tree-ec-icon, .bbit-tree-node-cb,.bbit-tree-elbow-line, .bbit-tree-elbow, .bbit-tree-elbow-end, .bbit-tree-elbow-plus, .bbit-tree-elbow-minus, .bbit-tree-elbow-end-plus, .bbit-tree-elbow-end-minus{
    border: 0 none;
    height: 12px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 12px;
    background-repeat: no-repeat;
    display:inline-block;
}
.bbit-tree-node-cb
{
    height:16px;
    width:16px;
}

.bbit-tree-node-cb0
{
    background-image:url(tree/checkbox_0.svg);
    margin-top: 5px;
}
.bbit-tree-node-cb1
{
    background-image:url(tree/checkbox_1.svg);
    margin-top: 5px;
}
.bbit-tree-node-cb2
{
    background-image:url(tree/checkbox_2.svg);
    margin-top: 5px;
}
.bbit-tree-node-collapsed .bbit-tree-node-icon, .bbit-tree-node-expanded .bbit-tree-node-icon, .bbit-tree-node-leaf .bbit-tree-node-icon{
    border: 0 none;
    height: 18px;
    margin: 0;
    padding: 0;
    vertical-align: top;
    width: 10px;
    background-position:center;
    background-repeat: no-repeat;
    display:inline-block;
}
.bbit-tree-node-delete
{
    text-decoration: line-through ;
    color:Gray!important;
}
.bbit-tree-node-delete a{
    color:Gray!important;
}
.bbit-tree-node-delete a span{
    color:Gray!important;
    text-decoration: line-through!important ;
}
.ie .bbit-tree-node-indent img, .ie .bbit-tree-node-icon, .ie .bbit-tree-ec-icon {
    vertical-align:middle !important;
}

.bbit-tree-noicon .bbit-tree-node-icon{
    width:0; height:0;
}




/* No line styles */
.bbit-tree-no-lines .bbit-tree-elbow{
    background:transparent;
}

.bbit-tree-no-lines .bbit-tree-elbow-end{
    background:transparent;
}

.bbit-tree-no-lines .bbit-tree-elbow-line{
    background:transparent;
}

/* Arrows */
.bbit-tree-arrows .bbit-tree-elbow{
    background:transparent;
}

.bbit-tree-arrows .bbit-tree-elbow-plus{
    background:transparent no-repeat 0 0;
}

.bbit-tree-arrows .bbit-tree-elbow-minus{
     
}

.bbit-tree-arrows .bbit-tree-elbow-end{
    background:transparent;
}

.bbit-tree-arrows .bbit-tree-elbow-end-plus{
    background:transparent no-repeat 0 0;
}

.bbit-tree-arrows .bbit-tree-elbow-end-minus{
   
}

.bbit-tree-arrows .bbit-tree-elbow-line{
    background:transparent;
}

.bbit-tree-arrows .bbit-tree-ec-over .bbit-tree-elbow-plus{

}

.bbit-tree-arrows .bbit-tree-ec-over .bbit-tree-elbow-minus{

}

.bbit-tree-arrows .bbit-tree-ec-over .bbit-tree-elbow-end-plus{
 
}

.bbit-tree-arrows .bbit-tree-ec-over .bbit-tree-elbow-end-minus{
    
}

.bbit-tree-elbow-plus, .bbit-tree-elbow-minus, .bbit-tree-elbow-end-plus, .bbit-tree-elbow-end-minus{
    cursor:pointer;
}

.ie ul.bbit-tree-node-ct{
    font-size:0;
    line-height:0;
    zoom:1;
}

.bbit-tree-node-ct{
   /* transition: all 1.2s linear;*/

}

.bbit-tree-node{
    white-space: nowrap;
}

.bbit-tree-node-el {
    padding-left: 8px;
    padding-top: 2px;
    vertical-align: middle;
    cursor:default;
    height:26px;
    /*    line-height:16px;height:16px;cursor:pointer;*/
}
.bbit-tree-node-anchor{
    display:inline-block;
    padding-top:  3px ;
    line-height:16px;
}
.bbit-tree-node a{
    text-decoration:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -kthml-user-focus:normal;
    -moz-user-focus:normal;
    -moz-outline: 0 none;
    outline:0 none;
}

.bbit-tree-node a span{
    text-decoration:none;
    padding:1px 3px 1px 2px;
}

.bbit-tree-node .bbit-tree-node-disabled .bbit-tree-node-icon{
    -moz-opacity: 0.5;
    opacity:.5;
    filter: alpha(opacity=50);
}

.bbit-tree-node .bbit-tree-node-inline-icon{
    background:transparent;
}

.bbit-tree-node a:hover{
    text-decoration:none;
}



/* Fix for ie rootVisible:false issue */
.bbit-tree-root {
    zoom:1;
}


/****************************/
.bbit-tree-node-expanded .bbit-tree-node-icon{
    
}



.bbit-tree-node-leaf .bbit-tree-node-icon{
    /*background-image:url(../images/tree/leaf.gif);*/
}

.bbit-tree-node-collapsed .bbit-tree-node-icon{
    /*background-image:url(../images/tree/folder.gif);*/
}

.bbit-tree-node-loading .bbit-tree-node-icon{
    
}

.bbit-tree-node .bbit-tree-node-inline-icon {
    background-image: none;
}

.bbit-tree-node-loading a span{
    color:#444444;
}

.bbit-tree-lines .bbit-tree-elbow{
    
}

.bbit-tree-lines .bbit-tree-elbow-plus{
     
}

.bbit-tree-lines .bbit-tree-elbow-minus{
     
}

.bbit-tree-lines .bbit-tree-elbow-end{
     
}

.bbit-tree-lines .bbit-tree-elbow-end-plus{
    
}

.bbit-tree-lines .bbit-tree-elbow-end-minus{

}

.bbit-tree-lines .bbit-tree-elbow-line{

}

.bbit-tree-no-lines .bbit-tree-elbow-plus{

}

.bbit-tree-no-lines .bbit-tree-elbow-minus{

}

.bbit-tree-no-lines .bbit-tree-elbow-end-plus{

}

.bbit-tree-no-lines .bbit-tree-elbow-end-minus{

}

.bbit-tree-arrows .bbit-tree-elbow-plus{
    /*background-image:url(../images/tree/arrows.gif);*/
}

.bbit-tree-arrows .bbit-tree-elbow-minus{
    /*background-image:url(../images/tree/arrows.gif);*/
}

.bbit-tree-arrows .bbit-tree-elbow-end-plus{
    /*background-image:url(../images/tree/arrows.gif);*/
}

.bbit-tree-arrows .bbit-tree-elbow-end-minus{
    /*background-image:url(../images/tree/arrows.gif);*/
}

.bbit-tree-node{
    color:#000;
    font-size:12px;
}

.bbit-tree-node a{
    color:#000;
}
.bbit-tree-node a span{
    color:#000;
}
.bbit-tree-node .bbit-tree-node-disabled a span{
    color:gray !important;
}
.bbit-tree-node .bbit-tree-node-over {
    background-color: #eee;
}

.bbit-tree-node .bbit-tree-selected {
    background-color: #4975ff;
    color:white;
}

.bbit-tree-node .bbit-tree-selected:hover {
    background-color: #4975ff;
    color:white;
}

.bbit-tree-node .bbit-tree-selected span{
    color:white;
}

.bbit-tree-node .bbit-tree-selected a span{
    background-color: #4975ff;
    color:white;
}

.bbit-tree-node-el:hover {
    background-color: #f4f4f4;
}

/*�Զ���ڵ�ͼ��*/
.treenode-default-folder .bbit-tree-node-icon{
    background-image:url(images/tree/folder.gif);
}

.treenode-pub-folder .bbit-tree-node-icon
{
    background:url(tree/treeicon.gif) no-repeat 0px -120px;
}
.treenode-dept-folder .bbit-tree-node-icon
{
    background:url(tree/treeicon.gif) no-repeat 0px -90px;
}
.treenode-user-folder .bbit-tree-node-icon
{
    background:url(tree/treeicon.gif) no-repeat 0px -60px;
}
.treenode-trash-folder .bbit-tree-node-icon
{
    background:url(tree/treeicon.gif) no-repeat 0px -150px;
}
.treenode-metoother-folder .bbit-tree-node-icon
{
    background:url(tree/treeicon.gif) no-repeat 0px 0px;
}
.treenode-othertome-folder .bbit-tree-node-icon
{
    background:url(tree/treeicon.gif) no-repeat 0px -180px;
}

.treenode-user-group .bbit-tree-node-icon
{
    background:url(tree/treeicon.gif) no-repeat 0px -210px;
}
.treenode-user .bbit-tree-node-icon
{
    background:url(tree/treeicon.gif) no-repeat 0px -240px;
}
.treenode-temp-chat .bbit-tree-node-icon
{
    background:url(tree/treeicon.gif) no-repeat 0px -270px;
}

.opentreebtn
{    cursor:pointer; position:absolute; background-color:Transparent;border:none;
     background: Transparent url('images/menu_downarrow.png') no-repeat 5px 6px;
     width:19px;height:19px
}


.treenode-default-folder .bbit-tree-node-icon{
    background-image:url(tree/folder.gif);
}

/*momo add*/

/*

.bbit-tree-ec-icon
{
    cursor: pointer;
    color: #333;
    background-color: #fff;
    margin-top: 4px;
    display: inline-block;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
}

.bbit-tree-ec-icon {
    content: "\E66B";
    width: 12px;
    font-size: 12px;
    color: #999;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    transform-origin: center center;
    width: 12px;
    height: 12px;
    background: transparent url(tree/down.png) no-repeat 50% 30%;
    
}



.bbit-tree-elbow-plus
{
    background: transparent url(tree/down_right.png) no-repeat 50% 3%;

}

.bbit-tree-arrows .bbit-tree-elbow-minus
{
    background: transparent url(tree/down.png) no-repeat 50% 30%;
}


 

.bbit-tree-arrows .bbit-tree-elbow-end-plus
{

    background: transparent url(tree/down_right.png) no-repeat 50% 30%!important;
}





.bbit-tree-elbow-end-minus
{
    background: transparent url(tree/down.png) no-repeat 50% 30%;
}






.bbit-tree-elbow-plus{
    background: transparent url(tree/down_right.png) no-repeat 50% 30%!important;
}




.bbit-tree-node-leaf  .bbit-tree-ec-icon {

    background: transparent!important;
}
*/
.lefttreediv{
    /*border:1px solid #dfdfdf;*/
}



.bbit-tree-ec-icon
{
    font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
    cursor: pointer;
    color: #333;
    display: inline-block;
    font-style: normal;  
    position: relative;
   margin-top:3px;
    padding-left: 3px;
    /*text-transform: none; transform-origin: center center;*/
    /*-webkit-font-smoothing: antialiased;*/
    /*-webkit-transition: -webkit-transform .1s linear;*/
    /*transition: -webkit-transform .1s linear;*/
    /*transition: transform .1s linear;*/
    /*transition: transform .1s linear,-webkit-transform .1s linear;*/
    /*transition: transform 0.1s linear 0s, -webkit-transform 0.1s linear 0s;*/
    /*transform-origin: center center;*/
}

.bbit-tree-ec-icon:before {
    content: '\f2fb'; 
    font-size: 16px;
    color: #999;
    text-align: center;
    transition:all 0.5s;
    display: inline-block;
    text-rendering:auto;
    transform: rotate(0deg);
 

}

.bbit-tree-node .bbit-tree-selected  .bbit-tree-ec-icon:before{
    color:white!important;
}


.bbit-tree-elbow-plus:before
{
    transform: rotate(0deg);

}


.bbit-tree-arrows .bbit-tree-elbow-end-plus:before
{

    transform: rotate(0deg);
}

.bbit-tree-elbow-minus:before
{
    transform: rotate(90deg);
    
}
.bbit-tree-elbow-end-minus:before
{
    transform: rotate(90deg);

}

.bbit-tree-node-leaf  .bbit-tree-ec-icon:before {

    content: "";
}


.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

    .ac_results li {
        margin: 0px;
        padding: 3px 5px;
        cursor: default;
        display: block;
        text-align:left;
        font: menu;
        font-size: 12px;
        /* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
        line-height: 16px;       
        overflow: hidden;
    }
.ac_results li span
{
	overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: clip ;
    text-overflow: clip ;
    padding:2px 3px;
   
    line-height: 16px;
}

.ac_loading {
	/*background: white url('mixtree/throbber.gif') right center no-repeat;*/
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

.webuploader-container {
	position: relative;
}
.webuploader-element-invisible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}
.webuploader-pick {
	position: relative;
	display: inline-block;
	cursor: pointer;
	background: #00b7ee;
	padding: 10px 15px;
	color: #fff;
	text-align: center;
	border-radius: 3px;
	overflow: hidden;
}
.webuploader-pick-hover {
	background: #00a2d4;
}

.webuploader-pick-disable {
	opacity: 0.6;
	pointer-events:none;
}




/* ------------ */
.wrapper {
    width: 50%;
    margin: 0 auto; 
    margin: 1em;
    width: auto;
}

.wrapper .container {
    border: 1px solid #dadada;
    color: #838383;
    font-size: 12px;
    margin-top: 10px;
    background-color: #FFF;
    padding-left: 20px;
}

.wrapper .queueList {
    margin: 20px; 
}

.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}

.wrapper .placeholder {
    border: 3px dashed #e6e6e6;
    padding-top: 5px;
    text-align: right;
    padding-right:30px;
    background: url(../../scripts/webuploader-0.1.5/image/image.png) 30% 5px no-repeat;
    color: #cccccc;
    font-size: 18px;
    position: relative;
}

.wrapper .placeholder .webuploader-pick {
    font-size: 18px;
    background: #00b7ee;
    border-radius: 3px;
    line-height: 44px;
    padding: 0 30px;
    color: #fff;
    display: inline-block;
    margin: 20px auto;
    cursor: pointer;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.wrapper .placeholder .webuploader-pick-hover {
    background: #00a2d4;
}

#td_uploader .placeholder .flashTip {
    color: #666666;
    font-size: 12px;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 20px;
}
#td_uploader .placeholder .flashTip a {
    color: #0785d1;
    text-decoration: none;
}
#td_uploader .placeholder .flashTip a:hover {
    text-decoration: underline;
}

#td_uploader .placeholder.webuploader-dnd-over {
    border-color: #999999;
}

#td_uploader .placeholder.webuploader-dnd-over.webuploader-dnd-denied {
    border-color: red;
}

#td_uploader .filelist {
    list-style: none;
    margin: 0;
    padding: 0;
}

#td_uploader .filelist:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    clear: both;
}

.wrapper .filelist li {
    width: 110px;
    height: 110px;
    background: url(../../scripts/webuploader-0.1.5/image/bg.png) no-repeat;
    text-align: center;
    margin: 0 8px 20px 0;
    position: relative;
    display: inline;
    float: left;
    overflow: hidden;
    font-size: 12px;
}

.wrapper .filelist li p.log {
    position: relative;
    top: -45px;
}

.wrapper .filelist li p.title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow : ellipsis;
    top: 5px;
    text-indent: 5px;
    text-align: left;
}

.wrapper .filelist li p.progress {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 8px;
    overflow: hidden;
    z-index: 50;
}
.wrapper .filelist li p.progress span {
    display: none;
    overflow: hidden;
    width: 0;
    height: 100%;
    background: #1483d8 url(../../scripts/webuploader-0.1.5/image/progress.png) repeat-x;

    -webit-transition: width 200ms linear;
    -moz-transition: width 200ms linear;
    -o-transition: width 200ms linear;
    -ms-transition: width 200ms linear;
    transition: width 200ms linear;

    -webkit-animation: progressmove 2s linear infinite;
    -moz-animation: progressmove 2s linear infinite;
    -o-animation: progressmove 2s linear infinite;
    -ms-animation: progressmove 2s linear infinite;
    animation: progressmove 2s linear infinite;

    -webkit-transform: translateZ(0);
}

@-webkit-keyframes progressmove {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 17px 0;
    }
}
@-moz-keyframes progressmove {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 17px 0;
    }
}
@keyframes progressmove {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 17px 0;
    }
}

.wrapper .filelist li p.imgWrap {
    position: relative;
    z-index: 2;
    line-height: 110px;
    vertical-align: middle;
    overflow: hidden;
    width: 110px;
    height: 110px;

    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;

    -webit-transition: 200ms ease-out;
    -moz-transition: 200ms ease-out;
    -o-transition: 200ms ease-out;
    -ms-transition: 200ms ease-out;
    transition: 200ms ease-out;
}

.wrapper .filelist li img {
    width: 100%;
}

.wrapper .filelist li p.error {
    background: #f43838;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 28px;
    line-height: 28px;
    width: 100%;
    z-index: 100;
}

.wrapper .filelist li .success {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    width: 100%;
    z-index: 200;
    background: url(../../scripts/webuploader-0.1.5/image/success.png) no-repeat right bottom;
}

.wrapper .filelist li .selected {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    width: 100%;
    z-index: 200;
    background: url(../../scripts/webuploader-0.1.5/image/selected.png) no-repeat right bottom;
}

.wrapper .filelist div.file-panel {
    position: absolute;
    height: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000')\0;
    background: rgba( 0, 0, 0, 0.5 );
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 300;
}

.wrapper .filelist div.file-panel span {
    width: 24px;
    height: 24px;
    display: inline;
    float: right;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../../scripts/webuploader-0.1.5/image/icons.png) no-repeat;
    margin: 5px 1px 1px;
    cursor: pointer;
}

.wrapper .uploader .filelist div.file-panel span.rotateLeft {
    background-position: 0 -24px;
}
.wrapper .uploader .filelist div.file-panel span.rotateLeft:hover {
    background-position: 0 0;
}

.wrapper .uploader .filelist div.file-panel span.rotateRight {
    background-position: -24px -24px;
}
.wrapper .uploader .filelist div.file-panel span.rotateRight:hover {
    background-position: -24px 0;
}

.wrapper .uploader .filelist div.file-panel span.cancel {
    background-position: -48px -24px;
}
.wrapper .uploader .filelist div.file-panel span.cancel:hover {
    background-position: -48px 0;
}

.wrapper .uploader .statusBar {
    height: 63px;
    border-top: 1px solid #dadada;
    padding: 0 20px;
    line-height: 63px;
    vertical-align: middle;
    position: relative;
}

.wrapper .uploader .statusBar .progress {
    border: 1px solid #1483d8;
    width: 198px;
    background: #fff;
    height: 18px;
    position: relative;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    color: #6dbfff;
    position: relative;
    margin-right: 10px;
}
.wrapper .uploader .statusBar .progress span.percentage {
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: #1483d8;
    position: absolute;
}
.wrapper .uploader .statusBar .progress span.text {
    position: relative;
    z-index: 10;
}

.wrapper .uploader .statusBar .info {
    display: inline-block;
    font-size: 14px;
    color: #666666;
}

.wrapper .uploader .statusBar .btns {
    position: absolute;
    top: 10px;
    right: 0px;
    line-height: 40px;
    width:320px;
}

#filePicker2 {
    display: inline-block;
    float: left;
}

.wrapper .uploader .statusBar .btns .webuploader-pick,
.wrapper .uploader .statusBar .btns .uploadBtn,
.wrapper .uploader .statusBar .btns .uploadBtn.state-uploading,
.wrapper .uploader .statusBar .btns .uploadBtn.state-paused {
    background: #ffffff;
    border: 1px solid #cfcfcf;
    color: #565656;
    padding: 0 18px;
    display: inline-block;
    border-radius: 3px;
    margin-left: 10px;
    cursor: pointer;
    font-size: 14px;
    float: left;
}
.wrapper .uploader .statusBar .btns .webuploader-pick-hover,
.wrapper .uploader .statusBar .btns .uploadBtn:hover,
.wrapper .uploader .statusBar .btns .uploadBtn.state-uploading:hover,
.wrapper .uploader .statusBar .btns .uploadBtn.state-paused:hover {
    background: #f0f0f0;
}

.wrapper .uploader .statusBar .btns .uploadBtn {
    background: #00b7ee;
    color: #fff;
    border-color: transparent;
}
.wrapper .uploader .statusBar .btns .uploadBtn:hover {
    background: #00a2d4;
}

.wrapper .uploader .statusBar .btns .uploadBtn.disabled {
    pointer-events: none;
    opacity: 0.6;
}


/* ------------ */
.wrapper { 
    margin: 0 auto; 
    height: auto;
    overflow: hidden
}

.wrapper .container {
    border: 1px solid #dadada;
    color: #838383;
    font-size: 12px;
    margin: 5px;
    background-color: #FFF;
    padding: 5px;
    height: auto;
    overflow: hidden
}

.wrapper .queueList {
    margin: 10px;
    overflow: hidden;
    padding:5px;
}

.element-invisible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px,1px,1px,1px);
}



.wrapper .placeholder .webuploader-pick {
    font-size: 18px;
    background: #00b7ee;
    border-radius: 3px;
    line-height: 44px !important; 
    color: #fff;
    display: inline-block;
    margin-top: 20px;
    margin-bottom: 20px;
    cursor: pointer;
    left: 48%;
    float: left;
    position: relative;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
}

.wrapper .placeholder .webuploader-pick-hover {
    background: #00a2d4;
}

#td_uploader .placeholder .flashTip {
    color: #666666;
    font-size: 12px;
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 20px;
}

#td_uploader .placeholder .flashTip a {
    color: #0785d1;
    text-decoration: none;
}

#td_uploader .placeholder .flashTip a:hover {
    text-decoration: underline;
}

#td_uploader .placeholder.webuploader-dnd-over {
    border-color: #999999;
}

#td_uploader .placeholder.webuploader-dnd-over.webuploader-dnd-denied {
    border-color: red;
}

#td_uploader .filelist {
    list-style: none;
    margin: 0;
    padding: 0;
}

#td_uploader .filelist:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
    clear: both;
}

.wrapper .filelist li {
    width: 110px;
    height: 110px;
    background: url(../../scripts/webuploader-0.1.5/image/bg.png) no-repeat;
    text-align: center;
    margin: 0 8px 20px 0;
    position: relative;
    display: inline;
    float: left;
    overflow: hidden;
    font-size: 12px;
}

.wrapper .filelist li p.log {
    position: relative;
    top: -45px;
}

.wrapper .filelist li p.title {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    top: 5px;
    text-indent: 5px;
    text-align: left;
}

.wrapper .filelist li p.progress {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    height: 8px;
    overflow: hidden;
    z-index: 50;
}

.wrapper .filelist li p.progress span {
    display: none;
    overflow: hidden;
    width: 0;
    height: 100%;
    background: #1483d8 url(../../scripts/webuploader-0.1.5/image/progress.png) repeat-x;
    -webit-transition: width 200ms linear;
    -moz-transition: width 200ms linear;
    -o-transition: width 200ms linear;
    -ms-transition: width 200ms linear;
    transition: width 200ms linear;
    -webkit-animation: progressmove 2s linear infinite;
    -moz-animation: progressmove 2s linear infinite;
    -o-animation: progressmove 2s linear infinite;
    -ms-animation: progressmove 2s linear infinite;
    animation: progressmove 2s linear infinite;
    -webkit-transform: translateZ(0);
}

@-webkit-keyframes progressmove {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 17px 0;
    }
}

@-moz-keyframes progressmove {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 17px 0;
    }
}

@keyframes progressmove {
    0% {
        background-position: 0 0;
    }

    100% {
        background-position: 17px 0;
    }
}

.wrapper .filelist li p.imgWrap {
    position: relative;
    z-index: 2;
    line-height: 110px;
    vertical-align: middle;
    overflow: hidden;
    width: 110px;
    height: 110px;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webit-transition: 200ms ease-out;
    -moz-transition: 200ms ease-out;
    -o-transition: 200ms ease-out;
    -ms-transition: 200ms ease-out;
    transition: 200ms ease-out;
}

.wrapper .filelist li img {
    width: 100%;
}

.wrapper .filelist li p.error {
    background: #f43838;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 28px;
    line-height: 28px;
    width: 100%;
    z-index: 100;
}

.wrapper .filelist li .success {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    width: 100%;
    z-index: 200;
    background: url(../../scripts/webuploader-0.1.5/image/success.png) no-repeat right bottom;
}

.wrapper .filelist li .selected {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    height: 40px;
    width: 100%;
    z-index: 200;
    background: url(../../scripts/webuploader-0.1.5/image/selected.png) no-repeat right bottom;
}

.wrapper .filelist div.file-panel {
    position: absolute;
    height: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#80000000', endColorstr='#80000000')\0;
    background: rgba( 0, 0, 0, 0.5 );
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 300;
}

.wrapper .filelist div.file-panel span {
    width: 24px;
    height: 24px;
    display: inline;
    float: right;
    text-indent: -9999px;
    overflow: hidden;
    background: url(../../scripts/webuploader-0.1.5/image/icons.png) no-repeat;
    margin: 5px 1px 1px;
    cursor: pointer;
}

.wrapper .uploader .filelist div.file-panel span.rotateLeft {
    background-position: 0 -24px;
}

.wrapper .uploader .filelist div.file-panel span.rotateLeft:hover {
    background-position: 0 0;
}

.wrapper .uploader .filelist div.file-panel span.rotateRight {
    background-position: -24px -24px;
}

.wrapper .uploader .filelist div.file-panel span.rotateRight:hover {
    background-position: -24px 0;
}

.wrapper .uploader .filelist div.file-panel span.cancel {
    background-position: -48px -24px;
}

.wrapper .uploader .filelist div.file-panel span.cancel:hover {
    background-position: -48px 0;
}

.wrapper .uploader .statusBar { 
    border-top: 1px solid #dadada;
    padding: 10px 0px 20px 0px; 
    vertical-align: middle;
    position: relative;
    overflow:hidden;
}

.wrapper .uploader .statusBar .progress {
    border: 1px solid #1483d8;
    width: 198px;
    background: #fff;
    height: 18px;
    position: relative;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    color: #6dbfff;
    position: relative;
    margin-right: 10px;
}

.wrapper .uploader .statusBar .progress span.percentage {
    width: 0;
    height: 100%;
    left: 0;
    top: 0;
    background: #1483d8;
    position: absolute;
}

.wrapper .uploader .statusBar .progress span.text {
    position: relative;
    z-index: 10;
}

.wrapper .uploader .statusBar .info {
    display: inline-block;
    font-size: 14px;
    line-height: 14px;
    vertical-align: middle;
    color: #666666;
}

.wrapper .uploader .statusBar .btns { 
    top: 10px;
    line-height: 40px;
    position: relative;
    overflow: hidden;
}

.filePicker2 {
    display: inline-block;
    float: left;
}

.wrapper .uploader .statusBar .btns .webuploader-pick,
.wrapper .uploader .statusBar .btns .uploadBtn,
.wrapper .filePicker3 ,
.wrapper .uploader .statusBar .btns .uploadBtn.state-uploading,
.wrapper .uploader .statusBar .btns .uploadBtn.state-paused {
    background: #ffffff;
    border: 1px solid #cfcfcf;
    color: #565656;
    padding: 0 15px;
    display: inline-block;
    border-radius: 5px;
    margin-left: 8px;
    margin-top:10px;
    cursor: pointer;
    font-size: 12px;
    float: left;
    line-height:44px;
}

.wrapper .uploader .statusBar .btns .webuploader-pick-hover,
.wrapper .uploader .statusBar .btns .uploadBtn:hover,
.wrapper .uploader .statusBar .btns .uploadBtn.state-uploading:hover,
.wrapper .uploader .statusBar .btns .uploadBtn.state-paused:hover {
    background: #f0f0f0;
}

.wrapper .uploader .statusBar .btns .uploadBtn {
    background: #00b7ee;
    color: #fff;
    border-color: transparent;
}

.wrapper .uploader .statusBar .btns .uploadBtn:hover {
    background: #00a2d4;
}

.wrapper .uploader .statusBar .btns .uploadBtn.disabled {
    pointer-events: none;
    opacity: 0.6;
}


.img_upload {
    padding: 5px 5px 5px 5px;
    min-width: 80px;
    min-height: 60px;
  /*  margin-left: 20px !important*/
}

.delspan {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 0px;
    cursor: pointer; 
    background-image: url(../../content/img/close.gif);
}

a {
    text-decoration: none;
}


.upload_filelist {
    position: relative; 
}




.btn_search {
    background: #ffffff;
    border: 1px solid #cfcfcf;
    color: #565656;
    padding: 0 23px;
    display: inline-block;
    border-radius: 3px;
    margin-left: 10px;
    vertical-align: middle;
    cursor: pointer;
    font-size: 14px;
    float: left;
    height: 30px;
    line-height: 30px;
    color: #fff;
    background-color: #00b7ee
}

.wrapper2 .placeholder {
    border: 3px dashed #e6e6e6;
    padding-top: 5px;
    text-align: right;
    padding-right: 5px;
    background: url(../../scripts/scripts/webuploader-0.1.5/image/image.png) 10% 5px no-repeat;
    color: #cccccc;
    font-size: 18px;
    position: relative; 
}

.wrapper .uploader .statusBar {
    height: 156px;
    border-top: 1px solid #dadada;
    padding: 0 5px;
    line-height: 63px;
    vertical-align: middle;
    position: relative;
    overflow: hidden;
}

.container {
    padding: 0px;
}

.btns {
    position: relative !important;
}
 

.fjlb {
    color: #00b7ee;
    font-weight: bold;
    font-size: 14px;
    line-height: 20px;
    padding-top: 10px;
}

.filePicker3 {
    background: #ffffff;
    border: 1px solid #cfcfcf;
    color: #565656;
    padding: 0 18px;
    display: inline-block;
    border-radius: 3px;
    margin-left: 10px;
    cursor: pointer;
    font-size: 14px;
    float: left;
    line-height: 20px;
    position: absolute;
    line-height: 40px;
    text-align: center;
    display: none;
    position: relative;
    width: 80px; 
}
.filePicker3:hover {
    background: #f0f0f0;
}
.wrapper h4 {
    color: #00b7ee;
    font-weight: bold;
    line-height: 30px;
    padding-left: 10px;
    text-align: center;
}

.wrapper .selected {
    background-color: #00b7ee;
}

.wrapper .selected span {
    color: #fff;
}

.wrapper a {
    text-decoration: none;
}

.wrapper p {
    margin-left: 10px;
}


.webupload_ul {
    width: 100%;
    height: 100%;
    /*ʹ ul �Զ�ˮƽ����*/
    padding: 5px 5px;
    display: inline-block
}
    .webupload_ul li {
        /*ȥ�� li ǰ�ߵ���ʽ*/
        list-style-type: none;
        min-width: 80px;
        /*   min-height: 60px;
        border: 1px solid red;*/
        /*Ϊ���� li ��һ�ţ�ʹ�����󸡶�*/
        float: left;
        padding: 5px 5px;
        margin: 5px 5px;
        cursor: pointer;
        border-radius: 5px;
        background: #f0f0f0;
    }
    .webupload_ul label {
        cursor: pointer;
    }
    .webupload_ul a {
/*        color:#000;
*/
    }
.webupload_ul2 img {
    width: 80px;
    margin: 10px 0 0 10px;
}

.webupload_ul span {
    margin-left: -3px;
    display: block;
    width: 16px;
    height: 16px;
    top: -4px;
    right: 0px;
    cursor: pointer;
    background-image: url(../../content/img/close.gif);
/*    background-position: 10% 40%;
*/   
position: relative;
    display: inline-block;
}

.webupload_ul2 a:link {
    color: black;
    text-decoration: none;
}

.webupload_ul2 a:hover {
    color: red;
    text-decoration: underline;
}